:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#153448;background:#f4f7f9;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 90% 5%,#d9f3f1 0%,transparent 45%),#eef4f7}.auth-card{width:min(100%,440px);padding:46px;background:white;border:1px solid #e4eaef;border-radius:23px;box-shadow:0 25px 80px #163a4b15}.brand{font-size:27px;font-weight:850;letter-spacing:-1.5px;line-height:1;display:flex;align-items:center;gap:9px;color:#123d51}.brand small{font-size:9px;display:block;letter-spacing:1.45px;text-transform:uppercase;font-weight:700;color:#8196a3;margin-top:9px}.brand-accent{color:#2ba5a4}.brand-mark{display:grid;place-items:center;border-radius:12px;width:38px;height:38px;background:#177c86;color:white;font-size:25px}.huge{font-size:37px}.huge .brand-mark{width:54px;height:54px}.auth-card h1{font-size:25px;letter-spacing:-.7px;margin:45px 0 8px}.auth-card p{color:#8496a0}.fine{margin-top:27px;font-size:11px;text-align:center}label{display:block;font-weight:650;font-size:12px;color:#4a6472;margin:13px 0 7px}input,select,textarea{width:100%;background:white;border:1px solid #dce6eb;border-radius:9px;padding:11px 12px;outline:0;color:#173a4c;min-height:42px}input:focus,select:focus,textarea:focus{border-color:#25a3a2;box-shadow:0 0 0 3px #25a3a21a}textarea{min-height:92px;resize:vertical}.primary{background:#16858a;border:1px solid #16858a;color:white;border-radius:9px;padding:11px 17px;font-weight:700}.primary:hover{background:#0f7078}.full{width:100%;display:flex;justify-content:space-between;margin-top:22px}.secondary{background:white;color:#206575;border:1px solid #c9dce1;padding:10px 15px;border-radius:9px;font-weight:700}.danger{color:#c44152}.error{background:#fff0f1;color:#c4324a;padding:11px 13px;margin-top:15px;border-radius:8px}.app{display:flex;min-height:100vh}.sidebar{position:fixed;width:248px;top:0;bottom:0;background:white;border-right:1px solid #e5ecf0;padding:30px 17px;display:flex;flex-direction:column;z-index:5}.sidebar .brand{padding:0 12px}.side-label{margin:50px 0 15px 17px;font-size:10px;font-weight:750;letter-spacing:2px;color:#9ab0bd}.nav{border:0;width:100%;text-align:left;display:flex;align-items:center;gap:14px;background:transparent;color:#657e8c;padding:14px 15px;border-radius:9px;margin:3px 0;font-size:15px}.nav span{font-size:13px;font-weight:650}.nav.active{background:#e9f7f6;color:#0d8086}.nav:hover{background:#f2f8f8}.sidebar-bottom{margin-top:auto}.secure-badge{background:#eaf5f5;color:#4b8690;padding:13px;border-radius:10px;font-size:12px}.logout{border:0;background:transparent;padding:18px 10px;color:#8495a0}.main{margin-left:248px;min-width:0;width:calc(100% - 248px)}.topbar{background:white;border-bottom:1px solid #e7ecef;padding:26px 40px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#9caeb8}.eyebrow span{color:#168b90}.topbar h1{font-size:25px;margin:5px 0 0;letter-spacing:-.7px}.top-actions{display:flex;align-items:center;gap:23px}.date-text{color:#8c9fab;font-size:12px}.user-chip{border:1px solid #e9eef1;background:white;border-radius:13px;padding:5px 12px 5px 5px;display:flex;align-items:center;gap:9px;text-align:left;color:#254b5a}.user-chip small{display:block;color:#9caeb8;font-size:10px}.avatar{background:#d5eeee;color:#13888f;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:16px}.workspace{padding:32px 40px;max-width:1680px;margin:auto}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}.heading-row h2{font-size:20px;letter-spacing:-.5px;margin:0}.muted{color:#8da0ab}.sub{font-size:12px;color:#8fa3ad;margin:6px 0 0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.kpi{background:white;border:1px solid #e8eff2;border-radius:14px;padding:22px;min-height:142px;position:relative;cursor:pointer}.kpi .symbol{position:absolute;right:18px;top:17px;background:#edf7f7;padding:9px;border-radius:9px;color:#3c9699}.kpi p{color:#8ca0ab;margin:0 0 18px;font-size:12px;font-weight:650}.kpi strong{font-size:31px;letter-spacing:-1px}.kpi small{display:block;color:#9aabb3;margin-top:7px}.panel{background:white;border:1px solid #e5edf1;border-radius:14px;overflow:hidden;margin-top:21px}.panel-header{padding:20px 23px;border-bottom:1px solid #edf2f4;display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-header h3{margin:0;font-size:15px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{color:#97abb6;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800;background:#fbfcfd}td,th{padding:15px 21px;border-bottom:1px solid #f0f3f5}td{font-size:12px;color:#5c7582}tr:last-child td{border-bottom:0}td strong{color:#23495b}.badge{border-radius:30px;padding:6px 10px;font-size:10px;font-weight:750;display:inline-block}.b-filled{color:#977000;background:#fff5cb}.b-doctor{color:#b16b19;background:#fff0db}.b-pickup{color:#316eb2;background:#e6f1ff}.b-submitted{color:#218e73;background:#dff8ef}.b-approved{color:#167340;background:#daf5e6}.b-denied{color:#b43b4c;background:#ffe4e8}.b-pending{color:#a37306;background:#fff5d5}.b-paid{color:#187449;background:#ddf7e5}.b-not_earned{color:#788f9d;background:#edf2f4}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.toolbar input{max-width:290px}.toolbar select,.toolbar input[type=month]{max-width:180px}.link-btn{border:none;background:none;color:#158b92;font-weight:750;padding:4px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.form-card{background:white;border:1px solid #e8eef1;border-radius:14px;padding:26px;margin-bottom:20px}.form-card h3{margin:0 0 17px;font-size:15px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.span2{grid-column:span 2}.span3{grid-column:1/-1}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin:18px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #d8e6e8;padding:9px 13px;border-radius:20px;display:inline-flex;gap:7px;align-items:center;background:#fff;color:#486875;font-size:12px}.chip input{width:auto;min-height:0}.empty{text-align:center;padding:50px 12px;color:#9aadba}.card-note{border-left:3px solid #2ca6a5;background:#f2fafa;padding:13px 16px;color:#4b6875;border-radius:5px;margin:15px 0}.modal{position:fixed;inset:0;background:#0d2e3a88;z-index:15;display:flex;align-items:center;justify-content:center;padding:20px}.modal-dialog{width:min(100%,700px);max-height:92vh;overflow:auto;background:white;border-radius:18px;padding:22px}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f4;padding-bottom:12px}.modal-head h2{font-size:19px;margin:0}.icon-btn{background:transparent;border:none;font-size:20px;color:#66808d}.toast{position:fixed;bottom:22px;right:22px;background:#143e4f;color:white;padding:14px 20px;border-radius:10px;z-index:20;box-shadow:0 10px 40px #16384740;max-width:90vw}.item{padding:15px;border-bottom:1px solid #eef3f5;display:flex;justify-content:space-between;gap:10px;align-items:center}.item:last-child{border:0}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.mini{font-size:11px;padding:7px 10px}.profile-img{width:42px;height:42px;border-radius:50%;object-fit:cover}.mobile-only{display:none}.footnote{font-size:11px;color:#8aa0aa;margin-top:15px}@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-text{display:none}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:0 20px 40px #203d4b20}.sidebar.open{transform:translateX(0)}.main{width:100%;margin:0}.topbar{padding:17px}.topbar h1{font-size:21px}.workspace{padding:18px}.mobile-only{display:block}.topbar .user-chip strong,.topbar .user-chip small{display:none}.topbar .user-chip{padding:4px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:16px;min-height:120px}.kpi strong{font-size:25px}.kpi .symbol{right:10px;top:10px}.form-grid,.form-grid.two,.split{grid-template-columns:1fr}.span2{grid-column:auto}.heading-row{align-items:flex-start;flex-direction:column}.toolbar input,.toolbar select,.toolbar input[type=month]{max-width:100%}.toolbar{width:100%}.toolbar>*{flex:1}.form-card{padding:16px}.panel-header{flex-wrap:wrap}td,th{padding:13px}.auth-card{padding:28px}}

/* Patient Tracking V3.4: compact desktop layout and full-width responsive cards. */
.tracking-top-actions{display:flex;gap:10px;flex-wrap:wrap}
.tracking-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tracking-toolbar input{flex:2;min-width:190px;max-width:460px}
.tracking-toolbar select{flex:1;min-width:180px;max-width:300px}
.tracking-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.tracking-table{width:100%;min-width:0;table-layout:fixed;white-space:normal}
.tracking-table th{position:sticky;top:0;z-index:1;background:#f4fafb;white-space:normal;font-size:9px;line-height:1.3;letter-spacing:.55px;padding:12px 7px}
.tracking-table td{min-width:0;padding:11px 7px;white-space:normal;vertical-align:middle;overflow-wrap:anywhere}
.tracking-table th:nth-child(1){width:18%}
.tracking-table th:nth-child(2){width:10.5%}
.tracking-table th:nth-child(3){width:8.5%}
.tracking-table th:nth-child(4){width:13.5%}
.tracking-table th:nth-child(5){width:12.5%}
.tracking-table th:nth-child(6){width:9%}
.tracking-table th:nth-child(7){width:11%}
.tracking-table th:nth-child(8){width:11%}
.tracking-table th:nth-child(9){width:6%}
.tracking-table select{width:100%;min-width:0;max-width:100%;font-size:11px;padding:8px 18px 8px 6px;min-height:39px;overflow:hidden;text-overflow:ellipsis}
.tracking-table .note-button{display:block;white-space:normal;text-align:center;width:100%;padding:7px 5px;overflow-wrap:anywhere}
.tracking-table .switch-button{white-space:normal;text-align:center;line-height:1.35;width:100%;padding:7px 5px}
.tracking-table .link-btn{white-space:normal;font-size:11px;padding:5px 0}
.tracking-table tr:hover td{background:#f9fcfc}
.tracking-table .patient-identity{line-height:1.35}
.patient-identity .patient-primary{display:block;font-size:12px;color:#163e51;line-height:1.3;overflow-wrap:anywhere}
.patient-identity .patient-guardian{display:block;font-size:11px;color:#476b7e;margin-top:5px;overflow-wrap:anywhere}
.patient-identity .identity-tag{font-size:10px;color:#879eab;font-weight:700}
.patient-identity .patient-phone{display:block;font-size:11px;color:#8aa1ae;margin-top:4px;overflow-wrap:anywhere}
.assigned-label{font-weight:650;color:#698393;overflow-wrap:anywhere}
.quick-form{max-width:600px}
.static-insurance{padding:13px;border-radius:9px;background:#eff5f6;color:#21556a;min-height:44px}
.tracking-table select:disabled{background:#f4f6f8;opacity:.76}
.tracking-table button:disabled{opacity:.6}
.tracking-table button{max-width:100%}
/* Widen the available workspace on desktop without changing other pages. */
@media(min-width:1361px){.sidebar{width:208px;padding-left:12px;padding-right:12px}.sidebar .brand{padding:0 7px;font-size:24px}.sidebar .brand small{font-size:8px}.sidebar .nav{padding:13px 10px;gap:11px}.main{margin-left:208px;width:calc(100% - 208px)}.workspace{max-width:none;padding:26px 22px}.topbar{padding:21px 24px}}
/* On narrower PC screens and tablets, rows turn into readable two-column cards. */
@media(max-width:1360px){
 .tracking-scroll{overflow:visible}
 .tracking-table,.tracking-table tbody{display:block;width:100%;min-width:0}
 .tracking-table thead{display:none}
 .tracking-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px}
 .tracking-table tr.tracking-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:white;border:1px solid #dce8eb;border-radius:13px;overflow:hidden;box-shadow:0 4px 14px #123e4b07;min-width:0}
 .tracking-table td{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:6px;padding:10px 12px;min-width:0!important;border-bottom:1px solid #eef2f4}
 .tracking-table td:before{content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:.4px;line-height:1.4;color:#7894a2;text-transform:uppercase}
 .tracking-table td.patient-identity{grid-column:1/-1;background:#eef9f9;padding:15px}
 .tracking-table td.patient-identity:before{display:none}
 .tracking-table td.patient-identity .patient-primary{font-size:16px}
 .tracking-table td select{font-size:13px;padding:10px 25px 10px 9px;min-height:42px}
 .tracking-table .note-button,.tracking-table .switch-button{text-align:left;min-height:42px;padding:9px 11px}
 .tracking-table td:last-child .link-btn{min-height:42px;text-align:left}
 .tracking-table td:last-child{border-bottom:0}
}
@media(max-width:950px){.tracking-table tbody{grid-template-columns:1fr}.workspace{padding:18px}.tracking-table tr.tracking-row{max-width:100%}}
@media(max-width:760px){
 .tracking-table tbody{padding:10px;gap:12px}
 .tracking-table tr.tracking-row{grid-template-columns:1fr}
 .tracking-table td{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:9px;padding:10px 12px}
 .tracking-table td:before{flex:0 0 36%;max-width:36%;overflow-wrap:anywhere}
 .tracking-table td select,.tracking-table td button,.tracking-table td .assigned-label{flex:1;min-width:0;max-width:64%;font-size:13px}
 .tracking-table td.patient-identity{display:block}
 .tracking-table td.patient-identity .patient-primary{font-size:16px}
 .tracking-table td .link-btn{text-align:right}
 .tracking-toolbar{width:100%}.tracking-toolbar input,.tracking-toolbar select{flex:1 1 100%;max-width:none}
 .tracking-top-actions{width:100%}.tracking-top-actions button{flex:1}
 .panel-header{padding:14px}.modal{padding:8px}.modal-dialog{max-height:96vh;padding:15px}.form-grid.two{grid-template-columns:1fr}.quick-form input,.quick-form select{font-size:16px}
}
@media(max-width:390px){.tracking-table td{flex-direction:column;align-items:stretch}.tracking-table td:before{flex:auto;max-width:none}.tracking-table td select,.tracking-table td button,.tracking-table td .assigned-label{max-width:none;width:100%}}
/* Smart Import V3: desktop table, tablet horizontal-scroll, mobile card review */
.tracking-top-actions{display:flex;gap:10px;flex-wrap:wrap}.import-intro p{color:#557080;line-height:1.5}.import-privacy{background:#eff8f8;padding:11px 14px;border-radius:9px;font-size:12px}.import-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:12px 0}.import-controls label{flex:1;min-width:220px}.import-mapping{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;background:#f6fafb;border-radius:12px;padding:13px;margin:15px 0}.import-mapping label{margin:0}.import-mapping label span{font-size:11px;color:#607a87;display:block;overflow:hidden;text-overflow:ellipsis}.import-table-scroll{overflow-x:auto;max-height:47vh;border:1px solid #e1e9eb;border-radius:12px;margin-top:14px}.import-table{min-width:1100px}.import-table td,.import-table th{padding:7px;white-space:normal}.import-table th{position:sticky;top:0;z-index:2;background:#f5fafb}.import-table input,.import-table select{min-width:125px;padding:8px;font-size:12px}.import-table input[type=checkbox]{min-width:0;min-height:0;width:18px;height:18px}.import-table .bulk-row-warning{min-width:130px;color:#317f6b}.import-table .import-needs-review{background:#fffbec}.import-table .import-needs-review .bulk-row-warning{color:#a26f09}.import-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:14px}.import-footer .sub{flex:1;min-width:220px}.modal-dialog:has(.import-intro){width:min(96vw,1250px);max-height:94vh}.modal-dialog:has(.import-intro) #bulk-paste{font-size:13px;font-family:ui-monospace,Consolas,monospace;min-height:140px}
@media(max-width:760px){.tracking-top-actions{width:100%}.tracking-top-actions button{flex:1}.import-controls{display:block}.import-controls>button{width:100%;margin-bottom:12px}.import-table-scroll{overflow:visible;max-height:none;border:0}.import-table{display:block;min-width:0}.import-table thead{display:none}.import-table tbody{display:grid;gap:14px}.import-table tr{display:grid;border:1px solid #dce8eb;border-radius:12px;padding:9px}.import-table td{display:flex;gap:10px;align-items:center;justify-content:space-between;border:0;padding:5px}.import-table td:before{font-size:11px;font-weight:700;color:#6c8795;min-width:30%;flex:0 0 30%}.import-table td:nth-child(1):before{content:'Include'}.import-table td:nth-child(2):before{content:'Guardian'}.import-table td:nth-child(3):before{content:'Patient'}.import-table td:nth-child(4):before{content:'Insurance'}.import-table td:nth-child(5):before{content:'DOB'}.import-table td:nth-child(6):before{content:'Phone'}.import-table td:nth-child(7):before{content:'Review'}.import-table td input,.import-table td select{min-width:0;width:65%;font-size:16px}.import-table .bulk-row-warning{min-width:0;max-width:65%}.import-footer{flex-direction:column;align-items:stretch}.import-footer>*{width:100%}.import-mapping{grid-template-columns:1fr}.modal-dialog:has(.import-intro){width:100%;max-height:96vh}}

.import-confirm{display:flex;gap:10px;align-items:center;margin:10px 0;color:#375769;font-weight:650}.import-confirm input{width:18px;min-height:0;flex:0 0 18px}