@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap";.engineer-shell{color:#18362b;background:#f5f7f4;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.engineer-sidebar{color:#dce9e2;background:#102c24;flex-direction:column;padding:1.5rem;display:flex}.engineer-sidebar>.brand{color:#fff;margin-bottom:2.5rem}.engineer-profile{background:#1a3d32;border-radius:12px;align-items:center;gap:.8rem;padding:.85rem;display:flex}.profile-mark{color:#174f3d;background:#d8eee0;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.engineer-profile b,.engineer-profile small{display:block}.engineer-profile small{color:#9eb4aa;margin-top:.2rem}.sidebar-note{color:#b7c9c0;align-items:center;gap:.55rem;margin-top:1.2rem;padding:.4rem;font-size:.85rem;display:flex}.online-dot{background:#41c98b;border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 4px #41c98b22}.engineer-sidebar .logout{margin-top:auto}.engineer-main{width:min(1180px,100%);margin:0 auto;padding:2.4rem}.engineer-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.engineer-header small{letter-spacing:.14em;color:#718078;font-weight:700}.engineer-header h1{margin:.4rem 0;font:700 2rem Space Grotesk}.engineer-header p,.section-heading p{color:#738078;margin:.25rem 0}.engineer-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem;display:grid}.engineer-summary article{background:#fff;border:1px solid #e0e5e0;border-radius:14px;gap:.6rem;padding:1.15rem 1.3rem;display:grid}.engineer-summary article>span{color:#718078}.engineer-summary strong{color:#174f3d;font:700 1.7rem Space Grotesk}.engineer-summary .monitoring-value{align-items:center;gap:.55rem;font:600 1rem DM Sans,sans-serif;display:flex}.engineer-panel{margin-top:1.2rem;padding:1.4rem}.section-heading{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-heading h2{margin:0;font:600 1.2rem Space Grotesk}.count-tag{color:#174f3d;background:#e6f1e9;border-radius:99px;padding:.32rem .65rem;font-weight:700}.engineer-alert-list{gap:.75rem;display:grid}.engineer-alert{border:1px solid #e6ebe7;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.alert-symbol,.call-row-icon{color:#1c6249;background:#edf5ef;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.alert-copy{flex:1;min-width:0}.alert-title-line{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.alert-title-line h3{margin:0;font-size:1rem}.alert-copy>p{color:#68756e;margin:.5rem 0}.alert-meta{color:#718078;flex-wrap:wrap;gap:1.2rem;font-size:.82rem;display:flex}.alert-meta span{align-items:center;gap:.35rem;display:inline-flex}.alert-meta svg{width:14px;height:14px}.priority-chip,.state-chip{color:#174f3d;background:#e3eee7;border-radius:99px;align-items:center;padding:.28rem .55rem;font-size:.74rem;font-weight:700;display:inline-flex}.priority-chip.critical{color:#a33527;background:#ffe4df}.priority-chip.high{color:#8b5a0a;background:#fff0d6}.empty-state{color:#718078;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-height:150px;display:flex}.empty-state svg{color:#7d9c8b;width:25px;height:25px}.empty-state b{color:#345346}.empty-state.compact{min-height:90px}.engineer-call-list{display:grid}.engineer-call-row{border-bottom:1px solid #e9eeea;align-items:center;gap:.9rem;min-height:68px;padding:.65rem 0;display:flex}.engineer-call-row:last-child{border-bottom:0}.call-row-copy{flex:1;gap:.28rem;min-width:140px;display:grid}.call-row-copy span{color:#718078;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.state-chip.completed,.state-chip.acknowledged{color:#205c3a;background:#e5f3e9}.state-chip.created,.state-chip.ringing{color:#8b5a0a;background:#fff0d6}.text-button{color:#174f3d;background:0 0;padding:.5rem}.incoming-backdrop,.browser-call-backdrop{z-index:20;background:#081610d9;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.incoming-card,.browser-call-card{text-align:center;background:#fff;border-radius:24px;width:min(440px,95vw);padding:2rem;box-shadow:0 28px 90px #0005}.incoming-wave{color:#17603e;background:#e2f4e9;border-radius:50%;place-items:center;width:82px;height:82px;margin:0 auto 1.2rem;animation:1.6s infinite ring-pulse;display:grid}.incoming-wave svg{width:34px;height:34px}.incoming-label{letter-spacing:.15em;color:#27724f;font-size:.72rem;font-weight:800}.incoming-card h2,.browser-call-card h2{margin:.65rem 0;font:700 1.5rem Space Grotesk}.incoming-card>p{color:#718078;justify-content:center;align-items:center;gap:.4rem;display:flex}.incoming-actions{justify-content:center;gap:1rem;margin:1.8rem 0 1rem;display:flex}.incoming-actions button{border-radius:99px;justify-content:center;min-width:130px;padding:.85rem 1.1rem}.reject-call{background:#bd3b36}.accept-call{background:#18804f}.incoming-card>small,.browser-call-card>small{color:#87938c}.browser-call-backdrop audio{display:none}.browser-call-card{color:#f5fbf7;background:#102c24;padding:2.4rem}.call-orb{background:#1a4235;border-radius:50%;place-items:center;width:116px;height:116px;margin:0 auto 1.25rem;display:grid;box-shadow:0 0 0 12px #ffffff08,0 0 0 25px #ffffff05}.call-orb span{color:#a4f1c2;background:#28614c;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.call-orb svg{width:34px;height:34px}.browser-call-card>small:first-of-type{letter-spacing:.14em;color:#a7c4b6;font-size:.72rem;font-weight:700}.browser-call-card h2{color:#fff}.browser-call-card>p{color:#a9c0b5}.call-live-status{color:#b7d2c4;justify-content:center;align-items:center;gap:.55rem;margin:1.5rem auto .6rem;display:flex}.browser-call-card time{font-variant-numeric:tabular-nums;margin:1rem;font:500 2.5rem Space Grotesk;display:block}.browser-call-actions{justify-content:center;gap:.7rem;margin:2rem 0 1.3rem;display:flex}.browser-call-actions button{background:#285244;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-width:78px;min-height:70px;padding:.7rem;display:flex}.browser-call-actions button span{font-size:.72rem}.browser-call-actions .control-on{color:#174f3d;background:#dff1e6}.browser-call-actions .end-call{color:#fff;background:#bd3b36;min-width:92px}.call-error{font-size:.82rem}.modal{z-index:30}@keyframes ring-pulse{50%{box-shadow:0 0 0 12px #41c98b22}}@media (width<=760px){.engineer-shell{grid-template-columns:1fr}.engineer-sidebar{display:none}.engineer-main{padding:1.1rem}.engineer-header{align-items:flex-start}.engineer-header .secondary{padding:.65rem}.engineer-summary{gap:.55rem}.engineer-summary article{padding:.85rem}.engineer-summary article>span{font-size:.78rem}.engineer-summary strong{font-size:1.4rem}.engineer-panel{padding:1rem}.engineer-call-row{flex-wrap:wrap;gap:.55rem}.engineer-call-row .state-chip{margin-left:auto}.engineer-call-row .text-button{margin-left:3.2rem}.incoming-card{padding:1.5rem}.browser-call-card{padding:1.6rem}}:root{color:#18201d;font-synthesis:none;background:#f1f4ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#174f3d;border:0;border-radius:9px;align-items:center;gap:.5rem;padding:.72rem 1rem;font-weight:600;display:inline-flex}button svg{width:18px}.login{background:radial-gradient(circle at 20% 15%,#d9eadd,#0000 35%),#f7f5ee;place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border-radius:20px;width:min(420px,90vw);padding:2.5rem;box-shadow:0 22px 70px #1d3d2b1c}.brand{color:#174f3d;align-items:center;gap:.7rem;font:700 1.25rem Space Grotesk;display:flex}.login h1{margin:2.2rem 0 .4rem;font:700 2rem Space Grotesk}.login p{color:#6f7973}.login label{gap:.4rem;margin-top:1rem;font-weight:600;display:grid}.login input{border:1px solid #cad2cc;border-radius:9px;padding:.85rem}.login button{justify-content:center;width:100%;margin-top:1.5rem}.error{color:#9b2b20;background:#ffe9e5;border-radius:8px;margin:1rem 0;padding:.8rem 1rem}.success{color:#17603e;background:#e3f3e8;border-radius:8px;margin:1rem 0;padding:.8rem 1rem}.shell{grid-template-columns:235px 1fr;min-height:100vh;display:grid}.shell aside{color:#dce9e2;background:#102c24;flex-direction:column;padding:1.6rem;display:flex}.shell aside .brand{color:#fff;margin-bottom:2.5rem}.shell nav{gap:.35rem;display:grid}.shell nav button,.logout{color:#a9bbb4;background:0 0;justify-content:flex-start}.shell nav button.active,.shell nav button:hover{color:#fff;background:#245044}.logout{margin-top:auto}.shell main{padding:2.4rem;overflow:auto}.shell header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.shell h1{margin:.2rem 0;font:700 2rem Space Grotesk}.shell header small{letter-spacing:.15em;color:#718078}.secondary{color:#29463c;background:#fff;border:1px solid #d8ded9}.cards{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.card,.panel{background:#fff;border:1px solid #e0e5e0;border-radius:14px;padding:1.3rem}.card{gap:1rem;display:grid}.card span{color:#68756e}.card strong{color:#174f3d;font:700 2.3rem Space Grotesk}.panel{margin-top:1.2rem}.panel h2{font:600 1.2rem Space Grotesk}.table{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #e8ece9;padding:1rem}th{text-transform:uppercase;letter-spacing:.08em;color:#718078;font-size:.75rem}.pill{color:#174f3d;background:#e3eee7;border-radius:99px;padding:.28rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.empty{text-align:center;color:#718078}.alert-actions{align-items:center;gap:.6rem;display:flex}.alert-actions select{background:#fff;border:1px solid #cad2cc;border-radius:9px;min-width:150px;padding:.7rem}.alert-actions button:disabled,.alert-actions select:disabled{opacity:.6;cursor:not-allowed}.modal{background:#0a1712aa;place-items:center;display:grid;position:fixed;inset:0}.modal section{background:#fff;border-radius:16px;width:min(560px,90vw);max-height:80vh;padding:1.7rem;overflow:auto}.message{border-bottom:1px solid #eee;grid-template-columns:100px 1fr;gap:1rem;padding:.8rem 0;display:grid}.training{padding:1.3rem}.training-head{justify-content:space-between;align-items:center;display:flex}.training-head h2{margin:.2rem 0}.training-head p{color:#68756e;margin:.3rem 0 1rem}.training-row{border-top:1px solid #e8ece9;grid-template-columns:minmax(240px,1fr) minmax(480px,2fr);gap:1rem;padding:1rem 0;display:grid}.training-copy{gap:.35rem;display:grid}.training-copy small{color:#718078}.training-controls{grid-template-columns:2fr 1.4fr 1fr auto auto;align-items:center;gap:.5rem;display:grid}.training-controls input,.training-controls select{background:#fff;border:1px solid #cad2cc;border-radius:8px;min-width:0;padding:.68rem}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.training-row{grid-template-columns:1fr}.training-controls{grid-template-columns:1fr 1fr}.training-controls input{grid-column:1/-1}}@media (width<=850px){.shell{grid-template-columns:1fr}.shell aside{display:none}.shell main{padding:1rem}.cards{grid-template-columns:repeat(2,1fr)}}