:root{--ink:#4a1d2f;--muted:#667085;--line:#e7ebf3;--bg:#f4f6fb;--card:#fff;--brand:#ec4899;--brand2:#fb7185;--deep:#4a1d2f;--soft:#fff1f5;--ok:#10805c;--warn:#db2777;--danger:#b42318;--pink:#be185d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#fff1f5 0,#f4f6fb 34%,#eef2f7 100%);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:282px;background:linear-gradient(180deg,#fff1f2 0%,#4a1d2f 58%,#3b1223 100%);color:#fff;position:fixed;inset:0 auto 0 0;padding:22px 18px;z-index:1000;box-shadow:18px 0 45px rgba(16,24,40,.14);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:12px 10px 22px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:14px}.brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#f9a8d4,#db2777);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(236,72,153,.24);overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;background:#fff}.brand strong{display:block;font-size:15px;line-height:1.2}.brand span{display:block;color:#aab4c5;font-size:12px;margin-top:3px}.sidebar-nav{overflow:auto;padding-right:4px}.sidebar-nav a,.logout-link{display:flex;align-items:center;gap:10px;color:#d7deea;text-decoration:none;padding:12px 13px;border-radius:14px;margin:3px 0;font-size:14px;transition:.18s ease}.sidebar-nav a span{width:24px;height:24px;border-radius:10px;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;font-size:12px}.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(135deg,rgba(236,72,153,.22),rgba(251,113,133,.42));color:#fff;transform:translateX(3px)}.sidebar-nav a.active span{background:#ec4899;color:#fff1f2}.logout-link{margin-top:auto;background:rgba(255,255,255,.06);justify-content:center}.main{margin-left:282px;width:calc(100% - 282px);min-height:100vh}.topbar{height:82px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(231,235,243,.9);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#ec4899;font-weight:700;font-size:11px}.topbar h5{font-weight:800;color:#152238}.topbar-user{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;text-align:right;box-shadow:0 8px 24px rgba(16,24,40,.05)}.topbar-user span{display:block;font-weight:700;font-size:13px}.topbar-user small{display:block;color:var(--muted);font-size:11px}.content{padding:30px}.page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.page-hero h2,.page-hero h3{font-weight:850;letter-spacing:-.03em;margin:0}.page-hero p{color:var(--muted);margin:6px 0 0}.card{border:1px solid rgba(231,235,243,.85);border-radius:24px;box-shadow:0 18px 50px rgba(16,24,40,.08);background:rgba(255,255,255,.92)}.card-body{padding:24px}.stat-card{position:relative;overflow:hidden;padding:24px;min-height:138px}.stat-card:after{content:"";position:absolute;right:-36px;top:-36px;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,rgba(236,72,153,.18),rgba(251,113,133,.12))}.stat-card small{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.stat-card h3{font-size:34px;font-weight:850;margin:10px 0 0}.workflow-card{background:linear-gradient(135deg,#4a1d2f,#7a2949);color:#fff}.workflow-card p{color:#d7deea}.btn{border-radius:13px;font-weight:700;padding:.64rem 1rem}.btn-primary{background:linear-gradient(135deg,#ec4899,#fb7185);border:0;box-shadow:0 10px 24px rgba(236,72,153,.22)}.btn-outline-primary{border-color:#ec4899;color:#db2777}.btn-outline-primary:hover{background:#db2777;border-color:#db2777}.form-control,.form-select{border-radius:14px;border:1px solid #d9e0ea;padding:.72rem .85rem}.form-control:focus,.form-select:focus{border-color:#ec4899;box-shadow:0 0 0 .22rem rgba(236,72,153,.16)}.form-label,label{font-weight:700;color:#344054;margin-bottom:7px}.table{margin:0}.table>:not(caption)>*>*{padding:15px 16px;border-bottom-color:#eef1f6;vertical-align:middle}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#667085;background:#f8fafc}.badge-soft{border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px}.status-draft{background:#f2f4f7;color:#344054}.status-sent{background:#fff1f5;color:#be185d}.status-approved{background:#ecfdf3;color:#10805c}.status-changes_requested{background:#fff1f5;color:#db2777}.status-rejected{background:#fef3f2;color:#b42318}.upload-zone{border:2px dashed #fbcfe8;background:linear-gradient(135deg,#fff1f5,#fff);border-radius:22px;padding:28px;text-align:center;min-height:170px;display:flex;flex-direction:column;justify-content:center}.upload-zone .icon{font-size:38px;color:#ec4899;margin-bottom:8px}.upload-zone small{color:var(--muted)}.form-panel{padding:26px}.section-title{font-size:15px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#ec4899;margin:4px 0 18px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-action{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;color:#4a1d2f;box-shadow:0 12px 30px rgba(16,24,40,.05)}.quick-action:hover{transform:translateY(-2px);color:#db2777}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a1d2f,#7a2949)}.login-card{width:410px;background:#fff;border-radius:28px;box-shadow:0 25px 80px rgba(0,0,0,.28);padding:38px}.invoice-box{background:#fff;border-radius:24px;padding:34px;box-shadow:0 18px 50px rgba(16,24,40,.08)}.invoice-actions{display:flex;gap:8px;flex-wrap:wrap}.item-total-bar{background:#fff1f5;border:1px solid #fbcfe8;border-radius:18px;padding:18px}.app-mobile-menu-btn{display:none;position:fixed;top:18px;left:18px;z-index:1100;border:0;background:#4a1d2f;color:#fff;border-radius:14px;width:46px;height:46px;box-shadow:0 12px 28px rgba(16,24,40,.25)}.app-mobile-overlay{display:none;position:fixed;inset:0;background:rgba(16,24,40,.55);z-index:900}.app-alert{border-radius:16px;border:0}@media(max-width:1200px){.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.app-mobile-menu-btn{display:block}.sidebar{transform:translateX(-105%);transition:.22s ease;width:286px}.app-menu-open .sidebar{transform:translateX(0)}.app-menu-open .app-mobile-overlay{display:block}.main{margin-left:0;width:100%}.topbar{padding-left:78px}.content{padding:22px}.page-hero{display:block}.topbar-user{display:none}}@media(max-width:640px){.quick-grid{grid-template-columns:1fr}.content{padding:18px}.card-body,.form-panel{padding:18px}.topbar h5{font-size:16px}.stat-card h3{font-size:28px}}@media print{@page{size:A4;margin:12mm}body{background:#fff!important}.sidebar,.topbar,.invoice-actions,.no-print,.app-mobile-menu-btn{display:none!important}.main{margin-left:0!important;width:100%!important}.content{padding:0!important}.invoice-box,.card{box-shadow:none!important;border:0!important}}


/* v0.5 form polish */
.form-panel,.invoice-form{padding:28px 30px;}
.form-panel .row,.invoice-form .row{align-items:flex-start;}
.gynae-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;}
.gynae-form-grid .full{grid-column:1/-1;}
.gynae-form-grid .wide{grid-column:span 2;}
.field-card{background:#fbfcff;border:1px solid #edf1f7;border-radius:18px;padding:16px;}
.field-card label{font-size:13px;color:#344054;}
.form-control,.form-select{min-height:50px;background:#fff;}
textarea.form-control{min-height:118px;}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #edf1f7;}
.invoice-item-row{background:#fbfcff;border:1px solid #edf1f7;border-radius:18px;padding:12px;margin-bottom:12px!important;}
.customer-profile-card{background:linear-gradient(135deg,#4a1d2f,#7a2949);color:#fff;border-radius:24px;padding:26px;box-shadow:0 18px 50px rgba(16,24,40,.12)}
.customer-profile-card small{color:#cbd5e1;display:block;margin-top:4px}.timeline-list{border-left:2px solid #fbcfe8;margin-left:10px;padding-left:20px}.timeline-item{position:relative;margin-bottom:18px}.timeline-item:before{content:"";position:absolute;left:-28px;top:6px;width:12px;height:12px;border-radius:50%;background:#ec4899;border:3px solid #fff;box-shadow:0 0 0 2px #fbcfe8}.pill-action{border-radius:999px;padding:.45rem .8rem;font-weight:700;font-size:12px}
@media(max-width:1100px){.gynae-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.gynae-form-grid .wide{grid-column:1/-1}}
@media(max-width:700px){.gynae-form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}

/* v0.6 universal premium form layout for remaining raw entry screens */
.content > h3,
.content > h2{
  font-weight:850;
  letter-spacing:-.03em;
  margin:0 0 18px;
  color:#4a1d2f;
}
form.row.g-3.card.card-body{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px 22px !important;
  padding:30px !important;
  border-radius:26px !important;
  border:1px solid rgba(231,235,243,.9) !important;
  box-shadow:0 22px 55px rgba(16,24,40,.08) !important;
  background:rgba(255,255,255,.96) !important;
  margin:0 !important;
}
form.row.g-3.card.card-body > [class*="col-"]{
  width:auto !important;
  max-width:none !important;
  flex:none !important;
  padding:0 !important;
}
form.row.g-3.card.card-body > .col-12,
form.row.g-3.card.card-body > .col-md-12{
  grid-column:1/-1 !important;
}
form.row.g-3.card.card-body .col-md-8,
form.row.g-3.card.card-body .col-lg-8{
  grid-column:span 2 !important;
}
form.row.g-3.card.card-body .form-label{
  display:block;
  font-size:13px;
  font-weight:800;
  color:#344054;
  margin-bottom:8px;
}
form.row.g-3.card.card-body .form-control,
form.row.g-3.card.card-body .form-select{
  min-height:52px;
  border-radius:15px;
  border:1px solid #d9e0ea;
  background:#fff;
  box-shadow:0 1px 0 rgba(16,24,40,.02);
}
form.row.g-3.card.card-body textarea.form-control{
  min-height:126px;
  resize:vertical;
}
form.row.g-3.card.card-body .col-12:last-child{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  border-top:1px solid #edf1f7;
  padding-top:22px !important;
  margin-top:6px;
}
form.row.g-3.card.card-body .btn{
  min-width:118px;
}
form.row.g-3.card.card-body .btn:not(.btn-primary){
  background:#fff;
  border:1px solid #edf1f7;
  color:#4a1d2f;
}
/* Make long text areas feel intentional */
form.row.g-3.card.card-body textarea[name="address"],
form.row.g-3.card.card-body textarea[name="description"],
form.row.g-3.card.card-body textarea[name="notes"],
form.row.g-3.card.card-body textarea[name="issues_found"],
form.row.g-3.card.card-body textarea[name="contractor_remarks"],
form.row.g-3.card.card-body textarea[name="next_action"]{
  min-height:132px;
}
@media(max-width:1180px){
  form.row.g-3.card.card-body{grid-template-columns:repeat(2,minmax(0,1fr));}
  form.row.g-3.card.card-body .col-md-8,
  form.row.g-3.card.card-body .col-lg-8{grid-column:1/-1 !important;}
}
@media(max-width:720px){
  form.row.g-3.card.card-body{grid-template-columns:1fr;padding:20px !important;}
  form.row.g-3.card.card-body .col-12:last-child{flex-direction:column;}
  form.row.g-3.card.card-body .btn{width:100%;}
}
.form-select{
  appearance:auto !important;
  -webkit-appearance:menulist !important;
  background-color:#fff !important;
}
.invoice-item-row{background:#fbfcff;border:1px solid #edf1f7;border-radius:18px;padding:12px;margin-bottom:12px !important;}
.form-card{border:0;border-radius:26px;padding:28px;box-shadow:0 24px 70px rgba(15,23,42,.08);background:#fff;}
.form-actions{display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #edf1f7;margin-top:22px;padding-top:22px;}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.info-grid>div{background:#fbfcff;border:1px solid #edf1f7;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px;}
.info-grid label,.view-card label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:700;}
.info-grid strong{font-size:16px;color:#0f172a;}
.info-grid small{color:#64748b;}
.note-box{min-height:120px;background:#fbfcff;border:1px solid #edf1f7;border-radius:18px;padding:16px;color:#0f172a;}
@media(max-width:900px){.info-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%;}}

/* Premium scrollbar and sidebar refinement */
html{
  scrollbar-width:thin;
  scrollbar-color:#ec4899 #e5e7eb;
  scroll-behavior:smooth;
}
body{
  overflow-x:hidden;
}
::-webkit-scrollbar{
  width:8px;
  height:8px;
}
::-webkit-scrollbar-track{
  background:#e5e7eb;
  border-radius:999px;
}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#fb7185,#ec4899,#db2777);
  border-radius:999px;
  border:2px solid #e5e7eb;
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#f9a8d4,#ec4899,#be185d);
}
.sidebar{
  width:268px;
  padding:20px 16px;
}
.main{
  margin-left:268px;
  width:calc(100% - 268px);
}
.sidebar-nav{
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:6px;
  scrollbar-width:thin;
  scrollbar-color:rgba(249,115,22,.75) rgba(255,255,255,.05);
}
.sidebar-nav::-webkit-scrollbar{
  width:6px;
}
.sidebar-nav::-webkit-scrollbar-track{
  background:rgba(255,255,255,.05);
  border-radius:999px;
}
.sidebar-nav::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#fb7185,#ec4899);
  border-radius:999px;
  border:1px solid rgba(17,24,39,.65);
}
.sidebar-nav::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#fdba74,#db2777);
}
.sidebar-nav a,
.logout-link{
  margin:4px 0;
  padding:11px 12px;
  border-radius:13px;
}
.sidebar-nav a:hover,
.sidebar-nav a.active{
  box-shadow:inset 3px 0 0 #ec4899,0 10px 24px rgba(0,0,0,.12);
}
.card,
.quick-action,
.topbar-user{
  box-shadow:0 16px 44px rgba(15,23,42,.07);
}
.stat-card{
  min-height:132px;
}
.table-responsive{
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#ec4899 #edf1f7;
}
.table-responsive::-webkit-scrollbar{
  width:7px;
  height:7px;
}
.table-responsive::-webkit-scrollbar-track{
  background:#edf1f7;
  border-radius:999px;
}
.table-responsive::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#fb7185,#ec4899);
  border-radius:999px;
}
@media(max-width:991px){
  .sidebar{width:282px;}
  .main{margin-left:0;width:100%;}
}

/* Multi inspection upload UI */
.multi-upload-zone input[type="file"]::file-selector-button,
.upload-zone input[type="file"]::file-selector-button{
    border: 0;
    border-radius: 10px;
    padding: 10px 14px;
    margin-right: 12px;
    background: linear-gradient(135deg, #ec4899, #fb7185);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.selected-file-list{
    display: grid;
    gap: 10px;
}
.selected-file-card{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(249,115,22,.22);
    background: rgba(255,255,255,.82);
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}
.selected-file-card .file-badge{
    min-width: 48px;
    text-align: center;
    padding: 5px 8px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ec4899, #db2777);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
}
.selected-file-card .file-name{
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0f172a;
    font-weight: 700;
}
.selected-file-card .file-size{
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}


/* Client Project Management System pink polish */
.brand-mark{background:linear-gradient(135deg,#fb7185,#ec4899)}
.workflow-card{background:linear-gradient(135deg,#0f172a,#db2777)}
.badge-soft{background:#fff1f5;color:#db2777;}
.gynae-guide{background:#fff1f5;border:1px solid #fbcfe8;border-radius:20px;padding:18px;}
.case-field{background:#fff7ed;border:1px solid #fce7f3;border-radius:16px;padding:16px;margin-bottom:12px;}
.case-field strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#ec4899;margin-bottom:6px;}


/* v0.3 Client Project Management System premium pink polish */
.login-shell{background:radial-gradient(circle at 18% 14%,#fce7f3 0,#fff1f5 26%,transparent 46%),linear-gradient(135deg,#f8fafc,#eef2ff)!important;}
.login-card{border:1px solid rgba(219,234,254,.9);box-shadow:0 30px 90px rgba(30,64,175,.16)!important;}
.login-card .brand-mark{background:linear-gradient(135deg,#fb7185,#ec4899)!important;}
.sidebar{background:linear-gradient(180deg,#0f172a 0%,#172554 58%,#3b1223 100%)!important;}
.workflow-card{background:linear-gradient(135deg,#172554,#1e3a8a)!important;}
.page-hero{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(239,246,255,.92));border:1px solid rgba(191,219,254,.65);border-radius:28px;padding:26px;box-shadow:0 22px 60px rgba(30,64,175,.08);}
.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#fb7185,#ec4899);}
.quick-action:hover{border-color:#fbcfe8;box-shadow:0 18px 44px rgba(37,99,235,.12);}
@media(max-width:640px){.login-card{padding:26px!important}.role-grid{grid-template-columns:1fr!important}}


/* Client Project Management System v0.5 refinements */
.gynae-grid{display:grid;grid-template-columns:repeat(8,minmax(54px,1fr));gap:12px;margin-top:10px;padding:16px;border:1px solid #edf1f7;background:linear-gradient(135deg,#fff7ed,#fff);border-radius:22px;}
.gynae-box{border:1px solid #fce7f3;background:#fff;border-radius:16px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4a1d2f;box-shadow:0 8px 22px rgba(37,99,235,.08);cursor:pointer;transition:.18s ease;}
.gynae-box strong{font-size:18px;color:#db2777;line-height:1}.gynae-box small{font-size:10px;color:#64748b;margin-top:5px}.gynae-box:hover{transform:translateY(-2px);border-color:#ec4899;box-shadow:0 14px 32px rgba(37,99,235,.14)}
.info-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr));}
.mini-record{border:1px solid #edf1f7;background:#fbfcff;border-radius:18px;padding:14px;margin-top:12px}.mini-record small{display:block;color:#64748b;margin-top:4px}.quotation-form .medicine-row{background:#fbfcff;border:1px solid #edf1f7;border-radius:18px;padding:12px;margin-left:0;margin-right:0}.medicine-suggestions{position:absolute;z-index:30;left:12px;right:12px;top:100%;background:#fff;border:1px solid #fce7f3;border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.12);display:none;overflow:hidden}.medicine-suggestion-item{display:block;width:100%;border:0;background:#fff;padding:10px 12px;text-align:left}.medicine-suggestion-item:hover{background:#fff1f5;color:#db2777}.badge-soft{background:#fff1f5;color:#db2777;}
@media(max-width:900px){.gynae-grid{grid-template-columns:repeat(4,1fr)}.info-grid.two-col{grid-template-columns:1fr}}
@media(max-width:520px){.gynae-grid{grid-template-columns:repeat(2,1fr)}}

/* v0.5.1 Client Project Management System bug-fix polish */
.rx-logo,
.quotation-box .rx-logo{
  width:96px !important;
  height:96px !important;
  max-width:96px !important;
  max-height:96px !important;
  object-fit:contain !important;
  background:#fff !important;
  border:1px solid #edf1f7 !important;
  border-radius:20px !important;
  padding:8px !important;
  box-shadow:0 10px 26px rgba(15,23,42,.08) !important;
  flex:0 0 96px !important;
}
.quotation-box .d-flex.gap-3{
  align-items:flex-start;
}
.sidebar-nav a.active{
  background:linear-gradient(135deg,rgba(236,72,153,.24),rgba(96,165,250,.22)) !important;
  color:#fff !important;
  box-shadow:inset 4px 0 0 #fb7185,0 14px 28px rgba(0,0,0,.16) !important;
  transform:translateX(3px);
}
.sidebar-nav a.active span{
  background:linear-gradient(135deg,#fb7185,#ec4899) !important;
  color:#fff !important;
}
.brand-mark img,
.login-brand-mark img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
.settings-logo-preview{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
  padding:10px;
  border:1px solid #edf1f7;
  border-radius:16px;
  background:#fbfcff;
}
.settings-logo-preview img{
  width:56px;
  height:56px;
  object-fit:contain;
  border-radius:14px;
  background:#fff;
  border:1px solid #edf1f7;
}
@media(max-width:760px){
  .quotation-box .d-flex.justify-content-between{flex-direction:column;gap:16px;}
  .rx-logo,.quotation-box .rx-logo{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;flex-basis:72px!important;}
}

/* Quotation detail meta cards */
.rx-client-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    padding-bottom:18px;
    border-bottom:1px solid var(--border);
}
.rx-client-grid > div{
    background:#fff7ed;
    border:1px solid #fce7f3;
    border-radius:16px;
    padding:13px 15px;
    min-height:72px;
}
.rx-client-grid span{
    display:block;
    margin-bottom:5px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#ec4899;
}
.rx-client-grid strong{
    display:block;
    color:#0f172a;
    font-size:14px;
    line-height:1.45;
}
@media(max-width:992px){.rx-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:576px){.rx-client-grid{grid-template-columns:1fr;}}

/* v0.7 Client Project Management System finishing polish */
.gynae-client-card{
  background:linear-gradient(135deg,#172554,#1e3a8a) !important;
  color:#fff !important;
  border:1px solid rgba(96,165,250,.35) !important;
  box-shadow:0 24px 60px rgba(15,23,42,.16) !important;
}
.gynae-client-card h5,.gynae-client-card strong{color:#fff!important;}
.gynae-client-card .text-muted{color:#fce7f3!important;}
.table td:last-child,.table th:last-child{min-width:150px;}
.badge-status-active{background:#dcfce7;color:#166534;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px;}
.badge-status-inactive{background:#fee2e2;color:#991b1b;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px;}
.solo-performance-card{background:linear-gradient(135deg,#0f172a,#db2777);color:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 70px rgba(30,64,175,.20);}
.solo-performance-card .metric{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px;}
.solo-performance-card small{color:#fbcfe8;text-transform:uppercase;letter-spacing:.08em;font-weight:800;}
.solo-performance-card strong{display:block;color:#fff;font-size:26px;margin-top:5px;}

.working-days{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.day-pill{border:1px solid #d7e3f7;border-radius:999px;padding:10px 14px;background:#fff;cursor:pointer;font-weight:700;color:#12213b}.day-pill input{margin-right:7px}.day-pill:has(input:checked){background:linear-gradient(135deg,#2f6ff4,#5aa7ff);color:#fff;border-color:#2f6ff4;box-shadow:0 10px 24px rgba(47,111,244,.18)}

/* v1.0 Project Manager license and signature polish */
.rx-client-grid small,.rx-signature-block small,.issued-by-box small{display:block;color:#64748b;font-size:12px;line-height:1.45;margin-top:4px;max-width:420px;}
.project manager-signature{max-width:170px;max-height:72px;object-fit:contain;background:#fff;border:1px solid #e5eefb;border-radius:12px;padding:6px;margin-bottom:8px;}
.issued-by-box{background:#fff7ed;border:1px solid #fce7f3;border-radius:18px;padding:16px;min-width:280px;color:#0f172a;}
.invoice-signature-wrap{gap:24px;}
@media(max-width:768px){.invoice-signature-wrap{flex-direction:column;align-items:stretch!important}.invoice-signature-wrap .text-end{text-align:left!important}.issued-by-box{min-width:0;width:100%;}}

/* v1.0 gynae / ANC record integration */
.gynae-chart-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.gynae-chart-history-card{border:1px solid #fce7f3;background:linear-gradient(135deg,#ffffff,#f7fbff);border-radius:22px;padding:18px;box-shadow:0 14px 35px rgba(15,23,42,.06)}
.gynae-chart-history-card small,.gynae-chart-history-card label{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#ec4899;font-weight:800;margin-bottom:2px}
.gynae-chart-history-card h4{font-weight:900;margin:0;color:#0b1736}
.gynae-chart-history-card strong{color:#0b1736;font-weight:800}

/* v1.0 mobile sidebar polish: keep hamburger away from logo */
@media(max-width:991px){
  .app-mobile-menu-btn{
    top:18px;
    left:18px;
    z-index:1205;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 46px;
  }
  .sidebar{
    padding-top:18px;
    overflow:hidden;
  }
  .sidebar .brand{
    min-height:76px;
    padding:10px 10px 18px 66px;
    gap:10px;
    position:relative;
  }
  .sidebar .brand-mark{
    width:42px;
    height:42px;
    border-radius:14px;
    flex:0 0 42px;
  }
  .sidebar .brand strong{
    font-size:14px;
    white-space:nowrap;
  }
  .sidebar .brand span{
    font-size:11px;
  }
  .sidebar-nav{
    max-height:calc(100vh - 155px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .app-menu-open{
    overflow:hidden;
  }
}

@media(max-width:380px){
  .sidebar{width:82vw;max-width:286px;}
  .sidebar .brand{padding-left:62px;}
  .app-mobile-menu-btn{width:42px;height:42px;border-radius:13px;}
}

/* v1.4 admin login trace card */
.login-trace-card h3{font-size:26px;word-break:break-word;letter-spacing:-.02em}
.login-trace-card{background:linear-gradient(135deg,#ffffff,#fff1f5);border-color:#fbcfe8!important}

/* v1.0 logo placeholder and small-screen brand alignment fix */
.brand{align-items:flex-start;}
.brand-mark{flex:0 0 46px;text-align:center;line-height:1;}
.brand > div:last-child{min-width:0;max-width:100%;}
.brand strong{white-space:normal;overflow-wrap:anywhere;word-break:normal;}
@media(max-width:991px){
  .sidebar .brand{align-items:flex-start;padding-right:8px;}
  .sidebar .brand > div:last-child{min-width:0;width:100%;}
  .sidebar .brand strong{white-space:normal!important;overflow-wrap:anywhere;line-height:1.2;}
  .sidebar .brand span{line-height:1.2;}
}
@media(max-width:420px){
  .sidebar{width:86vw;max-width:286px;}
  .sidebar .brand{gap:8px;padding-left:58px;}
  .sidebar .brand-mark{width:40px;height:40px;flex-basis:40px;border-radius:13px;font-size:13px;}
}

/* Solo Gynae v0.2 pink / peach theme override */
:root{--brand:#ec4899;--brand2:#fb7185;--soft:#fff1f2;--warn:#be185d;--pink:#ec4899;}
body{background:radial-gradient(circle at top left,#fff1f2 0,#fff7ed 36%,#fff 100%);}
.sidebar{background:linear-gradient(180deg,#831843 0%,#be185d 54%,#7f1d1d 100%);}
.brand-mark,.login-card .brand-mark{background:linear-gradient(135deg,#f9a8d4,#fb7185)!important;box-shadow:0 12px 24px rgba(236,72,153,.28)!important;}
.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(135deg,rgba(251,113,133,.28),rgba(236,72,153,.52));}
.sidebar-nav a.active span{background:#fb7185;color:#fff;}
.eyebrow,.section-title,.case-field strong,.gynae-chart-history-card small,.gynae-chart-history-card label{color:#ec4899!important;}
.btn-primary{background:linear-gradient(135deg,#ec4899,#fb7185)!important;box-shadow:0 10px 24px rgba(236,72,153,.22)!important;}
.btn-outline-primary{border-color:#ec4899!important;color:#be185d!important;}
.btn-outline-primary:hover{background:#ec4899!important;border-color:#ec4899!important;color:#fff!important;}
.form-control:focus,.form-select:focus{border-color:#ec4899!important;box-shadow:0 0 0 .22rem rgba(236,72,153,.16)!important;}
.stat-card:after{background:linear-gradient(135deg,rgba(236,72,153,.20),rgba(251,113,133,.12))!important;}
.stat-card:before,.timeline-item:before{background:#ec4899!important;}
.workflow-card,.solo-performance-card{background:linear-gradient(135deg,#831843,#ec4899)!important;}
.badge-soft,.status-sent,.status-changes_requested{background:#fff1f2!important;color:#be185d!important;}
.upload-zone,.item-total-bar,.gynae-guide,.login-trace-card{background:linear-gradient(135deg,#fff1f2,#fff)!important;border-color:#fecdd3!important;}
.upload-zone .icon,.quick-action:hover,.gynae-box strong{color:#ec4899!important;}
.gynae-box{border-color:#fecdd3!important;box-shadow:0 8px 22px rgba(236,72,153,.08)!important;}
.gynae-box:hover{border-color:#ec4899!important;box-shadow:0 14px 32px rgba(236,72,153,.14)!important;}
.app-mobile-menu-btn{background:#be185d!important;}


/* v0.3 gynae peach/pink theme override - remove blue leftovers */
:root{--brand:#ec4899;--brand2:#fb7185;--pink:#ec4899;--soft:#fff1f2;--bg:#fff7f3;--line:#f9d7df;--warn:#f97316;}
body{background:radial-gradient(circle at top left,#fff1f2 0,#fff7ed 38%,#fffafa 100%)!important;}
.sidebar{background:linear-gradient(180deg,#fff1f2 0%,#fff7ed 56%,#fffaf7 100%)!important;color:#3f1727!important;border-right:1px solid #ffd6df;box-shadow:18px 0 45px rgba(236,72,153,.10)!important;}
.brand{border-bottom:1px solid rgba(236,72,153,.18)!important}.brand span{color:#8a4b5b!important}.brand strong{color:#be185d!important}.brand-mark,.portal-logo{background:linear-gradient(135deg,#f9a8d4,#fb7185)!important;box-shadow:0 12px 24px rgba(236,72,153,.22)!important}.sidebar-nav a,.logout-link{color:#5b2a3a!important}.sidebar-nav a span{background:rgba(236,72,153,.10)!important;color:#be185d!important}.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(135deg,#ec4899,#fb7185)!important;color:#fff!important;box-shadow:0 14px 32px rgba(236,72,153,.22)!important}.sidebar-nav a.active span{background:rgba(255,255,255,.22)!important;color:#fff!important}.logout-link{background:linear-gradient(135deg,#ec4899,#fb7185)!important;color:#fff!important}.topbar{background:rgba(255,250,250,.88)!important;border-bottom-color:#ffd6df!important}.eyebrow,.section-title,.text-primary,.portal-metric .number{color:#ec4899!important}.page-hero{background:linear-gradient(135deg,#fff7f7,#fff1f2)!important;border-color:#ffd6df!important}.card,.portal-card,.quick-action,.topbar-user{border-color:#f9d7df!important;box-shadow:0 18px 50px rgba(236,72,153,.08)!important}.btn-primary{background:linear-gradient(135deg,#ec4899,#fb7185)!important;border:0!important;box-shadow:0 10px 24px rgba(236,72,153,.22)!important}.btn-outline-primary{border-color:#ec4899!important;color:#db2777!important}.btn-outline-primary:hover{background:#ec4899!important;border-color:#ec4899!important;color:#fff!important}.form-control:focus,.form-select:focus{border-color:#ec4899!important;box-shadow:0 0 0 .22rem rgba(236,72,153,.16)!important}.table th{background:#fff1f2!important;color:#be185d!important}.upload-zone{border-color:#f9a8d4!important;background:linear-gradient(135deg,#fff1f2,#fff)!important}.upload-zone .icon{color:#ec4899!important}.status-sent,.status-changes_requested{background:#fff1f2!important;color:#db2777!important}.workflow-card,.customer-profile-card,.client-summary{background:linear-gradient(135deg,#9d174d,#be185d)!important}.timeline-list{border-left-color:#f9a8d4!important}.timeline-item:before{background:#ec4899!important;box-shadow:0 0 0 2px #f9a8d4!important}.sidebar-nav::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f9a8d4,#ec4899,#fb7185)!important}html{scrollbar-color:#ec4899 #fff1f2!important}.app-mobile-menu-btn{background:#ec4899!important}.portal-body{background:linear-gradient(135deg,#fff1f2 0%,#fff7ed 45%,#fffafa 100%)!important}.portal-hero{border-color:#f9a8d4!important;background:linear-gradient(135deg,#fff,#fff1f2)!important}.portal-hero:after{background:rgba(236,72,153,.10)!important}.portal-table td{background:#fff7fb!important;border-color:#ffd6df!important}.portal-table th{color:#be185d!important}.status-pill{background:#fff1f2!important;color:#db2777!important}.timeline-item{border-left-color:#ec4899!important}.timeline-item:before{background:#ec4899!important;box-shadow:0 0 0 5px #fce7f3!important}.info-chip{background:#fff7fb!important;border-color:#ffd6df!important}.info-chip span{color:#ec4899!important}.badge-soft{background:#fce7f3!important;color:#be185d!important}.alert-info{background:#fff1f2!important;border-color:#f9a8d4!important;color:#9d174d!important}

/* v0.3 extended blue cleanup */
.login-card .brand-mark,.stat-card:before{background:linear-gradient(135deg,#f9a8d4,#ec4899)!important;}
.case-field strong,.gynae-box strong,.gynae-chart-history-card small,.gynae-chart-history-card label{color:#ec4899!important;}
.gynae-box:hover{border-color:#ec4899!important;box-shadow:0 14px 32px rgba(236,72,153,.14)!important;}
.medicine-suggestions{border-color:#f9a8d4!important}.medicine-suggestion-item:hover{background:#fff1f2!important;color:#db2777!important;}
.solo-performance-card{background:linear-gradient(135deg,#9d174d,#be185d)!important;box-shadow:0 24px 70px rgba(236,72,153,.18)!important;}
.stat-card:after{background:linear-gradient(135deg,rgba(236,72,153,.20),rgba(251,113,133,.12))!important;}


/* v0.5 peach/pink theme stabilization */
body{background:radial-gradient(circle at top left,#fff1f2 0,#fff7ed 36%,#fffaf5 100%) !important;}
.sidebar{background:linear-gradient(180deg,#fff1f2 0%,#fff7ed 54%,#fffaf5 100%) !important;color:#4a1d2f !important;border-right:1px solid #fbcfe8;box-shadow:18px 0 45px rgba(236,72,153,.10) !important;}
.brand{border-bottom-color:#fbcfe8 !important}.brand span,.sidebar-nav a,.logout-link{color:#6b334a !important}.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(135deg,#ec4899,#fb7185) !important;color:#fff !important}.sidebar-nav a.active span{background:rgba(255,255,255,.25) !important;color:#fff !important}.sidebar-nav a span{background:#fce7f3 !important;color:#be185d !important}.logout-link{background:linear-gradient(135deg,#ec4899,#fb7185) !important;color:#fff !important}.brand-mark,.portal-logo{background:linear-gradient(135deg,#ec4899,#fb7185) !important;box-shadow:0 12px 24px rgba(236,72,153,.24) !important}.topbar{background:rgba(255,250,245,.9) !important;border-bottom-color:#fbcfe8 !important}.eyebrow,.section-title,.portal-metric .number,.info-chip span{color:#ec4899 !important}.btn-primary{background:linear-gradient(135deg,#ec4899,#fb7185) !important;box-shadow:0 10px 24px rgba(236,72,153,.22) !important}.btn-outline-primary{border-color:#ec4899 !important;color:#db2777 !important}.btn-outline-primary:hover{background:#ec4899 !important;border-color:#ec4899 !important;color:#fff !important}.form-control:focus,.form-select:focus{border-color:#ec4899 !important;box-shadow:0 0 0 .22rem rgba(236,72,153,.16) !important}.table th{background:#fff1f2 !important;color:#9f1239 !important}.upload-zone{border-color:#fbcfe8 !important;background:linear-gradient(135deg,#fff1f2,#fff) !important}.upload-zone .icon{color:#ec4899 !important}.page-hero{background:linear-gradient(135deg,#fff7ed,#fff1f2);border:1px solid #fbcfe8;border-radius:26px;padding:22px}.card{border-color:#fbcfe8 !important}.status-sent,.status-changes_requested{background:#fce7f3 !important;color:#be185d !important}.app-mobile-menu-btn{background:#ec4899 !important}.client-summary,.workflow-card,.customer-profile-card{background:linear-gradient(135deg,#4a1d2f,#9f1239) !important}.timeline-item{border-left-color:#ec4899 !important}.timeline-item:before{background:#ec4899 !important;box-shadow:0 0 0 5px #fce7f3 !important}.portal-body{background:linear-gradient(135deg,#fff1f2 0%,#fff7ed 45%,#fffaf5 100%) !important}.portal-hero{border-color:#fbcfe8 !important;background:linear-gradient(135deg,#fff,#fff7ed) !important}.portal-hero:after{background:rgba(236,72,153,.10) !important}.portal-table td{background:#fff7ed !important;border-color:#fbcfe8 !important}.portal-table td:first-child,.portal-table td:last-child{border-color:#fbcfe8 !important}.status-pill{background:#fce7f3 !important;color:#be185d !important}.info-chip,.portal-metric{border-color:#fbcfe8 !important;background:#fffaf5 !important}

/* v0.5 document metadata rows */
.document-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.document-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(236,72,153,.18);border-radius:14px;background:linear-gradient(135deg,#fff,#fff7ed)}
.document-row small{display:block;color:#64748b;margin-top:3px;font-size:12px}
.document-row a.fw-bold{color:#be185d;text-decoration:none}
.document-row a.fw-bold:hover{text-decoration:underline}

/* v1.0 Email Queue production cleanup */
.email-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.email-summary-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid #fbcfe8;border-radius:18px;background:#fff;text-decoration:none;color:#4a1d2f;box-shadow:0 10px 28px rgba(236,72,153,.06);transition:.18s ease}.email-summary-card span{font-size:13px;font-weight:800;color:#8a4b5b}.email-summary-card strong{font-size:24px;line-height:1;color:#be185d}.email-summary-card:hover,.email-summary-card.active{border-color:#ec4899;background:linear-gradient(135deg,#fff1f2,#fff7ed);transform:translateY(-1px)}.email-queue-table .table th{background:#fff1f2!important;color:#9f1239!important}.email-queue-table .badge{border:1px solid #fbcfe8;background:#fff1f2!important;color:#be185d!important}@media(max-width:991px){.email-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.email-summary-grid{grid-template-columns:1fr}}

/* Client photos */
.client-admin-photo,.client-history-photo{width:96px;height:112px;border-radius:18px;object-fit:cover;border:3px solid #fff;box-shadow:0 10px 26px rgba(74,29,47,.16);flex:0 0 auto}.client-history-photo{width:72px;height:86px}.client-list-person{display:flex;align-items:center;gap:10px;min-width:180px}.client-list-photo{width:46px;height:54px;border-radius:12px;object-fit:cover;border:1px solid #fbcfe8;flex:0 0 auto}.client-photo-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec4899,#fb7185);color:#fff;font-weight:850}

/* Gotham Black Theme v1.0 */
:root{
  --ink:#f8fafc;--muted:#a7adb8;--line:#30343b;--bg:#08090b;--card:#15171b;
  --brand:#f5c542;--brand2:#d4a514;--deep:#050607;--soft:#202329;
  --ok:#39d98a;--warn:#f5c542;--danger:#ff5c5c;--pink:#f5c542;
}
html{color-scheme:dark;scrollbar-color:#f5c542 #111317}
body{background:radial-gradient(circle at 15% 0%,#1b1d22 0,#0b0c0f 30%,#050607 100%)!important;color:var(--ink)!important}
a{color:#f5c542}a:hover{color:#ffe27a}
.sidebar{background:linear-gradient(180deg,#050607 0%,#0c0e12 58%,#020304 100%)!important;border-right:1px solid #25282e;box-shadow:18px 0 50px rgba(0,0,0,.48)!important}
.brand{border-bottom-color:#282b31}.brand-mark{background:linear-gradient(135deg,#f5c542,#a97d00)!important;color:#070809!important;box-shadow:0 12px 30px rgba(245,197,66,.18)!important}.brand-mark img{background:#111317!important}
.brand span,.sidebar-nav a{color:#bdc2cb}.sidebar-nav a span{background:#1d2025;color:#e7e9ed}.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(135deg,#22252b,#17191d)!important;color:#fff!important;box-shadow:inset 3px 0 0 #f5c542,0 10px 28px rgba(0,0,0,.28)!important}.sidebar-nav a.active span{background:#f5c542!important;color:#090a0c!important}.logout-link{background:#17191d;color:#e7e9ed;border:1px solid #292d34}.logout-link:hover{background:#23262c;color:#fff}
.main{background:transparent}.topbar{background:rgba(10,11,14,.88)!important;border-bottom:1px solid #292c32!important;box-shadow:0 10px 30px rgba(0,0,0,.2)}.eyebrow{color:#f5c542!important}.topbar h5,.content>h2,.content>h3{color:#fff!important}.topbar-user{background:#15171b!important;border-color:#30343b!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.25)!important}.topbar-user small{color:#a7adb8!important}
.page-hero{background:linear-gradient(135deg,rgba(29,32,37,.96),rgba(12,14,17,.96))!important;border:1px solid #30343b!important;box-shadow:0 22px 60px rgba(0,0,0,.26)!important}.page-hero h2,.page-hero h3{color:#fff!important}.page-hero p,.text-muted{color:#a7adb8!important}
.card,.quick-action,.form-card,.invoice-box,.login-card{background:#15171b!important;border-color:#30343b!important;color:#f8fafc!important;box-shadow:0 18px 54px rgba(0,0,0,.34)!important}.card-header,.card-footer{background:#111317!important;border-color:#30343b!important}.stat-card:before{background:linear-gradient(180deg,#f5c542,#8b6700)!important}.stat-card:after{background:radial-gradient(circle,rgba(245,197,66,.16),transparent 68%)!important}.stat-card small{color:#a7adb8!important}.stat-card h3{color:#fff!important}.workflow-card,.customer-profile-card{background:linear-gradient(135deg,#16191e,#08090b)!important;border:1px solid #363a42!important}.workflow-card p,.customer-profile-card small{color:#b8bdc6!important}
.quick-action{color:#fff!important}.quick-action:hover{color:#f5c542!important;border-color:#66531d!important;background:#1b1e23!important;box-shadow:0 18px 44px rgba(0,0,0,.38)!important}
.btn{box-shadow:none}.btn-primary{background:linear-gradient(135deg,#f5c542,#d5a91f)!important;border-color:#f5c542!important;color:#090a0c!important;box-shadow:0 10px 24px rgba(245,197,66,.16)!important}.btn-primary:hover{background:linear-gradient(135deg,#ffe074,#f5c542)!important;color:#050607!important}.btn-outline-primary{border-color:#f5c542!important;color:#f5c542!important}.btn-outline-primary:hover{background:#f5c542!important;color:#090a0c!important}.btn-secondary,.btn-light,.btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-outline-primary){background:#23262c;border-color:#393d45;color:#f1f3f5}.btn-close{filter:invert(1)}
.form-label,label{color:#e4e7eb!important}.form-control,.form-select,.form-control:disabled,.form-select:disabled{background:#0f1114!important;border-color:#373b43!important;color:#f8fafc!important}.form-control::placeholder{color:#737a86!important}.form-control:focus,.form-select:focus{background:#111317!important;border-color:#f5c542!important;color:#fff!important;box-shadow:0 0 0 .22rem rgba(245,197,66,.13)!important}.form-select option{background:#111317;color:#fff}.form-check-input{background-color:#111317;border-color:#4a4f59}.form-check-input:checked{background-color:#f5c542;border-color:#f5c542}.input-group-text{background:#22252a!important;border-color:#373b43!important;color:#e9ecef!important}
.table{--bs-table-color:#eef0f3;--bs-table-bg:#15171b;--bs-table-border-color:#2c3037;--bs-table-striped-color:#f4f5f7;--bs-table-striped-bg:#191c21;--bs-table-hover-color:#fff;--bs-table-hover-bg:#22262c;color:#eef0f3!important}.table th{background:#202329!important;color:#d4d8df!important;border-bottom-color:#363a42!important}.table td{background:transparent!important;color:#edf0f4!important;border-bottom-color:#2b2e35!important}.table-responsive{border-radius:18px;scrollbar-color:#f5c542 #17191d}.table-responsive::-webkit-scrollbar-track{background:#17191d}.table-responsive::-webkit-scrollbar-thumb{background:#f5c542}
.dropdown-menu,.modal-content,.offcanvas,.list-group-item{background:#15171b!important;border-color:#30343b!important;color:#eef0f3!important}.dropdown-item{color:#e9ebef}.dropdown-item:hover{background:#24272d;color:#f5c542}.modal-header,.modal-footer{border-color:#30343b!important}
.alert{border:1px solid transparent!important}.alert-danger{background:#321719!important;border-color:#67292d!important;color:#ffb8bd!important}.alert-success{background:#10291f!important;border-color:#24583f!important;color:#9aefc6!important}.alert-warning{background:#30270e!important;border-color:#695717!important;color:#ffe08a!important}.alert-info{background:#122432!important;border-color:#28506a!important;color:#b4ddf7!important}
.badge-soft,.status-sent,.status-changes_requested{background:#332c12!important;color:#f9d96b!important}.status-draft{background:#282b31!important;color:#d4d8df!important}.status-approved{background:#123324!important;color:#79e3ad!important}.status-rejected{background:#351719!important;color:#ff9da4!important}.badge.bg-light{background:#25282e!important;color:#f1f3f5!important}
.upload-zone,.multi-upload-zone{background:linear-gradient(135deg,#111317,#181b20)!important;border-color:#56501f!important;color:#fff!important}.upload-zone .icon{color:#f5c542!important}.multi-upload-zone input[type=file]::file-selector-button,.upload-zone input[type=file]::file-selector-button{background:linear-gradient(135deg,#f5c542,#d5a91f)!important;color:#090a0c!important}.selected-file-card,.field-card,.invoice-item-row,.mini-record,.info-grid>div,.note-box,.item-total-bar,.gynae-guide,.case-field{background:#111317!important;border-color:#30343b!important;color:#f1f3f5!important}.selected-file-card .file-badge{background:#f5c542!important;color:#090a0c!important}.selected-file-card .file-name,.info-grid strong,.note-box{color:#f4f5f7!important}.selected-file-card .file-size,.info-grid small,.info-grid label,.view-card label{color:#9ea5b0!important}
.timeline-list{border-left-color:#4b421c!important}.timeline-item:before{background:#f5c542!important;border-color:#15171b!important;box-shadow:0 0 0 2px #5c4b13!important}
form.row.g-3.card.card-body{background:#15171b!important;border-color:#30343b!important;box-shadow:0 22px 55px rgba(0,0,0,.3)!important}.form-actions,form.row.g-3.card.card-body .col-12:last-child{border-top-color:#30343b!important}form.row.g-3.card.card-body .btn:not(.btn-primary){background:#23262c!important;border-color:#393d45!important;color:#f1f3f5!important}
.pagination .page-link{background:#15171b;border-color:#30343b;color:#f5c542}.pagination .active>.page-link{background:#f5c542;border-color:#f5c542;color:#08090b}
hr{border-color:#343840;opacity:1}.border,.border-top,.border-bottom{border-color:#30343b!important}
.app-mobile-menu-btn{background:#f5c542!important;color:#08090b!important}.app-mobile-overlay{background:rgba(0,0,0,.72)!important}
::-webkit-scrollbar-track{background:#111317}::-webkit-scrollbar-thumb{background:#f5c542;border-color:#111317}::-webkit-scrollbar-thumb:hover{background:#ffe074}
@media print{body,.card,.invoice-box{background:#fff!important;color:#000!important}.table td,.table th{color:#000!important;background:#fff!important}}

/* v1.0 Gotham typography and contrast cleanup */
:root{--ink:#f5f6f7;--muted:#aeb4bd;--line:#30343b;--bg:#08090b;--card:#17191d;--brand:#efc128;--brand2:#d6a500;--deep:#050607;--soft:#202329;--ok:#39d98a;--warn:#efc128;--danger:#ff6961;--pink:#efc128}
html,body{background:#08090b!important;color:#f5f6f7!important;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.55}
.sidebar{background:linear-gradient(180deg,#070809,#0c0e11 55%,#050607)!important;border-right:1px solid #292d33;box-shadow:12px 0 40px rgba(0,0,0,.4)}
.brand{border-bottom-color:#30343b}.brand-mark{background:linear-gradient(135deg,#f8ce46,#c99700)!important;color:#070707!important;box-shadow:0 12px 28px rgba(232,185,35,.18)}
.brand strong,.sidebar-nav a.active{color:#fff!important}.brand span{color:#8f96a0!important}.sidebar-nav a,.logout-link{color:#b7bdc6!important}.sidebar-nav a span{background:#202329!important;color:#d8dbe0!important}.sidebar-nav a:hover,.sidebar-nav a.active{background:#202329!important;color:#fff!important;transform:none;box-shadow:inset 3px 0 0 #efc128}.sidebar-nav a.active span{background:#efc128!important;color:#090909!important}.logout-link{background:#202329!important;color:#fff!important}.logout-link:hover{background:#efc128!important;color:#080808!important}
.main,.content{background:#08090b!important}.topbar{background:rgba(8,9,11,.96)!important;border-bottom:1px solid #292d33!important}.topbar h5,.topbar-user span{color:#f7f7f8!important}.topbar-user{background:#15171b!important;border-color:#30343b!important}.topbar-user small{color:#aeb4bd!important}.eyebrow,.text-primary{color:#efc128!important}
.page-hero h2,.page-hero h3,h1,h2,h3,h4,h5,h6{color:#f7f7f8!important}.page-hero p,.text-muted{color:#aeb4bd!important}
.card,.invoice-box,.quick-action{background:#17191d!important;border-color:#30343b!important;color:#f5f6f7!important;box-shadow:0 18px 50px rgba(0,0,0,.25)}.stat-card:after{background:linear-gradient(135deg,rgba(239,193,40,.16),rgba(239,193,40,.03))!important}.stat-card:before{background:#efc128!important}.stat-card small{color:#b8bec7!important}.workflow-card{background:linear-gradient(135deg,#202329,#111316)!important;border-color:#3a3f47!important}.workflow-card p{color:#c7ccd3!important}.quick-action{color:#f4f5f6!important}.quick-action:hover{color:#efc128!important;border-color:#665719!important}
.btn-primary{background:linear-gradient(135deg,#f8ce46,#d7a600)!important;color:#080808!important;border:0!important;box-shadow:0 10px 24px rgba(232,185,35,.15)!important}.btn-outline-primary{border-color:#efc128!important;color:#efc128!important}.btn-outline-primary:hover{background:#efc128!important;color:#080808!important}.btn-outline-secondary{border-color:#4b515b!important;color:#e5e7eb!important}.btn-outline-secondary:hover{background:#2a2e34!important;color:#fff!important}
.form-label,label{color:#e7e9ec!important;font-weight:700}.form-control,.form-select,textarea.form-control{background:#0d0f12!important;border-color:#343941!important;color:#f7f7f8!important}.form-control::placeholder{color:#737a85!important}.form-control:focus,.form-select:focus{background:#0d0f12!important;color:#fff!important;border-color:#efc128!important;box-shadow:0 0 0 .2rem rgba(239,193,40,.14)!important}.form-select option{background:#111317;color:#fff}.form-check-input{background-color:#0d0f12;border-color:#555c66}.form-check-input:checked{background-color:#efc128;border-color:#efc128}
.table{color:#e9ebee!important}.table th{background:#202329!important;color:#c8cdd4!important;border-color:#30343b!important}.table td{background:#17191d!important;color:#e9ebee!important;border-color:#2b2f35!important}.table tbody tr:hover td{background:#202329!important}.border-bottom{border-color:#30343b!important}.badge-soft{background:#292d33;color:#f0f1f3}.status-completed,.status-approved,.status-paid,.status-accepted{background:rgba(57,217,138,.13)!important;color:#65e8a6!important}.status-in-progress,.status-scheduled,.status-sent,.status-viewed{background:rgba(239,193,40,.13)!important;color:#f5cf54!important}.status-cancelled,.status-rejected,.status-overdue{background:rgba(255,105,97,.13)!important;color:#ff8c86!important}
.auth-dark,.register-shell{background:#050607!important;min-height:100vh}.register-shell{padding:38px 22px}.register-card{max-width:960px;margin:0 auto;background:#15171b;border:1px solid #30343b;border-radius:24px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.6);color:#f7f7f8}.auth-brand{display:flex;align-items:center;gap:18px;margin-bottom:28px}.auth-brand .brand-mark{width:64px;height:64px;border-radius:18px;flex:0 0 64px;font-size:21px}.auth-brand h2{margin:2px 0 4px;font-size:28px;font-weight:850;letter-spacing:-.03em}.auth-brand p{margin:0;color:#aeb4bd}.auth-check{display:flex;align-items:flex-start;gap:10px;color:#c9ced5!important}.alert{border:1px solid transparent}.alert-danger{background:#321719;color:#ffaaa5;border-color:#5c2528}.alert-success{background:#123023;color:#8ce6b5;border-color:#24543d}
@media(max-width:767px){.register-card{padding:24px 18px}.auth-brand{align-items:flex-start}.auth-brand h2{font-size:23px}.content{padding:18px!important}}

/* v1.0 detail-card consistency */
.card,.form-card,.invoice-box,.portal-card,.metric-card,.issued-by-box{border:1px solid #3b4049!important;}
.card .row>div>label,.form-card label{color:#c7ccd4!important;}
.portal-card{box-shadow:none!important;}

/* v1.0 production visual consistency */
.metric-card,.report-card,.mini-record,.document-row,.client-detail-card,.client-metric-card,.card.form-card,.card.p-4,.card.p-3{background:#17191d!important;border:1px solid #3b4049!important;border-radius:18px!important;color:#f5f6f7!important;box-shadow:none!important}
.client-metric-card{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;min-height:86px}
.client-metric-card span{color:#b7bec8;font-weight:700}.client-metric-card strong{font-size:28px;color:#f5c542}
.client-view-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.portal-profile-photo{width:72px;height:72px;border-radius:18px;object-fit:cover;border:2px solid #f5c542;background:#202329;flex:0 0 auto}
.history-document-row{padding:14px 16px!important;margin-top:10px!important;background:#111317!important}
.history-document-row a{color:#f5c542!important;font-weight:700}.history-document-row small{display:block;color:#9da5b0!important;margin-top:5px}
.report-card{padding:18px;min-height:92px}.report-card .label{color:#aeb5bf;font-weight:700}.report-card .value{font-size:20px;font-weight:850;color:#fff;margin-top:6px}
.report-metrics>[class*="col-"]{display:flex}.report-metrics .report-card{width:100%}
.modules-view-card,.service-view-card,.product-view-card{border:1px solid #3b4049!important}
.document-row{padding:12px 14px;margin-bottom:10px}.document-row:last-child{margin-bottom:0}
.portal-card,.card,.form-card{outline:0!important}
@media(max-width:767px){.portal-welcome{align-items:flex-start!important;gap:16px}.portal-profile-photo{width:58px;height:58px}.client-view-hero{align-items:flex-start}}

/* v1.0 premium detail-view cards */
.detail-metric-grid>[class*="col-"]{display:flex}
.detail-metric-card{width:100%;min-height:106px;padding:20px;background:#17191d;border:1px solid #454b55;border-radius:18px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.detail-metric-card span{color:#aeb5bf;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}
.detail-metric-card strong{color:#f7f7f8;font-size:21px;line-height:1.25}
.detail-section-card{background:#17191d;border:1px solid #454b55;border-radius:20px;padding:24px;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.detail-section-card h5{font-size:16px;margin:0 0 20px;padding-bottom:13px;border-bottom:1px solid #333840}
.detail-section-card label{display:block;color:#aeb5bf!important;font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}
.detail-section-card p{color:#f4f5f7;margin:0;overflow-wrap:anywhere}
@media(max-width:767px){.detail-metric-card{min-height:88px}.detail-section-card{padding:19px}}
/* v1.0 production UI consistency */
.detail-metric-card,.detail-section-card,.record-card,.invoice-box,.client-history-card{border:1px solid #3a414c!important;background:#17191e!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.detail-metric-card{padding:18px;min-height:96px}.detail-section-card{padding:24px}.detail-metric-card span{display:block;color:#aeb6c3;margin-bottom:8px}.detail-metric-card strong{color:#fff;font-size:1.05rem}

/* v1.0 registration and production-flow polish */
.registration-premium{max-width:980px;padding:38px}.registration-premium h1{font-size:30px;margin:2px 0 5px}.registration-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 24px}.registration-steps span{padding:10px 14px;border:1px solid #343a43;border-radius:12px;color:#9fa7b2;background:#101216;font-weight:750;text-align:center}.registration-steps span.active{border-color:#efc128;color:#efc128;background:rgba(239,193,40,.07)}
.form-section{border:1px solid #3b424d;background:#111318;border-radius:20px;padding:24px;margin-top:18px}.form-section-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.form-section-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#efc128;color:#08090b;font-weight:900}.form-section-heading h2{font-size:18px;margin:0 0 3px}.form-section-heading p{margin:0;color:#9fa7b2}.field-help{display:block;margin-top:7px;color:#8f98a5}.registration-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.registration-actions .btn{min-width:180px}.password-wrap{position:relative}.password-wrap .form-control{padding-right:76px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#efc128;font-weight:800}.password-meter{height:7px;background:#252932;border-radius:99px;margin-top:10px;overflow:hidden}.password-meter span{display:block;width:0;height:100%;background:#ff6961;transition:.2s}.password-meter span[data-level="2"],.password-meter span[data-level="3"]{background:#efc128}.password-meter span[data-level="4"]{background:#39d98a}.registration-success{border:1px solid #2e654a;background:#10291f;border-radius:18px;padding:26px;display:grid;gap:10px}.registration-success strong{font-size:22px;color:#9aefc6}.registration-success span{color:#d4eadf}.registration-success .btn{justify-self:start;margin-top:8px}
@media(max-width:767px){.registration-premium{padding:24px 17px}.registration-steps{grid-template-columns:1fr}.form-section{padding:19px}.registration-actions .btn{width:100%}}
.sidebar .brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:10px;display:block}.brand-mark img{max-width:100%;max-height:100%;object-fit:contain}
