/* 200 — Viewing History pop-up polish (2026-10-06). Look only; markup and behaviour (js/21-availability-list.js) are untouched.
   Roll back: remove this <link>. */
#unitViewingsModal .modal-box.unit-viewings-modal{
  border-radius:24px;overflow:hidden;border:1px solid rgba(206,165,119,.28);
  box-shadow:0 40px 90px -30px rgba(10,20,36,.55),0 2px 0 rgba(255,255,255,.7) inset;
  animation:bhnPop .45s var(--bhn-ease,cubic-bezier(.22,1,.36,1)) both;
}
/* header: warm band, round close button, count as a chip */
#unitViewingsModal .uvr-modal-head{position:relative;padding:20px 24px 16px;background:linear-gradient(180deg,#FFFBF3,#FFFFFF);border-bottom:1px solid rgba(206,165,119,.25);}
#unitViewingsModal .uvr-modal-head::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#B98A4E,#E6C985,#B98A4E);}
#unitViewingsModal .uvr-modal-head .modal-close{position:absolute;top:16px;inset-inline-end:16px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(22,45,76,.06);color:#51607a;font-size:14px;cursor:pointer;transition:background .15s,transform .15s;}
#unitViewingsModal .uvr-modal-head .modal-close:hover{background:rgba(22,45,76,.12);transform:rotate(90deg);}
#unitViewingsModal .uvr-modal-badge{width:44px;height:44px;border-radius:14px;font-size:17px;box-shadow:0 8px 18px -6px rgba(184,135,79,.6);}
#unitViewingsModal .uvr-modal-head h3{font-size:19px;letter-spacing:-.01em;}
#unitViewingsModal .uvr-modal-head-row p{font-size:12.5px;}
#unitViewingsModal .uvr-modal-count{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0!important;padding:4px 11px;border-radius:999px;background:rgba(206,165,119,.16);color:#8A5A12;font-size:10.5px;letter-spacing:.07em;}
#unitViewingsModal .uvr-modal-count::before{content:"";width:6px;height:6px;border-radius:50%;background:#B98A4E;}
#unitViewingsModal .modal-body{padding:18px 22px 22px;background:#FBFAF7;}

/* timeline */
#unitViewingsModal .unit-viewings-list{max-height:min(58vh,480px);padding:2px 4px 2px 0;scrollbar-width:thin;}
#unitViewingsModal .unit-viewing-row{gap:14px;animation:bhnLine .45s calc(.12s + var(--r,0)*80ms) both;}
#unitViewingsModal .unit-viewing-row:nth-child(2){--r:1}#unitViewingsModal .unit-viewing-row:nth-child(3){--r:2}#unitViewingsModal .unit-viewing-row:nth-child(n+4){--r:3}
#unitViewingsModal .uvr-rail{width:30px;}
#unitViewingsModal .uvr-rail-dot{width:30px;height:30px;font-size:12px;box-shadow:0 0 0 5px #FBFAF7,0 6px 12px -4px rgba(22,45,76,.35);}
#unitViewingsModal .uvr-rail-line{width:2px;background:linear-gradient(180deg,rgba(206,165,119,.55),rgba(206,165,119,.12));margin-top:4px;}

/* card */
#unitViewingsModal .uvr-card{
  position:relative;padding:14px 16px 14px 18px;border-radius:16px;margin-bottom:16px;background:#fff;
  border:1px solid rgba(22,45,76,.09);box-shadow:0 6px 18px -14px rgba(22,45,76,.5);overflow:hidden;
}
#unitViewingsModal .uvr-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--uvr-c,#CEA577);}
#unitViewingsModal .unit-viewing-row:has(.vc-dot-warn) .uvr-card{--uvr-c:#D6A82F}
#unitViewingsModal .unit-viewing-row:has(.vc-dot-gold) .uvr-card{--uvr-c:#CEA577}
#unitViewingsModal .unit-viewing-row:has(.vc-dot-ok) .uvr-card{--uvr-c:#4D9270}
#unitViewingsModal .unit-viewing-row:has(.vc-dot-danger) .uvr-card{--uvr-c:#B86A6A}
#unitViewingsModal .unit-viewing-row:has(.vc-dot-gray) .uvr-card{--uvr-c:#7C8AA0}
#unitViewingsModal .uvr-card:hover{border-color:rgba(206,165,119,.55);box-shadow:0 14px 28px -16px rgba(22,45,76,.45);transform:translateY(-1px);}

/* top line: reference chip · stage pill · time ago */
#unitViewingsModal .uvr-top{gap:8px;margin-bottom:10px;}
#unitViewingsModal .uvr-ref{padding:3px 9px;border-radius:8px;background:rgba(22,45,76,.06);font-size:11.5px;letter-spacing:.03em;}
#unitViewingsModal .uvr-stage-pill{padding:4px 11px 4px 9px;border-radius:999px;font-size:12px!important;font-weight:700;background:rgba(22,45,76,.07);}
#unitViewingsModal .uvr-stage-pill.vc-dot-warn-bg{background:#FBF3D9;color:#7A5B00;}
#unitViewingsModal .uvr-stage-pill.vc-dot-gold-bg{background:#F7ECDB;color:#8A5A12;}
#unitViewingsModal .uvr-stage-pill.vc-dot-ok-bg{background:#E6F4EC;color:#17633F;}
#unitViewingsModal .uvr-stage-pill.vc-dot-danger-bg{background:#FBE9E7;color:#9A2F26;}
#unitViewingsModal .uvr-stage-pill.vc-dot-gray-bg{background:#EEF1F5;color:#51607A;}
#unitViewingsModal .uvr-logged{font-size:11.5px;font-weight:600;color:#8795AA;}

/* who + when as two tidy chips */
#unitViewingsModal .uvr-mid{gap:8px;margin-bottom:10px;}
#unitViewingsModal .uvr-mid>span{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:10px;background:#F6F3EC;font-size:12.5px;font-weight:600;color:#1F2A44;}
#unitViewingsModal .uvr-mid i{width:auto;margin:0;color:#B98A4E;}

/* notes as a quote */
#unitViewingsModal .uvr-notes{padding:9px 12px;border-radius:10px;border-inline-start:3px solid rgba(206,165,119,.6);background:rgba(206,165,119,.08);color:#4A5870;font-style:italic;margin-bottom:12px;}

/* actions: equal buttons in a neat grid, Full Details as the primary */
#unitViewingsModal .uvr-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;padding-top:12px;border-top:1px dashed rgba(22,45,76,.14);}
#unitViewingsModal .uvr-actions a,#unitViewingsModal .uvr-actions button{justify-content:center;padding:9px 10px;border-radius:11px;font-size:12px;}
#unitViewingsModal .uvr-actions a:hover,#unitViewingsModal .uvr-actions button:hover{transform:translateY(-1px);}
#unitViewingsModal .uvr-actions a:active,#unitViewingsModal .uvr-actions button:active{transform:scale(.97);}
#unitViewingsModal .uvr-actions .uvr-full-btn{
  grid-column:1/-1;margin:2px 0 0!important;padding:11px 12px;color:#fff!important;border:0!important;font-size:12.5px!important;letter-spacing:.02em;
  background:linear-gradient(135deg,#CEA577,#B8874F)!important;box-shadow:0 10px 20px -10px rgba(184,135,79,.8);
}
#unitViewingsModal .uvr-actions .uvr-full-btn:hover{filter:brightness(1.06);background:linear-gradient(135deg,#CEA577,#B8874F)!important;}

/* ledger button + empty state */
#unitViewingsModal .modal-body>.btn-ghost{border-radius:12px;padding:12px;font-weight:700;background:#fff;border:1px solid rgba(22,45,76,.14);}
#unitViewingsModal .uvr-empty{padding:44px 12px;}
#unitViewingsModal .uvr-empty i{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:rgba(206,165,119,.14);color:#B98A4E;font-size:22px;}

@media (max-width:560px){
  #unitViewingsModal .modal-body{padding:14px 12px 16px;}
  #unitViewingsModal .uvr-actions{grid-template-columns:1fr 1fr;}
  #unitViewingsModal .uvr-logged{margin-inline-start:0;}
}
[data-theme="dark"] #unitViewingsModal .uvr-modal-head,[data-theme="dark"] #unitViewingsModal .modal-body{background:var(--surface,#14233A);}
[data-theme="dark"] #unitViewingsModal .uvr-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);}
[data-theme="dark"] #unitViewingsModal .uvr-mid>span{background:rgba(255,255,255,.06);color:#EDE6D6;}
@media (prefers-reduced-motion:reduce){#unitViewingsModal .modal-box,#unitViewingsModal .unit-viewing-row{animation:none!important;}#unitViewingsModal .uvr-card,#unitViewingsModal .uvr-modal-head .modal-close{transition:none;}}