.student-workspace{display:grid;grid-template-columns:360px minmax(620px,1fr);gap:18px}.student-editor,.student-list-panel{background:#fff}.panel-title>div>*{display:block}.panel-title small{margin-top:4px;color:#5a6d63;line-height:1.5}.student-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.student-fields label{display:grid;gap:7px;color:#31443a;font-size:13px}.student-fields .wide{grid-column:1/-1}textarea{width:100%;min-height:190px;padding:12px;border:1px solid #bccbc4;border-radius:7px;background:#fff;color:#17231e;font:inherit;line-height:1.65;resize:vertical}.privacy-tip{margin:0;padding:0 20px 20px;color:#5a6d63;font-size:12px;line-height:1.55}#studentNotice{min-height:36px;padding:10px 0;color:#176b4d;font-size:13px}.student-toolbar{display:grid;grid-template-columns:190px 1fr auto;gap:10px;padding:16px;border-bottom:1px solid #e0e6e3;background:#fbfcfb}.student-toolbar button{padding:0 16px;border-radius:7px;background:#edf1ef;color:#26362e}.student-list-panel table{min-width:760px}.student-name,.student-phone{display:block}.student-name{font-weight:700}.student-phone{margin-top:3px;color:#67766e;font-size:12px}.bind-state{color:#176b4d;font-weight:700}.bind-state.unbound{color:#67766e;font-weight:400}@media(max-width:1100px){.student-workspace{grid-template-columns:1fr}.student-editor{max-width:none}.student-toolbar{grid-template-columns:1fr 1fr}.student-toolbar input{grid-column:1/-1}}@media(max-width:600px){.student-fields,.student-toolbar{grid-template-columns:1fr}.student-fields .wide,.student-toolbar input{grid-column:auto}}
.crm-workspace,.staff-workspace{display:grid;grid-template-columns:360px minmax(620px,1fr);gap:18px}.crm-editor,.crm-list-panel{border:1px solid #dbe5df;border-radius:8px;background:#fff;box-shadow:0 6px 18px rgba(18,35,27,.04);overflow:hidden}.crm-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.crm-fields label{display:grid;gap:7px;color:#31443a;font-size:13px}.crm-fields .wide{grid-column:1/-1}.lead-list{display:grid;gap:10px;min-height:320px;padding:14px;background:#f6f8f7}.lead-card{display:grid;gap:10px;padding:14px;border:1px solid #dce4df;border-radius:8px;background:#fff}.lead-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lead-head strong,.lead-meta,.lead-note{display:block}.lead-head strong{font-size:16px}.lead-meta{color:#617068;font-size:12px;line-height:1.6}.lead-stage{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#e5f4ec;color:#0f6544;font-size:12px;font-weight:700}.lead-stage.invalid{background:#fff1f1;color:#b42318}.lead-stage.converted{background:#edf2ff;color:#2454a6}.lead-note{color:#3e4c45;font-size:13px;line-height:1.5}.lead-actions{display:flex;flex-wrap:wrap;gap:8px}.lead-actions button{min-height:34px;padding:0 10px;border-radius:6px;background:#edf1ef;color:#26362e}.lead-actions .danger{background:#fff1f1;color:#b42318}.lead-actions .primary{background:#16724d!important;color:#fff!important}#leadNotice,#staffNotice{min-height:36px;padding:10px 0;color:#176b4d;font-size:13px}@media(max-width:1100px){.crm-workspace,.staff-workspace{grid-template-columns:1fr}.crm-editor{max-width:none}.crm-fields{grid-template-columns:1fr}.crm-fields .wide{grid-column:auto}}@media(max-width:900px){.crm-editor,.crm-list-panel{box-shadow:none}.crm-list-panel{margin-top:12px}.lead-list{padding:10px;background:#f3f6f4}.lead-card{padding:13px 14px}.lead-head{gap:10px}.lead-actions button{min-height:38px}}
.modal-mask{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(18,35,27,.42)}.modal-panel{width:min(560px,100%);border:1px solid #dbe5df;border-radius:10px;background:#fff;box-shadow:0 18px 56px rgba(18,35,27,.18);overflow:hidden}.modal-panel .actions{padding-top:0}.modal-panel .privacy-tip{padding:0 20px 16px}@media(max-width:700px){.modal-mask{align-items:end;padding:0;background:rgba(18,35,27,.35)}.modal-panel{border-radius:10px 10px 0 0;border-width:1px 0 0}.modal-panel .crm-fields{grid-template-columns:1fr}}

/* CRM compact intake layout: short, scannable, and still safe at narrower widths. */
body{overflow-x:hidden!important}main{min-width:0!important}main[id=leadsView],main[id=staffView]{max-width:none!important}.crm-workspace,.staff-workspace{grid-template-columns:minmax(500px,540px) minmax(0,1fr)!important;align-items:start!important;gap:18px!important}.crm-editor{position:sticky!important;top:18px!important;width:100%!important;max-width:540px!important;border-radius:8px!important}.staff-workspace .crm-editor{max-width:520px!important}.crm-editor,.crm-list-panel{min-width:0!important}.crm-editor .panel-title{padding:16px 18px 14px!important}.crm-editor .panel-title strong{font-size:15px!important}.crm-editor .panel-title small{margin-top:3px!important;font-size:12px!important;line-height:1.45!important}.crm-editor .crm-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:16px 18px 14px!important}.crm-editor .crm-fields label{gap:5px!important;font-size:12px!important;line-height:1.35!important}.crm-editor .crm-fields input,.crm-editor .crm-fields select{height:38px!important;padding:0 10px!important;font-size:13px!important}.crm-editor .crm-fields textarea{min-height:86px!important;padding:9px 10px!important;font-size:13px!important}.crm-editor .crm-fields label:nth-child(7),.crm-editor .crm-fields .wide{grid-column:1/-1!important}.crm-more{grid-column:1/-1!important;border:1px solid #e1e9e4!important;border-radius:8px!important;background:#f8faf9!important;overflow:hidden!important}.crm-more summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:40px!important;padding:0 12px!important;cursor:pointer!important;color:#21362d!important;font-weight:800!important;list-style:none!important}.crm-more summary::-webkit-details-marker{display:none!important}.crm-more summary::after{content:"展开";flex:0 0 auto;color:#5d7066;font-size:12px;font-weight:700}.crm-more[open] summary{border-bottom:1px solid #e1e9e4!important;background:#fff!important}.crm-more[open] summary::after{content:"收起"}.crm-more summary small{color:#64766d!important;font-size:12px!important;font-weight:600!important}.crm-more-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:12px!important}.crm-more-fields .wide{grid-column:1/-1!important}.crm-editor .actions{justify-content:flex-end!important;padding:12px 18px 16px!important;border-top:1px solid #e8efeb!important;background:#fbfcfb!important}.crm-editor .actions button{min-height:36px!important;padding:0 14px!important}.crm-fields label,.crm-fields input,.crm-fields select,.crm-fields textarea{min-width:0!important;max-width:100%!important}.crm-list-panel{margin-top:0!important}.crm-list-panel .student-toolbar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.crm-list-panel .student-toolbar input,.crm-list-panel .student-toolbar button,.crm-list-panel .student-toolbar select{grid-column:auto!important}main[id=leadsView] .summary{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important}@media(max-width:1240px){.crm-workspace,.staff-workspace{grid-template-columns:1fr!important}.crm-editor{position:static!important;max-width:760px!important}.crm-list-panel{margin-top:14px!important}}@media(max-width:760px){.crm-editor{max-width:none!important}.crm-editor .crm-fields,.crm-more-fields{grid-template-columns:1fr!important}.crm-editor .crm-fields label{grid-column:auto!important}.crm-list-panel .student-toolbar{grid-template-columns:1fr!important}.modal-panel .crm-fields{grid-template-columns:1fr!important}}
/* Admin polish pass: clearer CRM workflow, denser cards, stronger interaction states. */
.quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 14px}.quick-filters button{min-height:34px;padding:0 13px;border:1px solid #d5e0da;border-radius:999px;background:#fff;color:#33483e;font-weight:700}.quick-filters button:hover{border-color:#a8c9b8;background:#f2f8f5}.quick-filters button.active{border-color:#116b49;background:#e7f5ee;color:#0d5b3d}.lead-card-pro{gap:12px!important;padding:14px!important}.lead-title-block{min-width:0}.lead-title-block strong{max-width:none!important}.lead-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lead-kpis span{min-width:0;padding:10px;border:1px solid #e3ebe6;border-radius:7px;background:#fbfcfb}.lead-kpis b,.lead-kpis small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-kpis b{color:#17231e;font-size:13px}.lead-kpis small{margin-top:3px;color:#64766d;font-size:11px}.lead-kpis .money b{color:#0d5b3d}.lead-note-line{padding:9px 10px;border-radius:7px;background:#f5f8f6;color:#31443a;font-size:13px;line-height:1.55}.lead-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#64766d;font-size:12px}.next-follow.today{color:#0d5b3d;font-weight:800}.next-follow.overdue{color:#b42318;font-weight:800}.lead-actions{justify-content:flex-end!important}.lead-actions button{border:1px solid #d5e0da!important;background:#f7faf8!important;color:#21362d!important}.lead-actions button:hover{border-color:#a8c9b8!important;background:#eef6f2!important}.lead-actions .primary{border-color:#116b49!important;background:#116b49!important;color:#fff!important}.empty-state{display:grid;place-items:center;gap:6px;min-height:240px;padding:30px;border:1px dashed #cbd8d1;border-radius:8px;background:#fbfcfb;color:#5d7066;text-align:center}.empty-state strong{color:#21362d;font-size:15px}.empty-state span{max-width:34ch;line-height:1.6}.is-busy{cursor:wait!important}@media(max-width:980px){.lead-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-foot{display:grid}.quick-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.quick-filters button{flex:0 0 auto}}@media(max-width:640px){.lead-kpis{grid-template-columns:1fr}.lead-actions{display:grid!important;grid-template-columns:1fr 1fr}.lead-actions button{width:100%}}
/* Admin visual assets: generated, task-supporting imagery. */
.login-view{position:relative;isolation:isolate;background:#eef4f0 url("/assets/admin-login-bg.png") center/cover no-repeat!important}.login-view::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(244,247,245,.88) 0%,rgba(244,247,245,.68) 42%,rgba(244,247,245,.2) 100%)}.login-card{backdrop-filter:blur(8px);background:rgba(255,255,255,.92)!important}.empty-state::before{content:"";display:block;width:min(360px,78%);aspect-ratio:16/10;margin:0 auto 12px;background:url("/assets/crm-empty-state.png") center/contain no-repeat}.empty-state{min-height:300px!important}.empty-state strong,.empty-state span{position:relative}@media(max-width:760px){.login-view{background-position:62% center!important}.login-view::before{background:rgba(244,247,245,.82)}.empty-state::before{width:min(280px,90%)}}
/* Visual language pass: icons, scan anchors, and less text-only structure. */
nav button{display:flex!important;align-items:center!important;gap:10px!important}nav button::before{content:"";flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:#264136;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}nav button[data-view="tenants"]::before{background:linear-gradient(135deg,#e9f5ef 0 38%,#1d8b61 39% 62%,#c8b064 63%)}nav button[data-view="students"]::before{background:radial-gradient(circle at 50% 34%,#e9f5ef 0 18%,transparent 19%),radial-gradient(circle at 50% 86%,#1d8b61 0 43%,transparent 44%),#27463a}nav button[data-view="leads"]::before{background:linear-gradient(90deg,#1d8b61 0 24%,transparent 25%),linear-gradient(#e9f5ef 0 0) 58% 28%/44% 3px no-repeat,linear-gradient(#c8b064 0 0) 58% 52%/34% 3px no-repeat,linear-gradient(#e9f5ef 0 0) 58% 74%/48% 3px no-repeat,#27463a}nav button[data-view="staff"]::before{background:radial-gradient(circle at 36% 34%,#e9f5ef 0 14%,transparent 15%),radial-gradient(circle at 66% 38%,#c8b064 0 12%,transparent 13%),linear-gradient(#1d8b61 0 0) center 75%/70% 7px no-repeat,#27463a}nav button.active::before{box-shadow:inset 0 0 0 1px rgba(17,107,73,.14)}.summary{background:transparent!important;border:0!important;box-shadow:none!important;gap:10px!important;overflow:visible!important}.summary div{position:relative;min-height:86px!important;display:grid!important;grid-template-columns:42px 1fr!important;grid-template-rows:auto auto!important;align-content:center!important;column-gap:12px!important;min-width:0!important;padding:16px!important;border:1px solid #dbe5df!important;border-radius:8px!important;background:#fff!important;box-shadow:0 2px 8px rgba(16,33,24,.05)!important}.summary div::before{content:"";grid-row:1/3;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#e7f5ee,#f8faf9);box-shadow:inset 0 0 0 1px #d8e8df}.summary div::after{content:"";position:absolute;left:29px;top:31px;width:16px;height:16px;border-radius:5px;background:#116b49;box-shadow:9px 9px 0 -4px #c8b064}.summary b{font-size:23px!important;line-height:1.05!important}.summary span{margin-top:4px!important;color:#52665c!important;font-weight:700!important}.summary div:nth-child(2)::after{border-radius:999px;background:#c8b064;box-shadow:10px 0 0 -3px #116b49}.summary div:nth-child(3)::after{width:18px;height:4px;top:34px;border-radius:99px;box-shadow:0 8px 0 #116b49,0 16px 0 #c8b064}.summary div:nth-child(4)::after{border-radius:50%;background:#116b49;box-shadow:11px 8px 0 -3px #c8b064}.summary div:nth-child(5)::after{background:conic-gradient(#116b49 0 72%,#c8b064 73%);border-radius:50%;box-shadow:none}.summary div:nth-child(6)::after{background:#b42318;box-shadow:8px 0 0 -3px #f1c6c0}.summary div:nth-child(7)::after{background:#c8b064;box-shadow:0 10px 0 -4px #116b49}.summary div:nth-child(8)::after{background:linear-gradient(135deg,#116b49 0 48%,#c8b064 49%);box-shadow:none}.panel-title,.editor-title{position:relative}.crm-editor .panel-title,.student-editor .panel-title,.editor-title{padding-left:54px!important}.crm-editor .panel-title::before,.student-editor .panel-title::before,.editor-title::before{content:"";position:absolute;left:18px;top:18px;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#116b49,#83b79a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.crm-list-panel .student-toolbar{background:linear-gradient(180deg,#fff,#f8fbf9)!important}.quick-filters button{display:inline-flex;align-items:center;gap:8px}.quick-filters button::before{content:"";width:8px;height:8px;border-radius:999px;background:#9aaca2}.quick-filters button.active::before{background:#116b49;box-shadow:0 0 0 4px #dff0e8}.lead-card-pro{position:relative;background:linear-gradient(180deg,#fff,#fbfcfb)!important}.lead-card-pro .lead-head{padding-bottom:2px}.lead-card-pro .lead-stage{display:inline-flex;align-items:center;gap:6px}.lead-card-pro .lead-stage::before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor}.lead-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.lead-actions button::before{content:"";width:12px;height:12px;border-radius:4px;background:#8ea296}.lead-actions button[data-edit-lead]::before{background:linear-gradient(135deg,#8ea296 0 40%,#21362d 41%)}.lead-actions button[data-follow-lead]::before{border-radius:50%;background:radial-gradient(circle at center,#fff 0 28%,transparent 29%),#8ea296}.lead-actions button[data-history-lead]::before{background:linear-gradient(#8ea296 0 0) 0 2px/100% 2px no-repeat,linear-gradient(#8ea296 0 0) 0 6px/80% 2px no-repeat,linear-gradient(#8ea296 0 0) 0 10px/60% 2px no-repeat}.lead-actions .primary::before{background:#fff;clip-path:polygon(14% 52%,38% 76%,86% 24%,76% 14%,38% 58%,24% 44%)}.empty-state{background:#fff!important}.empty-state::before{filter:drop-shadow(0 12px 22px rgba(16,33,24,.08))}.login-card::after{content:"";position:absolute;right:22px;top:22px;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#e7f5ee,#fff);box-shadow:inset 0 0 0 1px #dbe5df;z-index:0}.login-card>*{position:relative;z-index:1}@media(max-width:900px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.summary div{grid-template-columns:36px 1fr!important;padding:13px!important}.summary div::before{width:36px;height:36px}.summary div::after{left:25px;top:28px}.crm-editor .panel-title,.student-editor .panel-title,.editor-title{padding-left:46px!important}.crm-editor .panel-title::before,.student-editor .panel-title::before,.editor-title::before{left:14px;top:15px}}@media(max-width:560px){.summary{grid-template-columns:1fr!important}.lead-actions button::before{display:none}}
/* iOS flat pass: neutral surfaces, lighter hierarchy, restrained color roles. */
:root{--bg:#f5f5f7!important;--surface:#ffffff!important;--surface-2:#f2f2f7!important;--ink:#1d1d1f!important;--ink-2:#3a3a3c!important;--muted:#6e6e73!important;--line:#d1d1d6!important;--line-soft:#e5e5ea!important;--brand:#007aff!important;--brand-2:#0066d6!important;--brand-soft:#eaf3ff!important;--sidebar:#f7f7f9!important;--sidebar-2:#ededf2!important;--radius:10px!important;--radius-sm:8px!important;--shadow:none!important}html,body{background:#f5f5f7!important;color:#1d1d1f!important}aside{background:#f7f7f9!important;color:#1d1d1f!important;border-right:1px solid #d8d8de!important;box-shadow:none!important}.brand{border-bottom-color:#e5e5ea!important}.brand>span{background:#1d1d1f!important;color:#fff!important;box-shadow:none!important}.brand small,.company{color:#6e6e73!important}.company{border-top-color:#e5e5ea!important}.company button{border-color:#d1d1d6!important;background:#fff!important;color:#1d1d1f!important}.company button:hover{background:#ededf2!important}nav button{color:#3a3a3c!important;border:0!important;background:transparent!important}nav button:hover{background:#ededf2!important;color:#1d1d1f!important}nav button.active{background:#e8f2ff!important;color:#0057c2!important}nav button::before{background:#e5e5ea!important;box-shadow:none!important}nav button[data-view="tenants"]::before{background:linear-gradient(135deg,#007aff 0 50%,#ff9500 51%)!important}nav button[data-view="students"]::before{background:radial-gradient(circle at 50% 35%,#fff 0 18%,transparent 19%),radial-gradient(circle at 50% 88%,#34c759 0 42%,transparent 43%),#d1d1d6!important}nav button[data-view="leads"]::before{background:linear-gradient(90deg,#007aff 0 24%,transparent 25%),linear-gradient(#fff 0 0) 58% 28%/44% 3px no-repeat,linear-gradient(#ff9500 0 0) 58% 52%/34% 3px no-repeat,linear-gradient(#fff 0 0) 58% 74%/48% 3px no-repeat,#d1d1d6!important}nav button[data-view="staff"]::before{background:radial-gradient(circle at 36% 34%,#fff 0 14%,transparent 15%),radial-gradient(circle at 66% 38%,#ff9500 0 12%,transparent 13%),linear-gradient(#af52de 0 0) center 75%/70% 7px no-repeat,#d1d1d6!important}main{background:#f5f5f7!important}.summary div,.list-panel,.editor,.student-editor,.student-list-panel,.crm-editor,.crm-list-panel,.lead-card,.modal-panel,.login-card{box-shadow:none!important;border-color:#d8d8de!important;background:#fff!important}.summary div{border-radius:12px!important}.summary div::before{background:#f2f2f7!important;box-shadow:inset 0 0 0 1px #e5e5ea!important}.summary div::after{background:#007aff!important;box-shadow:9px 9px 0 -4px #ff9500!important}.summary div:nth-child(2)::after{background:#ff9500!important;box-shadow:10px 0 0 -3px #007aff!important}.summary div:nth-child(3)::after{background:#34c759!important;box-shadow:0 8px 0 #007aff,0 16px 0 #ff9500!important}.summary div:nth-child(4)::after{background:#af52de!important;box-shadow:11px 8px 0 -3px #ff9500!important}.summary div:nth-child(5)::after{background:conic-gradient(#007aff 0 72%,#ff9500 73%)!important}.summary div:nth-child(6)::after{background:#ff3b30!important;box-shadow:8px 0 0 -3px #ffd3d0!important}.summary div:nth-child(7)::after{background:#ff9500!important;box-shadow:0 10px 0 -4px #34c759!important}.summary div:nth-child(8)::after{background:linear-gradient(135deg,#007aff 0 48%,#ff9500 49%)!important}.primary{border-color:#007aff!important;background:#007aff!important;color:#fff!important;box-shadow:none!important}.primary:hover{background:#0066d6!important}.tag,.lead-stage{background:#f2f2f7!important;color:#3a3a3c!important}.lead-stage.converted{background:#eaf8ef!important;color:#248a3d!important}.lead-stage.invalid{background:#fff0ef!important;color:#d70015!important}.bind-state{color:#248a3d!important}.quick-filters button{border-color:#d1d1d6!important;background:#fff!important;color:#3a3a3c!important}.quick-filters button:hover{background:#f2f2f7!important;border-color:#c7c7cc!important}.quick-filters button.active{border-color:#007aff!important;background:#eaf3ff!important;color:#0057c2!important}.quick-filters button::before{background:#8e8e93!important}.quick-filters button.active::before{background:#007aff!important;box-shadow:0 0 0 4px #dbeaff!important}.crm-editor .panel-title::before,.student-editor .panel-title::before,.editor-title::before{background:linear-gradient(135deg,#007aff,#5ac8fa)!important;box-shadow:none!important}.lead-kpis span{border-color:#e5e5ea!important;background:#f9f9fb!important}.lead-kpis .money b{color:#007aff!important}.lead-note-line{background:#f2f2f7!important;color:#3a3a3c!important}.lead-actions button{border-color:#d1d1d6!important;background:#fff!important;color:#1d1d1f!important}.lead-actions button:hover{background:#f2f2f7!important;border-color:#c7c7cc!important}.lead-actions .primary{border-color:#007aff!important;background:#007aff!important}.lead-actions button::before{background:#8e8e93!important}.next-follow.today{color:#007aff!important}.next-follow.overdue{color:#d70015!important}input,select,textarea{border-color:#c7c7cc!important;background:#fff!important;color:#1d1d1f!important;border-radius:9px!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{border-color:#007aff!important;box-shadow:0 0 0 3px rgba(0,122,255,.16)!important}.crm-more{border-color:#e5e5ea!important;background:#f9f9fb!important}.crm-more[open] summary{border-bottom-color:#e5e5ea!important}.student-toolbar{background:#fff!important}.empty-state{background:#fff!important;border-color:#d8d8de!important}.login-view{background-color:#f5f5f7!important}.login-view::before{background:linear-gradient(90deg,rgba(245,245,247,.94) 0%,rgba(245,245,247,.78) 45%,rgba(245,245,247,.38) 100%)!important}.login-card{background:rgba(255,255,255,.88)!important;border-color:rgba(209,209,214,.85)!important;box-shadow:none!important}.login-mark{background:#1d1d1f!important}.login-card::before{background:#007aff!important}.login-card::after{background:#f2f2f7!important;border:1px solid #e5e5ea!important;box-shadow:none!important}@media(max-width:900px){aside{background:#f7f7f9!important}.summary div{border-radius:10px!important}}

/* CRM final pass: default to a clean list, reveal the editor only on intent. */
#leadsView header{align-items:center;gap:18px}
#leadCreateTop{height:42px;min-width:104px;padding:0 18px;border-radius:12px;box-shadow:0 10px 24px rgba(0,122,255,.18)}
#leadForm[hidden]{display:none!important}
#leadsView .crm-workspace{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
#leadsView .crm-workspace.is-editing{grid-template-columns:minmax(420px,520px) minmax(0,1fr)!important}
#leadsView .crm-workspace.is-editing .crm-editor{position:sticky!important;top:18px!important;max-height:calc(100vh - 48px);overflow:auto}
#leadsView .crm-editor{border-color:#e5e7eb!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 46px rgba(15,23,42,.06)!important}
#leadsView .crm-editor .panel-title{background:#fff!important}
#leadsView .crm-list-panel{border-color:#e5e7eb!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 46px rgba(15,23,42,.05)!important}
#leadsView .student-toolbar{gap:10px!important;padding:16px!important;border-bottom:1px solid #eef2f7!important;background:#fff!important}
#leadsView .student-toolbar select,#leadsView .student-toolbar input{height:40px!important;border-radius:10px!important;background:#f8fafc!important}
#leadsView #leadRows{padding:14px!important}
#leadsView .lead-card-pro{border:1px solid #e8edf3!important;border-radius:14px!important;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;box-shadow:none!important}
#leadsView .lead-card-pro+.lead-card-pro{margin-top:12px!important}
#leadsView .lead-actions{justify-content:flex-end!important;gap:8px!important}
#leadsView .lead-actions button{min-width:72px!important;height:36px!important;border-radius:10px!important}
#leadsView .lead-converted{display:inline-flex;align-items:center;height:36px;padding:0 12px;border:1px solid #b7e3c8;border-radius:10px;background:#edf9f2;color:#248a3d;font-size:13px;font-weight:750}
#leadsView .lead-more-actions{position:relative}
#leadsView .lead-more-actions summary{display:flex;align-items:center;justify-content:center;min-width:64px;height:36px;padding:0 12px;border:1px solid #d1d1d6;border-radius:10px;background:#fff;color:#3a3a3c;cursor:pointer;font-size:13px;font-weight:700;list-style:none}
#leadsView .lead-more-actions summary::-webkit-details-marker{display:none}
#leadsView .lead-more-actions[open] summary{border-color:#007aff;background:#eaf3ff;color:#0057c2}
#leadsView .lead-more-actions>div{position:absolute;right:0;z-index:5;display:grid;gap:6px;min-width:142px;margin-top:6px;padding:8px;border:1px solid #d8d8de;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(29,29,31,.14)}
#leadsView .lead-more-actions>div button{width:100%;min-width:0!important;justify-content:flex-start;padding:0 10px;text-align:left}
@media (max-width:1100px){#leadsView .crm-workspace.is-editing{grid-template-columns:1fr!important}#leadsView .crm-workspace.is-editing .crm-editor{position:static!important;max-height:none}}

/* Student final pass: default list first, reveal entitlement form only on intent. */
#studentsView header{align-items:center;gap:18px}
#studentCreateTop{height:42px;min-width:104px;padding:0 18px;border-radius:12px;box-shadow:0 10px 24px rgba(0,122,255,.18)}
#studentForm[hidden]{display:none!important}
#studentsView .student-workspace{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
#studentsView .student-workspace.is-editing{grid-template-columns:minmax(380px,500px) minmax(0,1fr)!important}
#studentsView .student-workspace.is-editing .student-editor{position:sticky!important;top:18px!important;max-height:calc(100vh - 48px);overflow:auto}
#studentsView .student-editor{border:1px solid #e5e7eb!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 46px rgba(15,23,42,.06)!important;overflow:hidden}
#studentsView .student-list-panel{border:1px solid #e5e7eb!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 46px rgba(15,23,42,.05)!important}
#studentsView .student-fields textarea{min-height:160px!important}
#studentsView .student-toolbar{gap:10px!important;padding:16px!important;border-bottom:1px solid #eef2f7!important;background:#fff!important}
#studentsView .student-toolbar select,#studentsView .student-toolbar input{height:40px!important;border-radius:10px!important;background:#f8fafc!important}
#studentsView table{border-collapse:separate!important;border-spacing:0!important}
#studentsView tbody tr:hover{background:#f8fafc!important}
@media (max-width:1100px){#studentsView .student-workspace.is-editing{grid-template-columns:1fr!important}#studentsView .student-workspace.is-editing .student-editor{position:static!important;max-height:none}}


/* Staff admin: list-first workflow, edit only after intent. */
#staffView header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
#staffCreateTop{min-height:42px;padding:0 18px;border:0;border-radius:10px;background:#1677ff;color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(22,119,255,.18)}
#staffForm[hidden]{display:none!important}
#staffView .staff-workspace{grid-template-columns:1fr!important}
#staffView .staff-workspace.is-editing{grid-template-columns:minmax(380px,500px) minmax(0,1fr)!important}
#staffView .crm-list-panel{min-height:360px}
#staffView .staff-card{border-left:3px solid #1677ff;background:linear-gradient(180deg,#fff,#fbfdff)}
@media(max-width:980px){#staffView header{display:grid}#staffCreateTop{width:100%}#staffView .staff-workspace.is-editing{grid-template-columns:1fr!important}}

/* Question bank readiness and import structure. */
#banksView header{align-items:center;gap:18px}
.bank-header-actions{display:flex;align-items:center;gap:10px}
.bank-header-actions button{min-height:42px;padding:0 16px;border:1px solid #d1d1d6;border-radius:10px;background:#fff;color:#1d1d1f;font-weight:800}
.bank-header-actions .primary{border-color:#007aff;background:#007aff;color:#fff}
.bank-workspace{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:18px;align-items:start}
.bank-readiness,.bank-schema{border:1px solid #d8d8de;border-radius:14px;background:#fff;overflow:hidden}
.bank-status-card{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:20px;border-bottom:1px solid #e5e5ea;background:#fbfbfd}
.bank-status-dot{width:22px;height:22px;margin-top:1px;border-radius:8px;background:linear-gradient(135deg,#007aff,#5ac8fa);box-shadow:none}
.bank-status-card strong,.bank-checklist strong,.bank-upload-card strong{display:block;color:#1d1d1f;font-size:16px}
.bank-status-card p{margin:7px 0 0;color:#6e6e73;line-height:1.65}
.bank-upload-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;margin:16px;padding:16px;border:1px dashed #c7d7ee;border-radius:13px;background:#f7fbff}
.bank-upload-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#eaf3ff,#fff);position:relative;box-shadow:inset 0 0 0 1px #dbeaff}
.bank-upload-icon::before{content:"";position:absolute;left:13px;top:12px;width:16px;height:18px;border:2px solid #007aff;border-radius:4px}
.bank-upload-icon::after{content:"";position:absolute;left:18px;top:18px;width:8px;height:8px;border-left:2px solid #007aff;border-top:2px solid #007aff;transform:rotate(45deg)}
.bank-upload-card small{display:block;margin-top:5px;color:#6e6e73;line-height:1.55}
.bank-upload-card button{height:36px;padding:0 13px;border:1px solid #d1d1d6;border-radius:9px;background:#fff;color:#007aff;font-weight:800}
.bank-checklist{padding:0 20px 20px}
.bank-checklist ul{display:grid;gap:9px;margin:12px 0 0;padding:0;list-style:none;color:#3a3a3c;line-height:1.55}
.bank-checklist li{position:relative;padding-left:20px}
.bank-checklist li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:999px;background:#34c759}
.bank-schema .panel-title{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:start;padding:18px 20px;border-bottom:1px solid #e5e5ea;background:#fbfbfd}
.bank-schema .panel-title small{max-width:none;line-height:1.55}
.bank-schema table{width:100%;border-collapse:collapse}
.bank-schema th,.bank-schema td{padding:13px 16px;border-bottom:1px solid #edf1f5;text-align:left;font-size:13px;vertical-align:top}
.bank-schema th{color:#5f6672;background:#f8f9fb;font-weight:800}
.bank-schema td:first-child{color:#007aff;font-weight:800;white-space:nowrap}
@media(max-width:980px){#banksView header{display:grid}.bank-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.bank-workspace{grid-template-columns:1fr}.bank-schema{overflow:auto}.bank-schema .panel-title{grid-template-columns:1fr}.bank-upload-card{grid-template-columns:42px 1fr}.bank-upload-card button{grid-column:1/-1}}

/* Backend delivery pass: CRM is now list-first, with safer destructive actions. */
#leadsView .summary{
  grid-template-columns:repeat(6,minmax(132px,1fr))!important;
}
#leadsView .summary .summary-secondary{
  opacity:.78;
}
#leadsView .summary .summary-secondary b{
  font-size:20px!important;
}
#leadsView .summary .summary-secondary::before{
  opacity:.72;
}
#leadsView .crm-list-panel{
  overflow:hidden!important;
}
#leadsView .student-toolbar{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(132px,180px)) minmax(220px,1fr) auto!important;
  align-items:center!important;
}
#leadsView .student-toolbar button{
  height:40px!important;
  border-radius:10px!important;
}
#leadsView .quick-filters{
  margin:0 0 12px!important;
}
#leadsView .quick-filters button{
  height:36px!important;
  padding:0 14px!important;
}
#leadsView .lead-card-pro{
  padding:16px!important;
}
#leadsView .lead-head{
  align-items:center!important;
}
#leadsView .lead-title-block strong{
  font-size:17px!important;
}
#leadsView .lead-meta{
  margin-top:4px!important;
}
#leadsView .lead-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#leadsView .lead-kpis span{
  padding:9px 10px!important;
  border-radius:10px!important;
  background:#fafafa!important;
}
#leadsView .lead-note-line{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
}
#leadsView .lead-actions .danger-outline{
  border-color:#ffd2cc!important;
  background:#fff!important;
  color:#d70015!important;
}
#leadsView .lead-actions .danger-outline:hover{
  background:#fff0ef!important;
  border-color:#ffb4ab!important;
}
#leadsView .lead-actions .danger-outline:disabled{
  border-color:#e5e5ea!important;
  background:#f8f8fa!important;
  color:#a1a1a6!important;
}
#leadsView .lead-actions .danger-outline::before{
  background:#d70015!important;
}

@media(max-width:1280px){
  #leadsView .summary{grid-template-columns:repeat(4,minmax(132px,1fr))!important}
  #leadsView .student-toolbar{grid-template-columns:repeat(3,minmax(132px,1fr))!important}
  #leadsView .student-toolbar input{grid-column:1/-2!important}
}
@media(max-width:760px){
  #leadsView .summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #leadsView .student-toolbar{grid-template-columns:1fr!important}
  #leadsView .student-toolbar input{grid-column:auto!important}
  #leadsView .lead-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #leadsView .lead-actions{grid-template-columns:1fr 1fr!important}
}

/* CRM modal interactions: replace browser prompt/alert with first-class workflows. */
#leadFollowModal .modal-panel,
#leadHistoryModal .modal-panel{
  width:min(620px,calc(100vw - 32px))!important;
}
#leadFollowModal .crm-fields{
  grid-template-columns:1fr 1fr!important;
}
#leadFollowModal .crm-fields .wide{
  grid-column:1/-1!important;
}
#leadFollowModal textarea{
  min-height:132px!important;
  resize:vertical;
}
.quiet-close{
  height:34px;
  padding:0 12px;
  border:1px solid #d1d1d6;
  border-radius:9px;
  background:#fff;
  color:#3a3a3c;
  font-weight:800;
}
.quiet-close:hover{
  background:#f2f2f7;
}
.history-panel{
  max-height:min(720px,calc(100vh - 40px));
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
.history-list{
  display:grid;
  gap:10px;
  max-height:calc(100vh - 160px);
  overflow:auto;
  padding:14px;
  background:#f8f8fa;
}
.history-item{
  display:grid;
  gap:8px;
  padding:14px;
  border:1px solid #e5e5ea;
  border-radius:12px;
  background:#fff;
}
.history-item div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.history-item strong{
  color:#1d1d1f;
  font-size:13px;
}
.history-item span,
.history-item small{
  color:#6e6e73;
  font-size:12px;
  font-weight:700;
}
.history-item p{
  margin:0;
  color:#2f3033;
  line-height:1.65;
  white-space:pre-wrap;
}
.history-empty{
  min-height:220px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  border:1px dashed #d1d1d6;
  border-radius:12px;
  background:#fff;
  text-align:center;
}
.history-empty strong{
  color:#1d1d1f;
}
.history-empty span{
  color:#6e6e73;
}
@media(max-width:640px){
  #leadFollowModal .crm-fields{grid-template-columns:1fr!important}
  #leadHistoryModal .panel-title{display:grid!important;gap:12px!important}
  .quiet-close{width:100%}
}

/* Admin nav icon system v2: consistent line icons instead of decorative blocks. */
nav button{
  gap:11px!important;
}
nav button::before{
  content:""!important;
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
  border-radius:0!important;
  background:#8e8e93!important;
  box-shadow:none!important;
  -webkit-mask:var(--nav-icon) center/21px 21px no-repeat!important;
  mask:var(--nav-icon) center/21px 21px no-repeat!important;
}
nav button[data-view]::before{
  background:#8e8e93!important;
}
nav button:hover::before,
nav button.active::before,
nav button[data-view]:hover::before,
nav button[data-view].active::before{
  background:#007aff!important;
}
nav button[data-view="tenants"]{
  --nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l8-4v18'/%3E%3Cpath d='M19 21V11l-6-3'/%3E%3Cpath d='M9 9h.01M9 13h.01M9 17h.01M14 13h.01M14 17h.01'/%3E%3C/svg%3E");
}
nav button[data-view="students"]{
  --nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9.5' cy='7' r='4'/%3E%3Cpath d='m16 11 2 2 4-4'/%3E%3C/svg%3E");
}
nav button[data-view="banks"]{
  --nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M4 4.5A2.5 2.5 0 0 1 6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5z'/%3E%3Cpath d='M8 7h8M8 11h6'/%3E%3C/svg%3E");
}
nav button[data-view="leads"]{
  --nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='17' rx='2'/%3E%3Cpath d='M9 2h6v4H9z'/%3E%3Cpath d='M8 11h8M8 15h5'/%3E%3C/svg%3E");
}
nav button[data-view="staff"]{
  --nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

/* Admin SVG icon override: keep the final loaded stylesheet aligned with index.html symbols. */
nav button::before,
.summary div::before,
.summary div::after,
.bank-upload-icon::before,
.bank-upload-icon::after{
  display:none!important;
}
.admin-icon,
.metric-icon,
.bank-upload-icon{
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
nav button .admin-icon{
  width:24px;
  height:24px;
  padding:5px;
  border-radius:8px;
  background:#fff;
  color:#007aff;
}
nav button[data-view="students"] .admin-icon{color:#34c759}
nav button[data-view="banks"] .admin-icon{color:#00a9ce}
nav button[data-view="leads"] .admin-icon{color:#ff9500}
nav button[data-view="staff"] .admin-icon{color:#af52de}
nav button.active .admin-icon{
  background:#007aff;
  color:#fff;
}
nav button span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.summary div{
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  min-height:88px!important;
}
.metric-icon{
  grid-row:1/3;
  width:44px;
  height:44px;
  padding:10px;
  border-radius:14px;
  color:#007aff;
  background:#edf5ff;
}
.metric-icon.tone-green{color:#1f9d5b;background:#edf9f2}
.metric-icon.tone-orange{color:#ff8a00;background:#fff6e8}
.metric-icon.tone-purple{color:#8e5cf7;background:#f4efff}
.metric-icon.tone-red{color:#ff3b30;background:#fff0ef}
.metric-icon.tone-blue{color:#007aff;background:#edf5ff}
.summary b,
.summary span{
  grid-column:2;
}
.bank-upload-icon{
  width:44px!important;
  height:44px!important;
  padding:10px!important;
  border-radius:14px!important;
  color:#007aff!important;
  background:#edf5ff!important;
  box-shadow:none!important;
}
@media(max-width:900px){
  nav button .admin-icon{
    width:22px;
    height:22px;
    padding:4px;
  }
  .summary div{
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  .metric-icon{
    width:40px;
    height:40px;
    padding:9px;
  }
}
