:root{--navy:#0d2032;--navy2:#15364d;--blue:#2563eb;--teal:#0e7b87;--aqua:#12a3ac;--ink:#1c2b3c;--muted:#77869b;--line:#e5eaf1;--paper:#fff;--bg:#f5f7fb;--green:#0f9d73;--amber:#cc8a19;--red:#c94156;--shadow:0 10px 30px rgba(27,47,75,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--blue)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;flex:0 0 260px;background:linear-gradient(175deg,#0c1d2e,#102b42 65%,#0d2234);color:#e6edf5;display:flex;flex-direction:column;padding:26px 16px 20px;min-height:100vh;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;gap:13px;align-items:center;padding:2px 13px 34px}.brand-symbol{position:relative;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#39c3d3,#187d9c);display:grid;place-items:center;box-shadow:0 7px 18px #0a101f66}.brand-symbol span{position:absolute;background:#fff;border-radius:1px}.brand-symbol span:nth-child(1){width:18px;height:4px}.brand-symbol span:nth-child(2){width:4px;height:18px}.brand-symbol span:nth-child(3){height:3px;width:9px;right:-4px;bottom:5px;transform:rotate(-40deg);background:#73e9dc}.brand strong{font-size:21px;letter-spacing:-.7px;font-weight:800}.brand strong span{color:#58d2cf}.brand small{display:block;color:#7797ac;font-weight:700;letter-spacing:2.5px;font-size:9px;margin-top:2px}.workspace-label{font-size:10px;letter-spacing:2px;color:#66859c;font-weight:800;padding:0 16px 11px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 15px;background:transparent;border:0;border-radius:10px;color:#96adbd;font-weight:560;font-size:13.5px;transition:.18s}.nav-item svg{width:19px;height:19px;flex:none}.nav-item:hover{color:#fff;background:#ffffff0c}.nav-item.active{background:#1c4d68;color:#fff;box-shadow:inset 3px 0 #51d0d1}.sidebar-bottom{margin-top:auto;padding:20px 8px 0}.connection-indicator{display:flex;gap:11px;align-items:center;background:#ffffff0b;border:1px solid #ffffff13;padding:13px;border-radius:12px}.connection-indicator strong{display:block;font-size:11.5px;font-weight:650}.connection-indicator small{display:block;font-size:10px;color:#83a0b3;margin-top:4px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#34b68e;flex:none}.status-dot.muted{background:#db8e5f;box-shadow:0 0 0 3px #db8e5f1c}.sidebar-caption{font-size:10px;color:#6c899d;padding:19px 6px 0}.main-frame{flex:1;min-width:0}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#97a4b3;font-size:12px}.breadcrumb svg{width:13px;height:13px}.breadcrumb strong{color:#45596c;font-size:12px;font-weight:650}.topbar-actions{display:flex;align-items:center;gap:20px}.top-status{display:inline-flex;align-items:center;gap:8px;background:#eefaf5;color:#1f8f6b;border:1px solid #ccebdd;padding:7px 12px;border-radius:30px;font-size:11px;font-weight:750}.top-status span{width:7px;height:7px;background:#18a97c;border-radius:50%}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e6edf5;color:#45657a;font-size:11px;font-weight:800;border:2px solid #fff;box-shadow:0 0 0 1px #dde5ef}.mobile-menu{display:none;border:0;background:transparent;font-size:22px;color:var(--navy)}main{max-width:1520px;margin:auto;padding:38px 40px 80px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:850;text-transform:uppercase;color:var(--teal);margin-bottom:10px}.page-heading h1{font-size:29px;letter-spacing:-1.1px;line-height:1.17;margin:0 0 9px;color:#14263b}.page-heading p{font-size:13px;color:var(--muted);line-height:1.6;margin:0;max-width:740px}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2;font-size:12px;font-weight:750;transition:.17s;white-space:nowrap}.btn svg{width:16px;height:16px}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 5px 13px #2563eb28}.btn.primary:hover{background:#1e54cf;transform:translateY(-1px)}.btn.secondary{background:#fff;color:#395469;border-color:#dce4ec}.btn.secondary:hover{background:#f3f7fb}.btn.soft{background:#eef6ff;color:#28649c;border-color:#dcecfb}.btn.ghost{background:transparent;color:var(--muted);border-color:transparent}.btn.ghost:hover{background:#f1f4f7;color:var(--ink)}.btn.danger{background:#fff1f2;color:var(--red);border-color:#ffd5d9}.btn.small{padding:7px 10px;font-size:11px;border-radius:7px}.icon-btn{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid #e0e7ef;color:#5d7083}.icon-btn:hover{background:#f2f7fb;color:var(--blue)}.icon-btn.danger:hover{color:var(--red);background:#fff3f3}.icon-btn svg{width:15px;height:15px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:22px 23px;box-shadow:var(--shadow);min-height:143px}.metric-icon{display:grid;place-items:center;background:#eaf5f9;color:#1c849a;border-radius:9px;width:36px;height:36px;margin-bottom:16px}.metric-icon svg{width:18px;height:18px}.metric-label{color:#77879a;font-size:11.5px;font-weight:650}.metric-value{font-size:29px;font-weight:830;letter-spacing:-1.1px;margin-top:6px;line-height:1}.metric-foot{color:#95a3b3;font-size:10.5px;margin-top:10px}.card{background:#fff;border:1px solid #e6ecf2;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:22px 24px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px 17px}.card-head h2,.section-title{font-size:15px;letter-spacing:-.3px;margin:0;color:#20334a}.card-head p{font-size:11px;color:#8a9bad;margin:6px 0 0}.card-body{padding:0 23px 23px}.card + .card,.section-gap{margin-top:20px}.hero{background:linear-gradient(115deg,#153b55 10%,#116578 63%,#1597a0);color:#fff;border-radius:16px;padding:27px 32px;margin-bottom:23px;min-height:195px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero:after{content:"";position:absolute;width:350px;height:350px;border:1px solid #ffffff22;border-radius:50%;right:-100px;top:-160px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff06}.hero-label{font-size:10px;letter-spacing:2px;color:#a7e8e7;text-transform:uppercase;font-weight:800}.hero h2{font-size:25px;letter-spacing:-.8px;margin:10px 0 11px;max-width:620px}.hero p{color:#c7e9ef;font-size:12.5px;line-height:1.65;max-width:640px;margin:0}.hero .btn{position:relative;z-index:1;background:#fff;color:#136079;border-color:#fff}.priority-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.priority-card{padding:17px;background:#f8fafc;border:1px solid #e9eef4;border-radius:11px}.priority-card .p-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.priority-card strong{font-size:22px;letter-spacing:-.8px}.priority-card small{display:block;color:#8091a4;margin-top:5px;font-size:11px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.badge.p1{color:#b24351;background:#fff0f1}.badge.p2{color:#a8751d;background:#fff6de}.badge.p3{color:#61738c;background:#eaf0f6}.badge.ok{color:#138562;background:#e8f9f2}.badge.off{color:#7d8795;background:#eef0f3}.badge.info{color:#346ba0;background:#eaf3fc}.badge.warn{color:#a8751d;background:#fff6de}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.muted{color:#8190a2}.tiny{font-size:11px}.strong{font-weight:750}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:600px;text-align:left}.table th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#93a0af;font-weight:850;background:#fafbfc;border-bottom:1px solid #e9edf3;padding:13px 20px;white-space:nowrap}.table td{font-size:12px;color:#435468;padding:14px 20px;border-bottom:1px solid #edf0f4;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fafcff}.id-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#708498;background:#f2f6f9;padding:5px 7px;border-radius:5px}.name-cell{font-weight:750;color:#263c50}.letter-avatar{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:9px;background:#e9f1fa;color:#35769d;font-size:11px;font-weight:800;margin-right:9px}.roles{display:flex;flex-wrap:wrap;gap:5px}.role-chip{padding:4px 7px;border:1px solid #d9e6ee;border-radius:6px;background:#f4f9fc;color:#476b83;font-size:10px;font-weight:650}.empty{padding:54px 25px;text-align:center}.empty-graphic{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#edf6f9;color:#297c95;margin:0 auto 17px}.empty-graphic svg{width:26px;height:26px}.empty h3{font-size:16px;margin:0 0 7px}.empty p{font-size:12px;color:#8c9caf;line-height:1.6;max-width:420px;margin:0 auto 18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label,.field-label{color:#51667a;font-size:11px;font-weight:800}.field input,.field select,.field textarea,.input{width:100%;border:1px solid #dce4ee;border-radius:9px;background:#fff;padding:10px 12px;outline:none;font-size:12.5px;color:#243a4e;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#58a2d4;box-shadow:0 0 0 3px #4e9bd41b}.field input:disabled{background:#f5f7fa}.field textarea{min-height:92px;resize:vertical}.hint{font-size:10.5px;color:#92a1af;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.check-label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e0e7ef;border-radius:9px;font-size:11px;font-weight:600;cursor:pointer;background:#fff;min-height:43px}.check-label:has(input:checked){border-color:#7cc2df;background:#eef9fc;color:#156e89}.check-label input{accent-color:#148bad}.notice{display:flex;gap:12px;align-items:flex-start;background:#f2f8fd;border:1px solid #dcebf6;color:#43667f;border-radius:11px;padding:14px 16px;font-size:11.5px;line-height:1.6}.notice svg{width:18px;height:18px;flex:none;margin-top:1px;color:#2b81ab}.notice.warn{background:#fffbf1;border-color:#f8e7be;color:#8e6a2d}.notice.warn svg{color:#bb821e}.notice.danger{background:#fff3f4;border-color:#f5d9df;color:#a94c5e}.notice.danger svg{color:#c94156}.status-list{display:flex;flex-direction:column;gap:0}.status-item{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #ecf0f4}.status-item:last-child{border:0}.status-icon{width:29px;height:29px;border-radius:8px;background:#edf5fa;color:#417fa2;display:grid;place-items:center;flex:none}.status-icon svg{width:15px;height:15px}.status-item strong{font-size:12px}.status-item p{font-size:11px;line-height:1.5;color:#8b9aac;margin:3px 0 0}.tag-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;font-weight:850;font-size:12px}.tag-number.p1{background:#fff0f1;color:#bc4b5b}.tag-number.p2{background:#fff5e2;color:#b0812b}.tag-number.p3{background:#eef2f7;color:#6f8197}.progress{height:7px;background:#eaf0f5;border-radius:5px;overflow:hidden;margin-top:12px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#2789aa,#32b6af);border-radius:5px}.tab-pills{display:inline-flex;gap:3px;border-radius:9px;background:#eff3f7;padding:4px}.tab-pills button{border:0;background:transparent;border-radius:7px;padding:9px 13px;color:#8696a8;font-size:11px;font-weight:800}.tab-pills button.active{background:#fff;color:#286083;box-shadow:0 2px 6px #1a344410}.sim-add{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:12px;align-items:end}.sim-add .field{min-width:0}.sim-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}.sim-list{display:grid;gap:9px;margin-top:14px}.sim-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #e5ebf1;border-radius:9px;background:#fbfcfe;font-size:11.5px}.sim-item strong{font-weight:750}.sim-item small{display:block;color:#8fa0b0;margin-top:4px}.slot-list{display:flex;flex-wrap:wrap;gap:8px}.slot-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:7px;border:1px solid #dde5ed;border-radius:8px;padding:7px 9px;font-size:11px;color:#647c8b;background:#fff}.slot-toggle:has(input:checked){background:#fff2f3;border-color:#e5a5ad;color:#a34959}.slot-toggle input{accent-color:#bc5664}.result-block{border:1px solid #e6ecf2;border-radius:12px;margin-bottom:12px;overflow:hidden}.result-head{background:#f8fafc;border-bottom:1px solid #e6ecf2;padding:13px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px}.result-head strong{font-size:12px}.result-head small{color:#8392a4;font-size:10px}.assignment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}.assignment{border:1px solid #e7edf3;border-radius:8px;padding:10px 12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px}.assignment .role{font-size:11px;font-weight:750;color:#43596b}.assignment .person{font-size:11px;color:#4c7d9a;margin-top:4px}.assignment.empty-slot{background:#fbfcfe;border-style:dashed;opacity:.7}.muted-info{font-size:11px;color:#8395a6}.mail-result{background:#f8fbfd;border:1px solid #deebf3;padding:17px;border-radius:11px}.mail-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mail-kv span{display:block;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#94a3b3;margin-bottom:5px}.mail-kv strong{display:block;font-size:12px;color:#2b4358}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.setting-heading{display:flex;align-items:center;gap:12px;margin-bottom:19px}.setting-heading .metric-icon{margin:0}.setting-heading h2{font-size:15px;margin:0 0 4px}.setting-heading p{font-size:11px;color:#93a2b2;margin:0}.divider{height:1px;background:#e8edf2;margin:20px 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0}.toggle-row strong{font-size:12px}.toggle-row small{display:block;margin-top:4px;color:#8c9cae;font-size:10.5px}.toggle{appearance:none;width:38px;height:22px;background:#d5dfe8;border-radius:20px;position:relative;cursor:pointer;transition:.2s;flex:none}.toggle:after{content:"";position:absolute;background:#fff;box-shadow:0 1px 4px #0002;top:3px;left:3px;width:16px;height:16px;border-radius:50%;transition:.2s}.toggle:checked{background:#139c97}.toggle:checked:after{left:19px}.timeblock-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid #edf1f5}.timeblock-row:last-child{border:0}.timeblock-row strong{font-size:11.5px;min-width:100px;color:#455d71}.timeblock-row input{max-width:155px;padding:8px 10px}.modal-backdrop{position:fixed;inset:0;background:#102535a8;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.modal{background:#fff;width:min(650px,100%);max-height:min(90vh,950px);overflow:auto;border-radius:17px;box-shadow:0 25px 80px #0003}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #e9eef4;gap:15px}.modal-head h2{margin:0;font-size:19px;letter-spacing:-.4px}.modal-head p{font-size:11.5px;color:#8b9aab;margin:6px 0 0}.modal-body{padding:24px 25px}.modal-close{border:0;background:#f3f6f9;color:#7d8e9d;width:30px;height:30px;border-radius:8px;font-size:18px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf1f5;padding:17px 25px}.toast{position:fixed;bottom:25px;right:25px;background:#17344a;color:#fff;max-width:380px;padding:13px 17px;border-radius:11px;box-shadow:0 12px 32px #1c364c44;font-size:12px;z-index:60}.toast.error{background:#a73f51}.highlight-box{border:1px solid #d4e6ee;background:#f0f8fb;border-radius:12px;padding:18px}.code-box{background:#102a3f;color:#bedbe9;border-radius:9px;padding:15px;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.footer-note{margin-top:28px;text-align:center;color:#a2adba;font-size:10px}.search-box{position:relative;width:250px;max-width:100%}.search-box svg{position:absolute;left:11px;top:10px;width:16px;height:16px;color:#a2b0be}.search-box input{padding-left:34px}.mobile-overlay{display:none}
@media(max-width:1200px){main{padding:29px 28px 65px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:230px;flex-basis:230px}.priority-row{gap:9px}.assignment-list{grid-template-columns:1fr}}
@media(max-width:850px){.sidebar{position:fixed;left:0;transform:translateX(-100%);transition:transform .2s;width:265px;height:100vh}.sidebar.open{transform:translateX(0)}.main-frame{width:100%}.mobile-menu{display:block}.topbar{height:62px;padding:0 20px}.top-status{display:none}main{padding:27px 20px 55px}.page-heading{flex-direction:column}.grid-2,.grid-3{grid-template-columns:1fr}.sim-add{grid-template-columns:1fr 1fr}.sim-add .btn{grid-column:1/-1}.mobile-overlay.visible{display:block;position:fixed;inset:0;background:#10253577;z-index:19}.hero{min-height:0;padding:23px;flex-direction:column;align-items:flex-start}.hero h2{font-size:23px}}
@media(max-width:590px){.grid-4,.priority-row,.form-grid,.checkbox-grid,.mail-result-grid{grid-template-columns:1fr}.sim-add{grid-template-columns:1fr}.page-heading h1{font-size:25px}.card-pad,.card-head{padding:18px}.card-body{padding:0 18px 18px}.header-actions{width:100%}.header-actions .btn{flex:1}.metric{padding:18px}.topbar-actions{gap:8px}.assignment-list{grid-template-columns:1fr}.result-head{align-items:flex-start;flex-direction:column}.modal-body{padding:19px}.modal-footer{padding:15px}.sim-toolbar{align-items:flex-start;flex-direction:column}.search-box{width:100%}}

/* Synology edition: authenticated, database-backed planning controls. */
[hidden]{display:none!important}
.login-overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#1a6474 0,#0b2033 46%,#061423 100%);z-index:100;padding:22px}
.login-box{background:#fff;border-radius:20px;box-shadow:0 30px 90px #0006;max-width:420px;width:100%;padding:40px;display:flex;flex-direction:column;gap:15px}
.login-emblem{display:inline-grid;place-items:center;color:#e2f9fa;background:#0f6c7e;border-radius:12px;width:60px;height:55px;font-size:22px;font-weight:900;letter-spacing:-1px}
.login-emblem span{color:#5fd1cc}.login-box h1{font-size:27px;letter-spacing:-1px;margin:7px 0 0}.login-box p{font-size:12px;color:#8494a3;margin:0 0 7px}
.login-box label{font-size:11px;font-weight:750}.login-box input{border:1px solid #cfdbe7;border-radius:9px;padding:13px}.login-box .btn{margin-top:8px;padding:13px}.login-box small{color:#bb4c5e;min-height:17px}
.stateline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.statsplit{border-left:1px solid #e5eaf1;padding-left:12px}
.schedule-scroll{overflow-x:auto;max-height:70vh;overflow-y:auto}.schedule-table{border-collapse:separate;border-spacing:0;min-width:1000px;width:100%;font-size:11px}
.schedule-table th{position:sticky;top:0;background:#eef4f8;z-index:2;white-space:nowrap;text-align:left;padding:10px 12px;border-bottom:1px solid #dce6ef}
.schedule-table td{padding:9px 12px;border-bottom:1px solid #e8edf2;border-right:1px solid #f0f3f6;min-width:100px;vertical-align:top}
.schedule-table th:first-child{position:sticky;left:0;z-index:4}.schedule-table td:first-child{position:sticky;left:0;background:#fff;z-index:1;font-weight:800;color:#627789;min-width:135px}
.schedule-table .filled{background:#e9f9f2;color:#147552;font-weight:750}.schedule-table .empty-cell{color:#c1ccd6}.schedule-table .p1-head{border-top:3px solid #d46b7b}.schedule-table .p2-head{border-top:3px solid #dbaf55}.schedule-table .p3-head{border-top:3px solid #9cacc2}
.schedule-table .hours-total{background:#f3f8fb;font-weight:800}
.change-list{display:grid;gap:7px}.change-row{display:grid;grid-template-columns:145px 1fr 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid #e8eef4;border-radius:8px;font-size:11px}
.change-row strong{color:#267a8c}.mail-row{display:grid;grid-template-columns:1.2fr 2fr 105px auto;align-items:center;gap:14px;padding:15px;border-top:1px solid #e8eef3;font-size:11px}
.mail-row:first-child{border-top:0}.mail-row p{font-size:10px;color:#879aab;margin:5px 0 0;line-height:1.5}.mail-row .subject{font-weight:750;overflow-wrap:anywhere}
.inline-fields{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-fields .field{min-width:160px;flex:1}.empty-mini{color:#91a1b1;font-size:12px;padding:24px;text-align:center}
.text-danger{color:#bf5364}.text-success{color:#118466}.small-print{font-size:10px;color:#8798a9;line-height:1.6}.field small{color:#90a0b1;font-size:10px;line-height:1.5}
@media(max-width:850px){.mail-row{grid-template-columns:1fr 90px}.mail-row .subject{grid-column:1/-1}.change-row{grid-template-columns:1fr}.login-box{padding:27px}}