/* CRM workspace: cool, high-contrast surfaces with the original NazAQ gold accent. */
:root{--bg:#f3f6fb;--surface:#fff;--surface2:#edf2f8;--border:#dfe6ef;--border2:#bbcadd;--text:#14243b;--text2:#506179;--text3:#596b82;--accent:#1d5aa7;--yellow:#f2c85c;--yellow-dark:#e4b83f;--yellow-pale:#fffae9;--green:#187552;--green-bg:#e8f7ef;--blue:#215eaa;--blue-bg:#eaf2ff;--orange:#a76316;--orange-bg:#fff4e2;--red:#ba3c49;--red-bg:#fff0f2;--purple:#7254ae;--purple-bg:#f2edfc;--radius:11px;--radius-lg:17px}
body{background:radial-gradient(ellipse at 90% 0,#e8effa 0,transparent 45%),var(--bg)}
.topbar{height:68px;background:#14243b;padding-inline:30px;box-shadow:0 2px 12px #10274015}.topbar-logo{border-radius:12px}.topbar-sub{color:#aabbd0}.topbar-user{color:#d5e0ed}.topbar-name{letter-spacing:.3px}.navbar{padding:8px 26px;background:#ffffffed;border-bottom:1px solid var(--border);gap:4px;backdrop-filter:blur(12px)}.nav-tab{border:0;border-radius:10px;margin:0;padding:10px 16px;color:#526780}.nav-tab.active{background:#e9f1fd;color:#1e56a0}.nav-tab:hover{background:#f0f4f9}.content{width:100%;max-width:1840px;margin:auto;padding:28px 32px 40px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.workspace-heading h1{font-size:28px;font-weight:800;margin:3px 0}.workspace-heading p,.section-subtitle{font-size:13px;color:var(--text3);margin-top:4px}.eyebrow{font-size:11px;font-weight:700;color:var(--text3);letter-spacing:.8px}.section-title{font-size:22px;letter-spacing:-.35px}.stats-grid{gap:14px}.stat-card{padding:22px;border:1px solid #e2e9f2;box-shadow:0 5px 16px #294a7610}.stat-card::before{width:4px;top:18px;height:30px;border-radius:3px}.stat-label{font-size:12px;letter-spacing:0}.stat-value{font-size:34px}.table-wrapper{border:1px solid var(--border);box-shadow:0 5px 20px #243f6807;border-radius:16px}thead th{background:#f4f7fb;color:#586b84;font-size:11px;letter-spacing:0;padding:14px 13px;white-space:nowrap}td{padding:14px 13px;border-bottom:1px solid #edf1f7}tbody tr:hover{background:#f7faff}.btn{padding:10px 16px;font-size:12px}.btn-primary{box-shadow:0 2px 4px #c0992420}.btn-secondary{background:#fff}.search-input,.filter-select,.form-input,.form-select,.form-textarea{border-color:var(--border);color:var(--text);border-radius:10px}.search-input:focus,.filter-select:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#588dd4;box-shadow:0 0 0 3px #3474c312}.btn:focus-visible,.act-btn:focus-visible,.profile-tab:focus-visible{outline:3px solid #93b9eb;outline-offset:2px}.muted{color:var(--text3)}.results-count{font-size:12px;color:var(--text3);margin:4px 2px 12px}.filter-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;width:100%}.filter-toolbar .search-input{min-width:230px}.status-filter-list{display:flex;gap:6px;align-items:center;flex-wrap:wrap;width:100%;padding:4px 0}.status-filter-list>.muted{font-size:12px;margin-inline-end:5px}.status-filter-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:8px;padding:5px 9px;font-size:11px;background:#fff;cursor:pointer;white-space:nowrap}.status-filter-chip:has(input:checked){border-color:#78a7dd;background:#eaf3ff;color:#1e559b}.status-filter-chip input{accent-color:#2967b5}.sort-heading{border:0;background:none;font:inherit;color:inherit;font-weight:700;cursor:pointer;padding:0;white-space:nowrap}.student-name-cell{display:flex;align-items:center;gap:10px;min-width:190px}.student-name-cell strong{font-size:13px}.student-name-cell .avatar{height:34px;width:34px;min-width:34px;font-size:12px;border-radius:11px}.student-markers{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:3px}.student-markers>span{margin:0!important}.phone-cell{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.date-cell{font-size:12px;white-space:nowrap}.date-cell small{display:block;color:var(--text3);font-size:10px;margin-top:4px}.priority-row{background:#fff9f5}.priority-row td:first-child{border-inline-start:4px solid #db6650}.priority-banner{width:100%;border:1px solid #edc7bd;background:linear-gradient(110deg,#fff9f2,#fff0e9);border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:14px;text-align:start;color:#903d2c;margin:0 0 22px;cursor:pointer;font-family:var(--font)}.priority-banner strong{display:block;font-size:15px}.priority-banner small{display:block;color:#914b3b;margin-top:3px}.priority-icon{font-size:26px}.priority-arrow{margin-inline-start:auto;font-size:12px;font-weight:700}.unanswered-badge{display:inline-flex;padding:3px 7px;border-radius:6px;background:#ffecdd;color:#975012;font-size:10px;font-weight:700;white-space:nowrap}.origin-badge,.neutral-badge{display:inline-block;border-radius:7px;padding:3px 7px;background:#edf2f8;color:#536985;font-size:11px}.followup-pill{display:inline-block;border-radius:7px;padding:4px 7px;background:#fff1da;color:#935b13;font-size:11px;font-weight:600}.followup-pill.late{background:#ffe9eb;color:#ad3544}.followup-pill.done{background:#e8f6ee;color:#20794e}.unlinked-note{display:block;color:var(--red);font-size:11px;margin-top:4px}.modal-overlay{background:#10203570;backdrop-filter:blur(3px)}.modal{border:1px solid #dfe7f0;box-shadow:0 22px 70px #152d4d38;border-radius:20px}.modal-header{background:#fff;border-bottom:1px solid #e8edf5;padding:22px 24px}.modal-body{padding:22px 24px}.modal-footer{padding:16px 24px;background:#f7f9fc;border-top:1px solid #e7edf5}.modal-close{background:#eff3f8;color:#617389;border-radius:8px;width:32px;height:32px}.modal-title{font-size:18px}#modal-detail-inner{width:900px;max-width:95vw}#detail-body{padding:0 24px 24px}#detail-status-badge{display:flex;flex-wrap:wrap;gap:5px}.profile-tabs{display:flex;gap:5px;padding:15px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:2}.profile-tab{border:0;background:#f1f5fa;padding:10px 17px;border-radius:9px;color:#61758e;font-weight:700;font-family:var(--font);font-size:12px;cursor:pointer}.profile-tab.active{color:#fff;background:#285e9e;box-shadow:0 3px 8px #285e9e20}.profile-pane{padding-top:20px}.profile-pane h3{font-size:14px}.profile-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;border:1px solid #dfE8f4;border-radius:13px;background:#f7faff;margin-bottom:18px}.profile-snapshot>div{display:flex;align-items:flex-start;gap:5px;flex-direction:column;font-size:12px}.profile-snapshot small{color:var(--text3);font-size:11px;margin-bottom:4px}.profile-snapshot strong{font-size:12px}.profile-priority{background:#fff0e9;border:1px solid #f2cbbd;padding:12px 15px;color:#a3492f;border-radius:10px;margin-bottom:16px;font-size:13px;font-weight:700}.profile-section{margin-top:20px}.profile-section h3{font-size:13px;color:#55708e;margin-bottom:12px}.detail-grid{gap:16px 20px}.detail-item{padding-bottom:10px;border-bottom:1px solid #edf1f7}.detail-item label{font-size:11px;color:var(--text3)}.detail-item span{font-size:13px}.detail-wide{grid-column:1/-1}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.reason-box{padding:14px 16px;background:#fff3f2;border:1px solid #f0d0cb;border-radius:11px;margin:12px 0;font-size:13px}.reason-box p{margin-top:6px}.reason-box .form-label{margin-top:10px}.history-card{padding:17px;border:1px solid var(--border);border-radius:13px;margin-bottom:12px;background:#fff}.history-card header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px;font-size:12px}.history-card header strong{margin-inline-end:auto}.history-card p{margin:10px 0;font-size:13px;line-height:1.7}.call-comments{font-size:12px;padding:9px 11px;background:#f0f4f9;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.meeting-record{border-inline-start:4px solid #9daabd}.meeting-record.scheduled{border-inline-start-color:#3576c9}.meeting-record.completed{border-inline-start-color:#299166;background:#fbfefc}.meeting-record.not_held{border-inline-start-color:#c77731;background:#fffdfa}.meeting-badge{font-size:11px;border-radius:7px;padding:4px 8px;font-weight:700;display:inline-block}.meeting-badge.scheduled,.meeting-chip.meeting-scheduled{background:#e8f1ff;color:#255aa5}.meeting-badge.completed,.meeting-chip.meeting-completed{background:#e4f5ec;color:#237651}.meeting-badge.not_held,.meeting-chip.meeting-not_held{background:#fff0dc;color:#895016}.meeting-badge.unknown,.meeting-chip.meeting-unknown{background:#edf0f5;color:#526278}.meeting-legend{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.reschedule-history{margin-top:12px;padding-top:10px;border-top:1px dashed #ced9e7;font-size:11px;color:#586f8c}.reschedule-history summary{cursor:pointer;font-weight:700}.reschedule-history>div{display:flex;flex-wrap:wrap;gap:8px 18px;padding:8px 0}.reschedule-history small{width:100%;color:var(--text3)}.history-actions{margin-top:12px;display:flex;justify-content:flex-end}.form-hint{display:block;color:var(--text3);font-size:11px;margin-top:6px}.form-error{color:var(--red);font-size:12px;padding-top:10px}.meeting-chip small{font-size:9px;font-weight:500;margin-top:2px}#modal-meeting-editor{z-index:1100}.form-group[hidden]{display:none!important}
@media(max-width:1000px){.content{padding:20px}.topbar{padding-inline:20px}.navbar{padding-inline:15px}.nav-tab{padding:9px 12px}.profile-snapshot{gap:8px;padding:12px}.stats-grid{grid-template-columns:repeat(3,1fr)}}
/* Keep mobile rules last. */
@media(max-width:640px){.topbar{height:58px;padding:0 11px;gap:8px}.topbar-name{font-size:14px}.topbar-sub{font-size:9px}.navbar{top:58px;padding:6px;gap:3px}.nav-tab{padding:10px 12px;font-size:12px}.content{padding:17px 12px}.workspace-heading{margin-bottom:18px;gap:8px}.workspace-heading h1{font-size:23px}.workspace-heading p{font-size:11px}.eyebrow{font-size:9px}.workspace-heading .btn{padding:9px 10px;font-size:11px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:17px}.stat-value{font-size:29px}.stat-label{font-size:10px}.priority-banner{padding:13px 12px;gap:10px;margin-bottom:16px}.priority-banner strong{font-size:13px}.priority-banner small,.priority-arrow{font-size:10px}.priority-icon{font-size:22px}.filter-toolbar{gap:8px}.filter-toolbar .search-input{min-width:100%;flex:1}.filter-toolbar .filter-select{flex:1;min-width:0;padding:10px 7px}.filter-toolbar .btn{font-size:11px;padding:10px}.status-filter-list{gap:5px}.status-filter-chip{font-size:10px;padding:5px 6px}.section-title{font-size:20px}.results-count{font-size:10px}.modal,.modal.modal-wide,#modal-detail-inner{width:100%;max-width:100vw;border-radius:0;border:0;height:100dvh;max-height:100dvh}.modal-overlay{padding:0}.modal-header{padding:17px 15px}.modal-body{padding:17px 15px}.modal-footer{padding:12px;gap:6px}#detail-body{padding:0 13px 20px}.profile-tabs{gap:4px;padding:12px 0}.profile-tab{padding:9px 10px;font-size:11px;flex:1;white-space:nowrap}.profile-snapshot{grid-template-columns:1fr;gap:13px}.profile-snapshot>div{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.profile-snapshot small{margin:0;min-width:84px}.profile-pane{padding-top:15px}.history-card{padding:13px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-input,.form-select,.form-textarea,.search-input,.filter-select{font-size:16px}.profile-pane .section-header{gap:7px}.meeting-legend{gap:6px}.meeting-badge{font-size:10px}}
@media(max-width:640px){.btn,.nav-tab,.profile-tab{min-height:44px}.act-btn{min-height:44px;min-width:44px}.modal-close{min-width:44px;min-height:44px}#detail-status-badge .status-badge{white-space:normal;overflow-wrap:anywhere}}
.selected-track-cell{display:block;max-width:215px;white-space:normal;margin-top:9px;padding-top:7px;border-top:1px solid #e0e7f0;font-size:12px;line-height:1.6;color:#2e527e}.selected-track-cell>span{display:block}.selected-track-cell small{font-size:10px;color:var(--text3)}.selected-track-profile{display:flex;flex-direction:column;gap:5px;padding:17px 19px;border:1px solid #c8dbee;background:#eff6ff;border-radius:12px;margin-bottom:18px;color:#254f82}.selected-track-profile strong{font-size:18px;line-height:1.65}.selected-track-profile small{font-size:11px;color:#46688e}.selected-track-profile.advice{background:#fff7e7;border-color:#e8d19c;color:#7c5817}.selected-track-profile.advice small{color:#765b29}