/* LetRecord brand refinement */
.brand{align-items:center;padding-top:2px}
.brand-mark{position:relative;flex:0 0 46px;width:46px;height:50px;border-radius:14px 14px 17px 17px;background:linear-gradient(145deg,#6aa8ff 0%,#3d7edb 48%,#275faa 100%);box-shadow:0 9px 23px rgba(49,119,211,.34),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(9,43,86,.18);overflow:hidden}
.brand-mark::before{content:"";position:absolute;inset:1px;border-radius:13px 13px 16px 16px;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.brand-mark::after{content:"";position:absolute;width:34px;height:34px;border-radius:50%;left:-13px;top:-15px;background:rgba(255,255,255,.12);filter:blur(1px);pointer-events:none}
.brand-mark svg{position:relative;z-index:1;width:29px;height:29px;color:#fff;fill:none;stroke:#fff;stroke-width:2.15}
.brand strong{font-size:1.38rem;letter-spacing:-.035em}
.brand>div:last-child{min-width:0}.brand span{width:132px;margin-top:6px;font-size:.68rem;line-height:1.25;letter-spacing:.01em;white-space:normal}
.record-card{position:relative;overflow:hidden;padding:18px;background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.018));border-color:rgba(123,169,207,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.record-card::after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;right:-42px;top:-46px;background:radial-gradient(circle,rgba(47,196,160,.19),transparent 68%)}
.record-card-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:15px;color:#62d8bd;background:linear-gradient(145deg,rgba(47,196,160,.18),rgba(62,134,210,.12));border:1px solid rgba(91,203,178,.2)}
.record-card-icon svg{width:29px;height:29px;stroke-width:1.8}
.record-card strong{font-size:.98rem;line-height:1.35}
.record-card p{line-height:1.5;margin-top:.65rem}

/* Dashboard colour, rhythm and hierarchy */
.dashboard-view{position:relative}
.dashboard-view::before{content:"";position:absolute;z-index:-1;inset:-32px -32px auto;height:335px;background:linear-gradient(135deg,rgba(231,241,252,.94),rgba(235,249,245,.66) 62%,rgba(247,250,253,.2));border-bottom:1px solid rgba(178,199,220,.38)}
.dashboard-hero{min-height:176px;margin:-4px 0 20px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:28px;border:1px solid #d8e5ef;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.97),rgba(244,250,255,.95) 62%,rgba(234,249,245,.92));box-shadow:0 12px 30px rgba(27,66,104,.07);overflow:hidden;position:relative}
.dashboard-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#2f6cc8,#0b9a80)}
.dashboard-hero .route-heading{margin:0}
.dashboard-hero .route-heading h1{font-size:2.15rem;margin:7px 0 6px}
.dashboard-hero .route-heading p{font-size:.94rem}
.hero-status{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.hero-status b{font-size:.69rem;color:#577087;background:#fff;border:1px solid #dce7ef;border-radius:999px;padding:6px 10px;font-weight:650}
.hero-status b:first-child{color:#087866}
.hero-status b i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#14a283;margin-right:6px;box-shadow:0 0 0 3px #dcf5ee}
.dashboard-hero-mark{width:112px;height:112px;flex:none;border-radius:50%;display:grid;place-items:center;color:#1d668e;background:linear-gradient(145deg,#eaf4ff,#ddf6ee);border:1px solid #d0e4ec;position:relative;box-shadow:inset 0 0 0 9px rgba(255,255,255,.55)}
.dashboard-hero-mark svg{width:58px;height:58px;stroke-width:1.45}
.dashboard-hero-mark span{position:absolute;right:-4px;bottom:6px;background:#0a7f6c;color:#fff;border:4px solid #fff;border-radius:999px;padding:4px 7px;font-size:.67rem;font-weight:800}
.dashboard-view .stat-grid{gap:14px;margin-bottom:20px}
.dashboard-view .stat-grid article{position:relative;overflow:hidden;padding:18px 19px 17px;border-color:#d8e4ee;box-shadow:0 6px 18px rgba(25,58,91,.045)}
.dashboard-view .stat-grid article::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#2f6cc8}
.dashboard-view .stat-grid article:nth-child(2)::before{background:#0b9a80}
.dashboard-view .stat-grid article:nth-child(3)::before{background:#d99a2b}
.dashboard-view .stat-grid article:nth-child(4)::before{background:#6a67c7}
.dashboard-view .stat-grid article:nth-child(1){background:linear-gradient(150deg,#fff,#f7faff)}
.dashboard-view .stat-grid article:nth-child(2){background:linear-gradient(150deg,#fff,#f4fbf9)}
.dashboard-view .stat-grid article:nth-child(3){background:linear-gradient(150deg,#fff,#fffaf1)}
.dashboard-view .stat-grid article:nth-child(4){background:linear-gradient(150deg,#fff,#f8f7ff)}
.stat-label{display:flex;align-items:center;gap:9px}
.stat-label i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#edf4fc;color:#2b65a9}
.stat-grid article:nth-child(2) .stat-label i{background:#e9f7f3;color:#087866}
.stat-grid article:nth-child(3) .stat-label i{background:#fff5df;color:#a26a0c}
.stat-grid article:nth-child(4) .stat-label i{background:#f0efff;color:#5e59b1}
.stat-label i svg{width:16px;height:16px}
.dashboard-view .stat-grid strong{font-size:1.82rem;margin:10px 0 1px}
.dashboard-view .stat-grid small{font-size:.74rem}
.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:18px}
.dashboard-lower-grid .route-card{padding:0;overflow:hidden;border-color:#d9e4ed}
.route-card-title{min-height:76px;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:linear-gradient(90deg,#fbfdff,#f5f9fc);border-bottom:1px solid #e2eaf1}
.route-card-title span{font-size:.62rem;letter-spacing:.15em;font-weight:800;color:#0a8470}
.route-card-title h2{margin:2px 0 0;font-size:1.15rem}
.route-card-title>button{border:1px solid #dbe5ed;background:#fff;border-radius:9px;padding:8px 11px;color:#2b5e93;font:700 .72rem inherit;cursor:pointer}
.recent-cases-card .case-list-row{padding:18px 22px}
.dashboard-next .route-card-title{min-height:76px}
.next-action{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;border:0;border-bottom:1px solid #e8eef3;background:#fff;padding:15px 18px;text-align:left;color:var(--ink);cursor:pointer}
.next-action:hover{background:#f6fafc}
.next-action>i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eaf5f2;color:#087866}
.next-action>i svg{width:18px;height:18px}
.next-action span strong,.next-action span small{display:block}
.next-action span strong{font-size:.78rem}
.next-action span small{font-size:.68rem;color:var(--muted);margin-top:2px}
.next-action>b{color:#50708d}
.record-health{padding:16px 18px 18px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.71rem;color:#60758a}
.record-health>strong{color:#087866}
.record-health>i{grid-column:1/-1;height:7px;border-radius:999px;background:#e1ece9;overflow:hidden}
.record-health>i b{display:block;width:92%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f6cc8,#0b9a80)}

@media(max-width:1150px){
  .dashboard-lower-grid{grid-template-columns:1fr}
  .dashboard-hero{padding:24px 26px}
  .dashboard-hero-mark{width:94px;height:94px}
  .dashboard-hero-mark svg{width:48px;height:48px}
}
@media(max-width:640px){
  .dashboard-view::before{inset:-20px -14px auto;height:390px}
  .dashboard-hero{padding:22px 20px;min-height:0}
  .dashboard-hero .route-heading h1{font-size:1.65rem}
  .dashboard-hero-mark{display:none}
  .hero-status b:last-child{display:none}
  .dashboard-view .stat-grid{grid-template-columns:1fr 1fr;gap:10px}
  .dashboard-view .stat-grid article{padding:14px}
  .stat-label{gap:6px}
  .stat-label i{width:27px;height:27px}
  .dashboard-view .stat-grid strong{font-size:1.55rem}
  .dashboard-lower-grid{gap:12px}
  .route-card-title{padding:15px 16px}
  .recent-cases-card .case-list-row{padding:15px 16px}
}

/* Shared card accents beyond the dashboard */
.case-view .card,.route-view:not(.dashboard-view) .card{position:relative;overflow:hidden;border-color:#d8e4ee;box-shadow:0 7px 22px rgba(25,58,91,.055)}
.case-view .card::before,.route-view:not(.dashboard-view) .card::before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2f6cc8,#68a5f4)}
.case-view .card>.card-heading{margin:-18px -18px 17px;padding:18px 18px 14px;background:linear-gradient(105deg,#fbfdff,#f4f8fc);border-bottom:1px solid #e2eaf1}
.case-view .heading-icon{width:34px;height:34px;border-radius:10px;background:#eaf2fc;color:#2b65a9;border:1px solid #dbe8f5}
.case-view .heading-icon svg{width:1.05rem}

.timeline-card::before{background:linear-gradient(90deg,#2f6cc8,#63a3ef)!important}
.documents-card::before{background:linear-gradient(90deg,#6a67c7,#9490e8)!important}
.documents-card .heading-icon{background:#f0efff;color:#5e59b1;border-color:#e2e0fb}
.photos-card::before{background:linear-gradient(90deg,#168bb5,#54bdd5)!important}
.photos-card .heading-icon{background:#eaf8fb;color:#137c9f;border-color:#d7edf2}
.contractor-card::before{background:linear-gradient(90deg,#0b9a80,#57c3a9)!important}
.contractor-card .heading-icon{background:#e9f7f3;color:#087866;border-color:#d7eee8}
.contractor-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.contractor-actions .success-pill{position:static;right:auto;bottom:auto;margin:0;white-space:nowrap}
.sharing-card::before{background:linear-gradient(90deg,#4b76c4,#7a9cdb)!important}
.sharing-card .heading-icon{background:#edf3fb;color:#3d66ae;border-color:#dde7f4}
.compliance-mini::before{background:linear-gradient(90deg,#0a8b70,#55bd95)!important}
.compliance-mini .heading-icon{background:#e8f7f1;color:#08765f;border-color:#d4ece3}
.completeness::before{background:linear-gradient(90deg,#7569c9,#a79ee8)!important}
.completeness .heading-icon{background:#f0efff;color:#655cba;border-color:#e1dff8}

.detail-panel{background:linear-gradient(145deg,#fff 0%,#fbfdff 72%,#f5faf8 100%)}
.detail-panel::before{height:4px!important;background:linear-gradient(90deg,#2f6cc8 0%,#0b9a80 58%,#75c8b5 100%)!important}
.detail-panel>h2{padding-bottom:13px;border-bottom:1px solid #e3ebf2}
.detail-grid>div{position:relative;overflow:hidden;border:1px solid #e0e9f0;background:linear-gradient(145deg,#f8fbfe,#f2f7fb);box-shadow:inset 3px 0 0 #4380c6}
.detail-grid>div:nth-child(2){box-shadow:inset 3px 0 0 #0b9a80;background:linear-gradient(145deg,#f8fcfb,#eff8f5)}
.detail-grid>div:nth-child(3){box-shadow:inset 3px 0 0 #d99a2b;background:linear-gradient(145deg,#fffdf8,#fff8ea)}
.detail-grid>div:nth-child(4){box-shadow:inset 3px 0 0 #7569c9;background:linear-gradient(145deg,#fbfaff,#f4f2fc)}

.route-view:not(.dashboard-view)>.route-card{background:linear-gradient(145deg,#fff,#fbfdff)}
.route-view:not(.dashboard-view)>.route-card::before{background:linear-gradient(90deg,#2f6cc8,#0b9a80)}
.route-view:not(.dashboard-view)>.route-card>h2{margin:-22px -22px 8px;padding:20px 22px 16px;background:linear-gradient(90deg,#fbfdff,#f4f8fc);border-bottom:1px solid #e3ebf2}
.property-card::before{background:linear-gradient(90deg,#2f6cc8,#5fa2e8)!important}
.property-card:nth-child(2)::before{background:linear-gradient(90deg,#526e94,#8da4bc)!important}
.property-card{background:linear-gradient(145deg,#fff,#f8fbfe)}
.deadline-list article::before{background:linear-gradient(90deg,#d99a2b,#efc66f)!important}
.deadline-list article:nth-child(even)::before{background:linear-gradient(90deg,#2f6cc8,#6ca8ea)!important}
.help-grid article::before{background:linear-gradient(90deg,#2f6cc8,#6ca8ea)!important}
.help-grid article:nth-child(2)::before{background:linear-gradient(90deg,#0b9a80,#55c0a7)!important}
.help-grid article:nth-child(3)::before{background:linear-gradient(90deg,#7569c9,#a097e3)!important}
.help-grid article{background:linear-gradient(145deg,#fff,#f8fbfe)}
.help-grid article:nth-child(2){background:linear-gradient(145deg,#fff,#f5fbf9)}
.help-grid article:nth-child(3){background:linear-gradient(145deg,#fff,#f8f7fd)}
.inbox-row i{border:1px solid #dce8f4;background:linear-gradient(145deg,#edf5fd,#e8f2fb);color:#2f6cc8}
.inbox-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-8px 0 16px}
.inbox-summary span{position:relative;padding:13px 14px 13px 17px;border:1px solid #dce7ef;border-radius:11px;background:linear-gradient(145deg,#fff,#f5faf9);color:#61768a;font-size:.72rem;line-height:1.4;overflow:hidden}
.inbox-summary span::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#0b9a80}
.inbox-summary span:nth-child(2)::before{background:#2f6cc8}.inbox-summary span:nth-child(3)::before{background:#7569c9}
.inbox-summary b{display:block;color:#173451;font-size:.75rem;margin-bottom:2px}
.inbox-row{transition:background .18s ease,opacity .18s ease}
.inbox-row:hover{background:#f8fbfd}
.inbox-row.linked{background:linear-gradient(90deg,#f7fcfa,#fff)}
.inbox-row.linked>em{color:#087866;background:#e3f7f1}
.inbox-row button{cursor:pointer;color:#24588f;font-weight:700}
.inbox-row button:hover{background:#edf5fc;border-color:#cadceb}
#navInboxCount.empty{background:rgba(255,255,255,.12);color:#b9cada}
#evidenceDialog{width:min(680px,calc(100% - 32px));overflow:hidden}
#evidenceDialog form{padding:0}
#evidenceDialog .dialog-head{padding:24px 26px 20px;margin:0;background:linear-gradient(100deg,#fbfdff,#f1f8f6);border-bottom:1px solid #e0e9ef}
.evidence-preview{margin:22px 26px 0;padding:15px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;border:1px solid #dce6ee;border-radius:12px;background:#f8fbfd}
.evidence-preview>i{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#e8f3fb;color:#2f6cc8}
.evidence-preview strong,.evidence-preview small{display:block}.evidence-preview small{color:#6d7e91;font-size:.75rem;margin-top:2px}
.evidence-preview>b{color:#087866;background:#e3f7f1;border-radius:999px;padding:6px 9px;font-size:.67rem;white-space:nowrap}
.evidence-integrity{margin:12px 26px 0;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid #e4e9ef;border-radius:10px}
.evidence-integrity strong,.evidence-integrity small{display:block}.evidence-integrity strong{font-size:.76rem}.evidence-integrity small{color:#718196;font-size:.67rem;margin-top:2px}
.evidence-integrity code{color:#50667a;background:#eef3f6;border-radius:7px;padding:6px 8px;font-size:.66rem}
#evidenceDialog .form-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin:16px 26px 0}
#evidenceDialog .form-grid label,#evidenceDialog .evidence-note{display:grid;gap:6px;padding:0;border:0;color:#344b63;font-size:.75rem;font-weight:750}
#evidenceDialog select,#evidenceDialog textarea{width:100%;border:1px solid #d7e2eb;border-radius:9px;background:#fff;color:#17304b;padding:10px 11px;font:inherit;outline:none}
#evidenceDialog select:focus,#evidenceDialog textarea:focus{border-color:#6e9fd2;box-shadow:0 0 0 3px rgba(47,108,200,.1)}
#evidenceDialog .evidence-note{margin:14px 26px 0}
#evidenceDialog .evidence-note>span{display:block}.evidence-note span small{font-weight:500;color:#7c8b9b;margin-left:4px}
#evidenceDialog textarea{min-height:76px;resize:vertical}
.preservation-note{margin:14px 26px 0;padding:12px 14px;display:flex;gap:11px;align-items:flex-start;border-radius:10px;background:#eaf8f4;color:#315a53}
.preservation-note svg{flex:none;width:21px;height:21px;color:#087866}.preservation-note p{margin:0;font-size:.7rem;line-height:1.45}.preservation-note strong{color:#086f5d}
#evidenceDialog menu{padding:18px 26px 22px}
.document-library>div{transition:background .18s ease}
.document-library>div:hover{background:#f7fafc}
.evidence-table,.compliance-table{border-color:#d7e3ed;box-shadow:0 4px 14px rgba(25,58,91,.04)}

@media(max-width:640px){
  .case-view .card>.card-heading{margin:-14px -14px 15px;padding:16px 14px 13px}
  .contractor-actions{flex-direction:column;align-items:flex-end;gap:5px}
  .route-view:not(.dashboard-view)>.route-card>h2{margin:-22px -22px 8px}
  .inbox-summary{grid-template-columns:1fr}
  .evidence-preview{grid-template-columns:40px 1fr;margin-left:16px;margin-right:16px}.evidence-preview>b{grid-column:2;width:max-content}
  .evidence-integrity{grid-template-columns:1fr;margin-left:16px;margin-right:16px}.evidence-integrity code{width:max-content}
  #evidenceDialog .form-grid{grid-template-columns:1fr;margin-left:16px;margin-right:16px}
  #evidenceDialog .evidence-note,.preservation-note{margin-left:16px;margin-right:16px}
  #evidenceDialog menu{padding-left:16px;padding-right:16px}
}

/* v9 workspace persistence */
.prototype-storage{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 4px;border-top:1px solid #dce4ec}
.prototype-storage strong,.prototype-storage small{display:block}
.prototype-storage small{color:#69778b;max-width:540px}
.prototype-storage .secondary-button{white-space:nowrap}
@media(max-width:640px){.prototype-storage{align-items:flex-start;flex-direction:column}.prototype-storage .secondary-button{width:100%}}
.timeline article.pack-ready{grid-template-columns:120px 46px 1fr auto 80px}
.timeline article.pack-ready .event-icon{background:#e4f7f1;color:#087c65;border-color:#c8eadf}
.timeline article.pack-ready .generate-inline{display:inline-flex;text-decoration:underline}
@media(max-width:1250px){.timeline article.pack-ready{grid-template-columns:100px 44px 1fr auto}.timeline article.pack-ready .generate-inline{display:none}}
@media(max-width:640px){.timeline article.pack-ready{grid-template-columns:38px 1fr auto}.timeline article.pack-ready .generate-inline{display:none}}
