:root{
  --navy:#0B2345;
  --navy-2:#112f58;
  --emerald:#009B72;
  --emerald-dark:#007b5a;
  --gold:#C9A227;
  --ink:#132238;
  --muted:#637083;
  --surface:#ffffff;
  --background:#f3f6f9;
  --border:#dfe6ec;
  --danger:#c53b48;
  --shadow:0 16px 45px rgba(11,35,69,.10);
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
main{min-height:65vh}
.site-header{height:84px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);position:sticky;top:0;z-index:50;box-shadow:0 4px 20px rgba(0,0,0,.12)}
.brand img{height:54px;width:auto;max-width:300px}
.main-nav{display:flex;align-items:center;gap:25px;color:#fff}
.main-nav>a{text-decoration:none;font-weight:650;font-size:.95rem;opacity:.9}
.main-nav>a:hover{opacity:1;color:#7fe0c2}
.nav-cta{padding:10px 17px;border-radius:999px;background:var(--emerald);opacity:1!important}
.nav-cta.ghost{background:transparent;border:1px solid rgba(255,255,255,.32)}
.language-switcher{display:flex;gap:6px;padding-left:8px;border-left:1px solid rgba(255,255,255,.25)}
.language-switcher a{font-size:.78rem;text-decoration:none;color:#fff;opacity:.75}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:1.6rem}
.flash{padding:14px clamp(20px,5vw,76px);font-weight:700}
.flash-success{background:#dff7ed;color:#075e46}
.flash-error{background:#ffe7e9;color:#8a1f2c}
.hero{max-width:1450px;margin:0 auto;padding:88px clamp(20px,6vw,92px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:55px;align-items:center;background:
 radial-gradient(circle at 85% 20%,rgba(0,155,114,.18),transparent 29%),
 linear-gradient(135deg,#071d3c 0%,var(--navy) 58%,#0a3e50 100%);color:#fff;border-radius:0 0 38px 38px}
.hero h1,.page-hero h1,.auth-copy h1{font-size:clamp(2.5rem,5.8vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:16px 0 22px}
.hero p{font-size:1.16rem;max-width:680px;color:#dbe5ef}
.eyebrow{display:inline-block;font-size:.76rem;letter-spacing:.14em;font-weight:850;color:var(--emerald);text-transform:uppercase}
.hero .eyebrow,.cta-section .eyebrow{color:#7fe0c2}
.hero-search{display:flex;max-width:720px;margin:32px 0 22px;background:#fff;padding:7px;border-radius:999px;box-shadow:0 16px 45px rgba(0,0,0,.18)}
.hero-search input{flex:1;border:0;outline:0;padding:10px 18px;border-radius:999px;min-width:0}
.hero-search button,.filter-bar button{border:0;background:var(--emerald);color:#fff;border-radius:999px;padding:13px 25px;font-weight:800;cursor:pointer}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:999px;padding:13px 22px;font-weight:800;cursor:pointer}
.button.primary{background:var(--emerald);color:#fff}
.button.primary:hover{background:var(--emerald-dark)}
.button.secondary{background:#fff;color:var(--navy)}
.button.light{background:#fff;color:var(--navy)}
.button.danger{background:#fff0f1;color:var(--danger)}
.button.small{padding:9px 16px;font-size:.88rem}
.button.full{width:100%}
.trust-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#cae3dd;font-size:.9rem}
.hero-score-card{background:linear-gradient(145deg,#fff,#edf8f4);color:var(--navy);border:1px solid rgba(255,255,255,.55);padding:38px;border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.24);text-align:center}
.hero-score-card>span{font-size:.75rem;letter-spacing:.17em;font-weight:900}
.hero-score-card strong{display:block;font-size:clamp(4.8rem,10vw,8.5rem);line-height:.95;color:var(--emerald);letter-spacing:-.07em;margin:14px 0}
.hero-score-card h2{margin:0;font-size:1.4rem}
.hero-score-card p{font-size:.92rem;color:var(--muted);margin:16px auto 0}
.stars{color:var(--gold);letter-spacing:.08em}
.section{max-width:1450px;margin:0 auto;padding:72px clamp(20px,6vw,92px)}
.section.narrow{max-width:1050px}
.section-heading,.dashboard-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}
.section-heading h2,.split-section h2,.cta-section h2{font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.035em;margin:8px 0}
.section-heading>a{color:var(--emerald);font-weight:800;text-decoration:none}
.company-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.company-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 12px 35px rgba(11,35,69,.06);transition:.22s transform,.22s box-shadow}
.company-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.company-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.company-avatar{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--navy),var(--emerald));color:#fff;display:grid;place-items:center;font-size:1.25rem;font-weight:900}
.company-avatar.large{width:78px;height:78px;border-radius:23px;font-size:2rem}
.verified-badge,.pending-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:850}
.verified-badge{background:#e0f7ee;color:#087254}
.pending-badge{background:#fff3d4;color:#8b6700}
.company-industry{display:block;color:var(--muted);font-size:.78rem;font-weight:750;margin-top:20px;text-transform:uppercase;letter-spacing:.06em}
.company-card h3{font-size:1.25rem;margin:7px 0 15px}
.card-score{display:flex;align-items:baseline;gap:4px}
.card-score strong{font-size:3rem;line-height:1;color:var(--emerald);letter-spacing:-.05em}
.card-score span{color:var(--muted)}
.score-level{display:inline-block;font-size:.78rem;font-weight:850;border-radius:999px;padding:6px 10px;margin-top:10px}
.score-leader{background:#fff5cf;color:#7a5c00}
.score-high{background:#ddf7ed;color:#087254}
.score-established{background:#e4effc;color:#285f97}
.score-warning{background:#fff0d9;color:#8f5700}
.score-poor{background:#ffe5e7;color:#9a2631}
.score-unreviewed{background:#edf1f5;color:#5d6978}
.not-rated-score{color:#657385!important;letter-spacing:0!important}
.rating-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:20px 0;color:var(--muted);font-size:.78rem}
.card-link{display:block;border-top:1px solid var(--border);padding-top:16px;text-decoration:none;font-weight:850;color:var(--navy)}
.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.step>strong{font-size:2rem;color:var(--emerald)}
.step h3{margin:13px 0 6px}
.step p{color:var(--muted)}
.cta-section{max-width:1320px;margin:25px auto 80px;padding:50px clamp(25px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:30px;background:linear-gradient(135deg,var(--navy),#0b4d55);color:#fff}
.cta-section p{color:#d7e6eb;max-width:700px}
.site-footer{background:#071b36;color:#fff;padding:55px clamp(20px,6vw,92px) 25px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:start}
.site-footer img{height:55px;max-width:300px}
.site-footer p{color:#afc0d3}
.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:12px 32px}
.footer-links a{text-decoration:none;color:#fff}
.site-footer small{grid-column:1/-1;color:#8194aa;border-top:1px solid rgba(255,255,255,.12);padding-top:20px}
.page-hero{background:linear-gradient(135deg,var(--navy),#0b4d55);color:#fff;padding:75px clamp(20px,6vw,92px);text-align:center}
.page-hero.compact h1{font-size:clamp(2.1rem,5vw,4rem);margin:12px auto;letter-spacing:-.04em}
.page-hero p{color:#d8e3eb}
.filter-bar{display:grid;grid-template-columns:1fr 260px auto;gap:12px;background:#fff;padding:13px;border-radius:18px;border:1px solid var(--border)}
.filter-bar input,.filter-bar select{border:1px solid var(--border);border-radius:12px;padding:13px}
.result-count{color:var(--muted);font-weight:700}
.company-profile-hero{max-width:1450px;margin:0 auto;padding:65px clamp(20px,6vw,92px);background:linear-gradient(135deg,#fff,#eaf7f3);display:flex;justify-content:space-between;gap:35px;align-items:center}
.profile-title{display:flex;align-items:center;gap:20px}
.profile-title h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.04em;margin:6px 0}
.profile-score{text-align:center;background:#fff;border:1px solid var(--border);border-radius:25px;padding:25px 38px;box-shadow:var(--shadow)}
.profile-score>span{display:block;font-size:.75rem;font-weight:900;letter-spacing:.13em}
.profile-score strong{font-size:5rem;line-height:1;color:var(--emerald);letter-spacing:-.06em}
.profile-score small{color:var(--muted)}
.profile-score b{display:block}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:24px}
.profile-main,.profile-sidebar{display:grid;gap:24px;align-content:start}
.content-card,.ai-card,.form-card,.moderation-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(11,35,69,.05)}
.ai-card{background:linear-gradient(145deg,var(--navy),#0b4d55);color:#fff}
.ai-card p{color:#d9e5eb}
.review-card{padding:24px 0;border-top:1px solid var(--border)}
.review-head{display:flex;justify-content:space-between;gap:20px}
.review-head div{display:grid}
.review-head span,.review-head time{font-size:.78rem;color:var(--muted)}
.company-response{background:#f2f7fa;border-left:4px solid var(--emerald);padding:16px;margin-top:18px;border-radius:0 12px 12px 0}
.metric-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--border)}
.empty-state{text-align:center;padding:35px;color:var(--muted)}
.ranking-table{display:grid;gap:10px}
.ranking-row{display:grid;grid-template-columns:60px 1fr 100px;align-items:center;gap:18px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;text-decoration:none}
.rank-number{font-size:1.4rem;font-weight:900;color:var(--gold)}
.rank-company{display:grid}
.rank-company small{color:var(--muted)}
.rank-score{font-size:1.7rem;font-weight:900;color:var(--emerald);text-align:right}
.auth-layout{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 540px;align-items:center;gap:60px;padding:70px clamp(20px,8vw,130px);background:linear-gradient(135deg,#eef7f4,#f8fafc)}
.auth-copy p{color:var(--muted);max-width:600px}
.auth-card,.form-card{display:grid;gap:16px}
.auth-card h2{margin:0}
.auth-card label,.form-card label{display:grid;gap:7px;font-weight:750;font-size:.88rem}
.auth-card input,.auth-card select,.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:13px;background:#fff;outline:none}
.auth-card input:focus,.auth-card select:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--emerald);box-shadow:0 0 0 4px rgba(0,155,114,.09)}
.form-errors{background:#fff0f1;color:#8a1f2c;border-radius:12px;padding:10px 14px}
.form-errors p{margin:5px 0}
.form-note{font-size:.86rem;color:var(--muted);text-align:center}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.checkbox{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}
.checkbox input{width:auto}
.dashboard-shell{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;min-height:750px}
.dashboard-sidebar{background:var(--navy);color:#fff;padding:38px 28px;display:grid;align-content:start;gap:10px}
.dashboard-sidebar h2{margin:3px 0 22px}
.dashboard-sidebar>a{color:#fff;text-decoration:none;padding:11px 12px;border-radius:10px}
.dashboard-sidebar>a:hover{background:rgba(255,255,255,.09)}
.dashboard-content{padding:55px clamp(22px,5vw,70px)}
.dashboard-heading h1{font-size:clamp(2rem,4vw,3.2rem);margin:5px 0}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}
.metric-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:23px;box-shadow:0 10px 30px rgba(11,35,69,.05)}
.metric-card span{display:block;color:var(--muted);font-weight:750}
.metric-card strong{font-size:2.8rem;line-height:1.1;color:var(--navy);letter-spacing:-.04em}
.metric-card.featured{background:linear-gradient(145deg,var(--navy),#0b4d55);color:#fff}
.metric-card.featured span,.metric-card.featured strong{color:#fff}
.metric-card small{color:var(--muted)}
.dashboard-two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.check-list{padding-left:0;list-style:none}
.check-list li{padding:9px 0}
.check-list li::before{content:"✓";color:var(--emerald);font-weight:900;margin-right:9px}
.dashboard-list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-top:1px solid var(--border)}
.dashboard-list-row>div{display:grid}
.dashboard-list-row span{color:var(--muted);font-size:.85rem}
.status{display:inline-flex;padding:6px 11px;border-radius:999px;font-size:.75rem;font-weight:850;text-transform:capitalize}
.status-approved,.status-verified,.status-active{background:#ddf7ed;color:#087254}
.status-pending{background:#fff3d4;color:#8b6700}
.status-rejected,.status-suspended{background:#ffe5e7;color:#9a2631}
.moderation-card{margin-bottom:20px}
.moderation-actions{margin-top:20px}
.moderation-actions form{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1150px){
  .company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{grid-template-columns:1fr}
  .hero-score-card{max-width:550px}
  .metrics-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  .site-header{height:auto;min-height:76px;flex-wrap:wrap;padding:12px 20px}
  .brand img{height:45px;max-width:230px}
  .nav-toggle{display:block}
  .main-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:15px 0}
  .main-nav.open{display:flex}
  .language-switcher{border-left:0;padding-left:0}
  .hero{padding:60px 20px;border-radius:0}
  .hero-search{border-radius:18px;flex-direction:column}
  .hero-search button{width:100%}
  .split-section,.profile-layout,.auth-layout,.dashboard-shell{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .company-profile-hero,.cta-section{flex-direction:column;align-items:flex-start}
  .profile-score{width:100%}
  .dashboard-sidebar{display:none}
  .dashboard-content{padding:35px 20px}
  .site-footer{grid-template-columns:1fr}
  .footer-links{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .company-grid,.metrics-grid,.dashboard-two-column,.form-grid{grid-template-columns:1fr}
  .section{padding:50px 18px}
  .filter-bar{grid-template-columns:1fr}
  .company-profile-hero{padding:45px 18px}
  .profile-title{align-items:flex-start}
  .profile-score strong{font-size:4rem}
  .ranking-row{grid-template-columns:42px 1fr 65px}
  .auth-layout{padding:40px 18px}
}


/* Trustora v1.4 business management upgrade */
.button.secondary.bordered{
  background:#fff;
  border:1px solid var(--border);
  color:var(--navy);
}

.business-review-card{
  margin-bottom:22px;
}

.response-form{
  display:grid;
  gap:14px;
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid var(--border);
}

.response-form label{
  display:grid;
  gap:8px;
  font-weight:750;
}

.response-form textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:14px;
  padding:14px;
  resize:vertical;
  outline:none;
}

.response-form textarea:focus{
  border-color:var(--emerald);
  box-shadow:0 0 0 4px rgba(0,155,114,.09);
}

.verification-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:22px;
}

.verification-tabs a{
  text-decoration:none;
  padding:9px 16px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
  font-weight:800;
  color:var(--navy);
}

.verification-tabs a.active{
  background:var(--navy);
  color:#fff;
  border-color:var(--navy);
}

.verification-card{
  margin-bottom:20px;
}

.verification-card-main{
  display:flex;
  justify-content:space-between;
  gap:25px;
  align-items:flex-start;
}

.verification-score{
  min-width:150px;
  text-align:right;
  display:grid;
  justify-items:end;
  gap:8px;
}

.verification-score>span:first-child{
  color:var(--muted);
  font-size:.78rem;
  font-weight:750;
}

.verification-score strong{
  font-size:2.8rem;
  line-height:1;
  color:var(--emerald);
}

.verification-actions{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding-top:20px;
  margin-top:20px;
  border-top:1px solid var(--border);
}

.verification-actions form{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

@media(max-width:700px){
  .verification-card-main,
  .verification-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .verification-score{
    text-align:left;
    justify-items:start;
  }
}


/* Trustora v1.5 complaint resolution and case management */
.case-list{
  display:grid;
  gap:14px;
}

.case-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  padding:21px 23px;
  text-decoration:none;
  box-shadow:0 9px 28px rgba(11,35,69,.05);
  transition:transform .2s ease,box-shadow .2s ease;
}

.case-row:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow);
}

.case-reference{
  display:inline-block;
  color:var(--emerald);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.1em;
}

.case-row h3,
.case-header h1{
  margin:5px 0;
}

.case-row p,
.case-header p{
  margin:0;
  color:var(--muted);
}

.case-meta{
  min-width:190px;
  display:grid;
  justify-items:end;
  gap:7px;
}

.case-meta small{
  color:var(--muted);
}

.priority{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:850;
}

.priority-low{
  background:#e6effa;
  color:#345f88;
}

.priority-normal{
  background:#e2f7ef;
  color:#087254;
}

.priority-high{
  background:#fff1d8;
  color:#8a5800;
}

.priority-urgent{
  background:#ffe5e7;
  color:#9a2631;
}

.status-open{
  background:#e6effa;
  color:#345f88;
}

.status-under_review{
  background:#eee8ff;
  color:#6041a5;
}

.status-in_progress{
  background:#def7ed;
  color:#087254;
}

.status-awaiting_customer{
  background:#fff1d8;
  color:#8a5800;
}

.status-resolved{
  background:#dff6e6;
  color:#2e713f;
}

.status-closed{
  background:#edf0f3;
  color:#536173;
}

.status-escalated{
  background:#ffe5e7;
  color:#9a2631;
}

.case-header{
  display:flex;
  justify-content:space-between;
  gap:25px;
  align-items:flex-start;
  margin-bottom:22px;
}

.case-header-status{
  display:grid;
  justify-items:end;
  gap:8px;
}

.case-thread{
  display:grid;
  gap:14px;
  margin:20px 0;
}

.case-message{
  max-width:86%;
  padding:17px 18px;
  border-radius:18px;
  background:#f0f4f7;
  border:1px solid var(--border);
}

.case-message-customer{
  justify-self:start;
  border-bottom-left-radius:5px;
}

.case-message-company{
  justify-self:end;
  background:#e4f7f0;
  border-color:#c6eadf;
  border-bottom-right-radius:5px;
}

.case-message-admin{
  justify-self:center;
  background:#e9edf7;
  border-color:#d5dced;
}

.case-message-internal{
  background:#fff5d9;
  border-color:#f0d692;
}

.case-message-head{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-bottom:8px;
}

.case-message-head time{
  color:var(--muted);
  font-size:.76rem;
}

.case-message p{
  margin:0;
}

.internal-label{
  display:inline-flex;
  margin-bottom:8px;
  padding:3px 8px;
  border-radius:999px;
  background:#7d5b00;
  color:#fff;
  font-size:.68rem;
  font-weight:850;
}

.case-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid var(--border);
}

.case-management-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);
  gap:22px;
  align-items:start;
}

.case-side-stack{
  display:grid;
  gap:22px;
}

.event-list{
  display:grid;
  gap:12px;
}

.event-row{
  display:grid;
  gap:3px;
  padding:12px 0;
  border-top:1px solid var(--border);
}

.event-row span,
.event-row small{
  color:var(--muted);
  font-size:.8rem;
}

@media(max-width:900px){
  .case-management-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .case-row{
    grid-template-columns:1fr;
  }

  .case-meta,
  .case-header-status{
    justify-items:start;
  }

  .case-header{
    flex-direction:column;
  }

  .case-message{
    max-width:100%;
  }
}


/* Trustora v1.6 evidence, notifications and SLA */
.notification-bell{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:7px;
}

.notification-bell>span{
  min-width:20px;
  height:20px;
  padding:0 5px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:#ffcf4d;
  color:#5c4300;
  font-size:.68rem;
  font-weight:900;
}

.notification-list{
  display:grid;
  gap:12px;
}

.notification-row{
  display:grid;
  grid-template-columns:14px 1fr;
  gap:14px;
  align-items:start;
  padding:19px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  color:inherit;
  text-decoration:none;
}

.notification-row.unread{
  border-color:#9bdac7;
  background:#eefaf6;
}

.notification-row p{
  margin:5px 0;
  color:var(--muted);
}

.notification-row small{
  color:var(--muted);
}

.notification-dot{
  width:10px;
  height:10px;
  margin-top:7px;
  border-radius:50%;
  background:#b8c2cb;
}

.notification-row.unread .notification-dot{
  background:var(--emerald);
  box-shadow:0 0 0 5px rgba(0,155,114,.12);
}

.sla-badge{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  font-size:.7rem;
  font-weight:850;
  white-space:nowrap;
}

.sla-within{
  background:#def7ed;
  color:#087254;
}

.sla-overdue{
  background:#ffe5e7;
  color:#9a2631;
}

.sla-completed{
  background:#edf0f3;
  color:#536173;
}

.attachment-list{
  display:grid;
  gap:10px;
}

.attachment-list a{
  display:grid;
  gap:2px;
  padding:12px 13px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#f8fafc;
  color:var(--navy);
  text-decoration:none;
}

.attachment-list a:hover{
  border-color:var(--emerald);
  background:#eefaf6;
}

.attachment-list small,
.muted{
  color:var(--muted);
}

.form-card input[type="file"],
.response-form input[type="file"]{
  width:100%;
  border:1px dashed #aebbc7;
  border-radius:12px;
  padding:13px;
  background:#f8fafc;
}

.case-meta{
  min-width:220px;
}