:root{
  /* Ink / paper - warmer, softer than before */
  --ink:#0F1B2D; --ink-soft:#516278; --paper:#F3F5F9; --card:#FFFFFF; --line:#DDE3EB;
  /* Primary teal - slightly brighter, more premium */
  --teal:#0B7F6A; --teal-soft:#D6EFE7; --teal-bright:#12A88C;
  /* Amber for morning/warning */
  --amber:#C57310; --amber-soft:#FBECD4;
  /* Red for urgent */
  --red:#B02D34; --red-soft:#F6DCDE;
  /* NEW: priority palette + accent colors */
  --morning:#2563EB; --morning-soft:#DBE7FE;     /* blue for Next Morning */
  --midday:#7C3AED; --midday-soft:#EADCFD;       /* purple for midday */
  --evening:#C57310; --evening-soft:#FBECD4;     /* amber for evening */
  --parcel:#516278; --parcel-soft:#E7ECF1;       /* muted for Parcel/Courier */
  --carried:#B02D34; --carried-soft:#F6DCDE;     /* red for past pending */
  /* NEW: gradients used sparingly for hero elements */
  --grad-primary:linear-gradient(135deg, #0B7F6A 0%, #12A88C 100%);
  --grad-card:linear-gradient(180deg, #FFFFFF 0%, #F9FBFA 100%);
  /* NEW: shadows for depth */
  --shadow-sm:0 1px 2px rgba(15, 27, 45, 0.04);
  --shadow-md:0 4px 12px rgba(15, 27, 45, 0.08);
  --shadow-lg:0 12px 32px rgba(15, 27, 45, 0.12);
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:'Inter',sans-serif; background:var(--paper); color:var(--ink); min-height:100vh;
  display:flex; flex-direction:column; align-items:center; padding:32px 16px 64px;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif; font-weight:600;}
.mono{font-family:'IBM Plex Mono',monospace;}
.topbar{width:100%; max-width:1000px; display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;}
.brand{display:flex; align-items:center; gap:10px;}
.brand-mark{width:34px; height:34px; border-radius:8px; background:var(--ink); color:#fff;
  display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk'; font-weight:700; font-size:15px;}
.brand-name{font-family:'Space Grotesk'; font-weight:600; font-size:17px; letter-spacing:-0.01em;}
.link-btn{font-size:13px; color:var(--ink-soft); text-decoration:none; border:1px solid var(--line); padding:8px 14px; border-radius:9px; background:#fff;}

.phone{width:390px; max-width:100%; background:var(--card); border-radius:28px; border:1px solid var(--line);
  box-shadow:0 20px 50px -25px rgba(28,43,51,0.35); overflow:hidden; min-height:720px; display:flex; flex-direction:column;}
.phone-notch{height:26px; display:flex; justify-content:center; align-items:flex-end; padding-bottom:4px;}
.phone-notch::after{content:''; width:90px; height:6px; background:var(--line); border-radius:4px;}
.screen{flex:1; display:flex; flex-direction:column; padding:20px 20px 24px;}
.hidden{display:none !important;}

.field-label{font-size:11px; text-transform:uppercase; letter-spacing:0.06em; color:var(--ink-soft); margin-bottom:6px; display:block;}
input, select, textarea{width:100%; font-family:'Inter'; font-size:15px; color:var(--ink); padding:11px 12px;
  border:1px solid var(--line); border-radius:9px; background:#FBFCFC;}
input:focus, select:focus, textarea:focus{outline:2px solid var(--teal); outline-offset:1px;}
.btn{font-family:'Inter'; font-weight:600; font-size:14px; padding:13px 18px; border-radius:10px; border:none;
  cursor:pointer; width:100%; display:flex; align-items:center; justify-content:center; gap:8px;}
.btn-primary{background:var(--teal); color:#fff;}
.btn-primary:disabled{background:#A9C6BE; cursor:not-allowed;}
.btn-ghost{background:transparent; color:var(--ink-soft); border:1px solid var(--line);}
.btn-danger{background:var(--red); color:#fff;}
.btn-row{display:flex; gap:10px; margin-top:14px;}

.waybill{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px 14px 14px 16px;
  margin-bottom:10px; cursor:pointer; border-left:3px solid var(--teal); display:flex; flex-direction:column; gap:4px;}
.waybill.status-inproduction{border-left-color:var(--amber);}
.waybill-top{display:flex; justify-content:space-between; align-items:baseline;}
.order-no{font-size:13px; font-weight:600; letter-spacing:0.02em;}
.client-name{font-size:14px; font-weight:600; color:var(--ink);}
.waybill-sub{font-size:12px; color:var(--ink-soft);}
.status-pill{font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; padding:3px 8px; border-radius:20px;}
.status-pill.delivered{background:var(--teal-soft); color:var(--teal);}
.status-pill.inproduction{background:var(--amber-soft); color:var(--amber);}
.status-pill.cancelled{background:var(--paper); color:var(--ink-soft);}

.screen-header{display:flex; align-items:center; gap:10px; margin-bottom:18px;}
.back-btn{width:32px; height:32px; border-radius:8px; border:1px solid var(--line); background:#fff;
  display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0;}
.screen-title{font-size:16px;}
.screen-title small{display:block; font-size:12px; font-weight:400; color:var(--ink-soft); font-family:'Inter';}

.detail-card{background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px; margin-bottom:14px;}
.detail-row{display:flex; justify-content:space-between; padding:7px 0; border-bottom:1px dashed var(--line); font-size:13px;}
.detail-row:last-child{border-bottom:none;}
.detail-row span:first-child{color:var(--ink-soft);}
.detail-row span:last-child{font-weight:500; text-align:right; max-width:60%;}

canvas.sigpad{width:100%; height:130px; border:1px dashed var(--line); border-radius:9px; background:#FBFCFC; touch-action:none;}
.sig-hint{font-size:11px; color:var(--ink-soft); margin-top:6px;}
.list-scroll{overflow-y:auto; flex:1; margin:0 -4px; padding:0 4px;}
.empty-state{text-align:center; color:var(--ink-soft); font-size:13px; padding:40px 10px;}

.tabbar{display:flex; border-top:1px solid var(--line); background:#fff;}
.tabbar button{flex:1; background:none; border:none; padding:12px 0 10px; font-family:'Inter'; font-size:11px;
  color:var(--ink-soft); cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:3px;}
.tabbar button.active{color:var(--teal); font-weight:600;}
.tab-dot{width:6px; height:6px; border-radius:50%; background:currentColor; opacity:0.15;}
.tabbar button.active .tab-dot{opacity:1;}

.pin-dots{display:flex; gap:10px; justify-content:center; margin:18px 0 6px;}
.pin-dot{width:14px; height:14px; border-radius:50%; border:1.5px solid var(--line);}
.pin-dot.filled{background:var(--ink); border-color:var(--ink);}
.keypad{display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-top:14px;}
.keypad button{padding:16px 0; border-radius:12px; border:1px solid var(--line); background:#fff;
  font-family:'Space Grotesk'; font-size:18px; font-weight:600; cursor:pointer; color:var(--ink);}
.keypad button:active{background:var(--paper);}

.person-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:6px;}
.person-tile{padding:14px 10px; border:1px solid var(--line); border-radius:11px; background:#fff; cursor:pointer;
  font-size:13px; font-weight:600; text-align:center;}
.person-tile:hover{border-color:var(--teal);}

.camera-box{height:220px; border-radius:12px; background:#0F1B20; display:flex; flex-direction:column;
  align-items:center; justify-content:center; color:#fff; gap:10px; position:relative; overflow:hidden;}
.camera-box img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.camera-icon{font-size:28px;}

.combo{position:relative;}
.combo input#pickupDoctorSearch{margin-bottom:16px;}
.combo-list{
  position:absolute; top:calc(100% - 12px); left:0; right:0; z-index:20;
  background:#fff; border:1px solid var(--line); border-radius:9px; box-shadow:0 12px 24px -12px rgba(28,43,51,0.35);
  max-height:220px; overflow-y:auto;
}
.combo-item{padding:10px 12px; font-size:13px; cursor:pointer; border-bottom:1px solid var(--line);}
.combo-item:last-child{border-bottom:none;}
.combo-item:hover, .combo-item.active{background:var(--paper);}
.combo-item mark{background:var(--amber-soft); color:var(--amber); border-radius:3px; padding:0 1px;}
.combo-empty{padding:12px; font-size:13px; color:var(--ink-soft); text-align:center;}

.admin-wrap{width:100%; max-width:1000px; display:flex; flex-direction:column; gap:20px;}
.stat-row{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.stat-card{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px;}
.stat-num{font-family:'Space Grotesk'; font-size:26px; font-weight:700;}
.stat-label{font-size:12px; color:var(--ink-soft); margin-top:2px;}
table{width:100%; border-collapse:collapse; background:#fff; border-radius:12px; overflow:hidden; border:1px solid var(--line);}
th, td{text-align:left; padding:11px 14px; font-size:13px; border-bottom:1px solid var(--line);}
th{color:var(--ink-soft); font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:0.04em; background:#F6F8F7;}
tr:last-child td{border-bottom:none;}
tr.clickrow{cursor:pointer;}
tr.clickrow:hover{background:#FAFBFA;}
.bar-track{background:var(--paper); border-radius:6px; height:8px; width:120px; overflow:hidden;}
.bar-fill{background:var(--teal); height:100%;}
.panel-title{display:flex; justify-content:space-between; align-items:center;}
.drill{padding:16px; background:#fff; border:1px solid var(--line); border-radius:12px; font-size:13px;}
.proof-thumb{border:1px dashed var(--line); border-radius:8px; overflow:hidden;}

.login-card{width:340px; max-width:100%; background:#fff; border:1px solid var(--line); border-radius:16px; padding:28px; margin-top:60px;}
.error-text{color:var(--red); font-size:13px; margin-top:8px;}
.import-drop{border:1.5px dashed var(--line); border-radius:12px; padding:24px; text-align:center; color:var(--ink-soft); font-size:13px;}

.stats-strip{display:flex; gap:8px; margin-bottom:14px;}
.stats-strip .stat-chip{flex:1; background:var(--grad-card); border:1px solid var(--line); border-radius:12px; padding:12px 8px; text-align:center; box-shadow:var(--shadow-sm);}
.stats-strip .stat-chip .num{font-family:'Space Grotesk'; font-size:20px; font-weight:700; background:var(--grad-primary); -webkit-background-clip:text; background-clip:text; color:transparent;}
.stats-strip .stat-chip:nth-child(2) .num{background:linear-gradient(135deg, #0B7F6A, #12A88C); -webkit-background-clip:text; background-clip:text; color:transparent;}
.stats-strip .stat-chip:nth-child(3) .num{background:linear-gradient(135deg, #C57310, #E8942A); -webkit-background-clip:text; background-clip:text; color:transparent;}
.stats-strip .stat-chip .lbl{font-size:10px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.06em; margin-top:2px; font-weight:600;}

.team-person{background:#fff; border:1px solid var(--line); border-radius:12px; margin-bottom:10px; overflow:hidden;}
.team-person-head{padding:12px 14px; display:flex; justify-content:space-between; align-items:center; cursor:pointer;}
.team-person-name{font-size:14px; font-weight:600;}
.team-person-counts{font-size:12px; color:var(--ink-soft);}
.team-person-counts .pending-badge{color:var(--amber); font-weight:600;}
.team-person-body{border-top:1px solid var(--line); padding:8px 10px;}
.team-person-body .waybill{margin:6px 0;}
.team-empty-note{font-size:12px; color:var(--ink-soft); padding:0 4px 4px;}

.role-badge{font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; padding:2px 8px; border-radius:20px; background:var(--teal-soft); color:var(--teal);}
.role-badge.manager{background:var(--amber-soft); color:var(--amber);}
.role-badge.frontdesk{background:var(--pink-soft,#F5DCEA); color:#993556;}

.manual-badge{font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:0.03em; padding:2px 7px; border-radius:14px; background:var(--amber-soft); color:var(--amber); display:inline-block;}
.totals-link{display:block; text-align:center; margin-top:16px; font-size:13px; color:var(--teal); text-decoration:none; font-weight:600;}
.reassign-row{display:flex; align-items:center; gap:8px; margin-top:4px;}
.reassign-row select{font-size:12px; padding:5px 6px; flex:1;}

.status-pill.scheduled{background:var(--amber-soft); color:var(--amber);}
.doctor-card{background:var(--grad-card); border:1px solid var(--line); border-left:4px solid var(--evening); border-radius:14px; padding:14px 15px; margin-bottom:10px; cursor:pointer; box-shadow:var(--shadow-sm); transition:all 0.15s ease;}
.doctor-card:hover{box-shadow:var(--shadow-md); transform:translateY(-1px);}
.doctor-card.all-done{border-left-color:var(--teal); background:linear-gradient(180deg, #FFFFFF, #F1FAF6);}
.doctor-card-top{display:flex; justify-content:space-between; align-items:center; gap:8px;}
.doctor-card .client-name{margin:0; font-weight:600;}
.doctor-count{font-family:'Space Grotesk'; font-size:12px; font-weight:700; background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:4px 11px; white-space:nowrap; color:var(--ink);}
.doctor-card.all-done .doctor-count{background:var(--teal-soft); border-color:var(--teal-soft); color:var(--teal);}
.doctor-card .waybill-sub{margin-top:4px; font-size:12.5px;}
.doctor-card.has-carried{border-left-color:var(--carried);}

.order-check-row{display:flex; align-items:flex-start; gap:11px; background:#fff; border:1px solid var(--line); border-radius:11px; padding:12px; margin-bottom:8px;}
.order-check-row.checked{border-color:var(--teal); background:var(--teal-soft);}
.order-check-row.done{opacity:0.9;}
.order-check-row input[type=checkbox]{width:19px; height:19px; margin-top:2px; accent-color:var(--teal); flex-shrink:0;}
.order-check-body{flex:1; min-width:0;}
.order-check-body .order-no{font-size:11.5px;}
.order-check-body .ocr-patient{font-size:13px; font-weight:600; margin-top:1px;}
.order-check-body .ocr-product{font-size:12px; color:var(--ink-soft); margin-top:1px;}
.order-check-body .ocr-proofline{font-size:11.5px; color:var(--teal); margin-top:3px; font-weight:600;}
.mark-all-row{display:flex; justify-content:space-between; align-items:center; margin-top:4px;}
.mark-all-row a{font-size:12.5px; color:var(--teal); text-decoration:none; font-weight:600;}

.case-row{background:#fff; border:1px solid var(--line); border-radius:11px; padding:10px 12px; margin-bottom:6px;}
.case-row.delivered{border-left:3px solid var(--teal);}
.case-row .case-body{width:100%;}
.case-row .order-no{font-size:11.5px;}
.case-row .ocr-patient{font-size:13px; font-weight:600; margin-top:1px;}
.case-row .ocr-product{font-size:12px; color:var(--ink-soft); margin-top:1px;}
.case-row .ocr-proofline{font-size:11.5px; color:var(--teal); margin-top:3px; font-weight:600;}

.priority-tabs{display:flex; gap:6px; overflow-x:auto; padding-bottom:12px; margin:0 -3px 8px; scrollbar-width:none;}
.priority-tabs::-webkit-scrollbar{display:none;}
.priority-tabs button{flex:0 0 auto; padding:9px 15px; background:#fff; border:1px solid var(--line); border-radius:22px; font-family:'Inter',sans-serif; font-size:12px; font-weight:600; color:var(--ink-soft); cursor:pointer; white-space:nowrap; box-shadow:var(--shadow-sm); transition:all 0.15s ease;}
.priority-tabs button:hover{border-color:var(--ink-soft);}
.priority-tabs button.active{background:var(--ink); color:#fff; border-color:var(--ink); box-shadow:var(--shadow-md);}
.priority-tabs button .count{background:var(--paper); color:var(--ink); border-radius:12px; padding:1px 8px; margin-left:7px; font-size:11px; font-weight:700;}
.priority-tabs button.active .count{background:rgba(255,255,255,0.2); color:#fff;}
/* Color-coded by priority */
.priority-tabs button.morning{background:var(--morning-soft); color:var(--morning); border-color:var(--morning-soft);}
.priority-tabs button.morning.active{background:var(--morning); color:#fff; border-color:var(--morning);}
.priority-tabs button.evening{background:var(--evening-soft); color:var(--evening); border-color:var(--evening-soft);}
.priority-tabs button.evening.active{background:var(--evening); color:#fff; border-color:var(--evening);}
.priority-tabs button.parcel{background:var(--parcel-soft); color:var(--parcel); border-color:var(--parcel-soft);}
.priority-tabs button.parcel.active{background:var(--parcel); color:#fff; border-color:var(--parcel);}
.priority-tabs button.past{background:var(--carried-soft); color:var(--carried); border-color:var(--carried-soft);}
.priority-tabs button.past.active{background:var(--carried); color:#fff; border-color:var(--carried);}

.carried-badge{font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:0.03em; padding:2px 7px; border-radius:14px; background:var(--amber-soft); color:var(--amber); display:inline-block;}
.doctor-card.has-carried{border-left-color:#c46b00;}

.notes-toggle{background:transparent; border:none; color:var(--teal); font-size:12px; font-weight:600; text-decoration:underline; cursor:pointer; padding:6px 0; margin-top:2px;}
.notes-block{background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:10px 12px; margin-top:8px;}
.notes-block textarea{width:100%; border:1px solid var(--line); border-radius:8px; padding:8px; font-family:'Inter',sans-serif; font-size:13px; min-height:60px; resize:vertical; background:#fff;}
.notes-block .notes-actions{display:flex; gap:8px; margin-top:8px; align-items:center;}
.notes-block .notes-actions button{padding:7px 12px; font-size:12px; font-weight:600; border-radius:8px; border:1px solid var(--line); background:#fff; cursor:pointer; color:var(--ink-soft);}
.notes-block .notes-actions button.save-note{background:var(--teal); color:#fff; border-color:var(--teal);}
.notes-block .notes-photo-preview{width:60px; height:60px; object-fit:cover; border-radius:8px; border:1px solid var(--line);}
.notes-block .saved-note{font-size:12.5px; color:var(--ink); line-height:1.5;}
.notes-block .saved-note .meta{font-size:11px; color:var(--ink-soft); margin-top:4px;}

/* ============================================================
   ADMIN PANEL — search, export modal, photo lightbox, thumbs
   ============================================================ */

/* Admin tools row: search + export button */
.admin-tools{display:flex; gap:10px; margin:10px 0 16px; align-items:stretch;}
.search-bar{flex:1; position:relative; display:flex; align-items:center; background:#fff; border:1px solid var(--line); border-radius:12px; padding:0 12px; box-shadow:var(--shadow-sm); min-height:44px;}
.search-bar:focus-within{border-color:var(--teal); box-shadow:0 0 0 3px rgba(11,127,106,0.1);}
.search-bar input{border:none; background:transparent; padding:11px 8px; font-size:14px; box-shadow:none !important; outline:none;}
.search-bar input:focus{outline:none;}
.search-icon{color:var(--ink-soft); font-size:15px;}
.search-clear{background:var(--paper); border:none; width:24px; height:24px; border-radius:50%; cursor:pointer; color:var(--ink-soft); font-size:16px; display:flex; align-items:center; justify-content:center; padding:0;}
.export-btn{width:auto !important; padding:0 20px !important; white-space:nowrap;}

/* Search results */
#searchResults{margin-bottom:20px;}
.search-hit{background:#fff; border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin-bottom:8px; box-shadow:var(--shadow-sm); cursor:pointer; transition:all 0.15s ease;}
.search-hit:hover{box-shadow:var(--shadow-md); transform:translateY(-1px);}
.search-hit-head{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;}
.search-hit-order{font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:12.5px; color:var(--ink);}
.search-hit-doctor{font-size:14.5px; font-weight:600; color:var(--ink); margin-top:4px;}
.search-hit-meta{color:var(--ink-soft); font-size:12.5px; margin-top:3px;}
.search-hit-photos{display:flex; gap:6px; margin-top:10px; flex-wrap:wrap;}
.photo-thumb{position:relative; width:60px; height:60px; border-radius:8px; overflow:hidden; border:1px solid var(--line); cursor:pointer; background:var(--paper); box-shadow:var(--shadow-sm); transition:transform 0.15s ease;}
.photo-thumb:hover{transform:scale(1.04);}
.photo-thumb img{width:100%; height:100%; object-fit:cover;}
.photo-thumb .photo-tag{position:absolute; bottom:0; left:0; right:0; background:rgba(15,27,45,0.75); color:#fff; font-size:9px; font-weight:600; text-align:center; padding:2px 0; text-transform:uppercase; letter-spacing:0.04em;}

/* Modal */
.modal-overlay{position:fixed; inset:0; background:rgba(15,27,45,0.5); backdrop-filter:blur(4px); z-index:1000; display:flex; align-items:center; justify-content:center; padding:20px;}
.modal-card{background:#fff; border-radius:16px; max-width:520px; width:100%; max-height:90vh; overflow-y:auto; box-shadow:var(--shadow-lg);}
.modal-header{display:flex; justify-content:space-between; align-items:center; padding:20px 24px 12px; border-bottom:1px solid var(--line);}
.modal-header h3{margin:0; font-size:18px;}
.modal-close{background:transparent; border:none; font-size:24px; color:var(--ink-soft); cursor:pointer; padding:4px 10px; line-height:1;}
.modal-close:hover{color:var(--ink);}
.modal-body{padding:20px 24px 24px;}

/* Segment row (report type toggle) */
.segment-row{display:flex; gap:0; background:var(--paper); padding:4px; border-radius:10px; margin-bottom:16px;}
.segment-btn{flex:1; padding:9px 12px; border-radius:8px; border:none; background:transparent; font-family:'Inter'; font-weight:600; font-size:13px; cursor:pointer; color:var(--ink-soft);}
.segment-btn.active{background:#fff; color:var(--ink); box-shadow:var(--shadow-sm);}

/* Date range */
.date-range-row{display:grid; grid-template-columns:1fr auto 1fr; gap:8px; margin-bottom:10px;}
.date-range-row input{padding:9px 12px; font-size:14px;}
.quick-ranges{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:16px;}
.quick-ranges button{background:#fff; border:1px solid var(--line); border-radius:20px; padding:6px 12px; font-size:12px; font-weight:600; color:var(--ink-soft); cursor:pointer;}
.quick-ranges button:hover{background:var(--paper); border-color:var(--ink-soft);}

/* Filter grid */
.filter-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px;}
.filter-grid select{font-size:13.5px;}

/* Photo lightbox */
.lightbox{position:fixed; inset:0; background:rgba(15,27,45,0.9); backdrop-filter:blur(6px); z-index:2000; display:flex; align-items:center; justify-content:center; padding:20px; cursor:zoom-out;}
.lightbox img{max-width:95%; max-height:88vh; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,0.5);}
.lightbox-caption{position:absolute; bottom:20px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.6); color:#fff; padding:8px 14px; border-radius:20px; font-size:13px;}

/* Secondary button */
.btn-secondary{background:#fff; color:var(--ink); border:1px solid var(--line); box-shadow:var(--shadow-sm);}
.btn-secondary:hover{background:var(--paper);}

/* Enhanced stat cards */
.stat-row{display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:12px; margin:0 0 20px;}
.stat-card{background:var(--grad-card); border:1px solid var(--line); border-radius:14px; padding:16px 18px; box-shadow:var(--shadow-sm); transition:all 0.15s ease;}
.stat-card:hover{box-shadow:var(--shadow-md); transform:translateY(-1px);}
.stat-card .stat-num{font-family:'Space Grotesk'; font-size:28px; font-weight:700; line-height:1.1; background:var(--grad-primary); -webkit-background-clip:text; background-clip:text; color:transparent;}
.stat-card:nth-child(2) .stat-num{background:linear-gradient(135deg, #0B7F6A, #12A88C); -webkit-background-clip:text; background-clip:text; color:transparent;}
.stat-card:nth-child(3) .stat-num{background:linear-gradient(135deg, #C57310, #E8942A); -webkit-background-clip:text; background-clip:text; color:transparent;}
.stat-card:nth-child(4) .stat-num{background:linear-gradient(135deg, #516278, #7C8B9E); -webkit-background-clip:text; background-clip:text; color:transparent;}
.stat-card .stat-label{font-size:11.5px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.06em; font-weight:600; margin-top:6px;}