@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0e0b;--panel:#141a14;--panel2:#192119;--line:#2a3529;--muted:#829080;--text:#e4eadf;--green:#a7e36b;--green2:#6d9f43;--amber:#e7b35b;--red:#d87568;--mono:'IBM Plex Mono',monospace;--sans:'Space Grotesk',sans-serif;--shadow:0 18px 50px #0007}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}body{background-image:radial-gradient(ellipse at 15% 0%,#26382135,transparent 40%),linear-gradient(135deg,#0b0e0b,#101610 55%,#0b0e0b);font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}.hidden{display:none!important}.boot-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at center,#24301f 0%,#0b0e0b 65%);overflow:hidden}.boot-card{position:relative;z-index:2;width:min(470px,calc(100% - 36px));padding:42px 38px 30px;text-align:center;border:1px solid #566c45;border-radius:8px;background:linear-gradient(145deg,#182119,#0d130e);box-shadow:0 0 80px #91c95a16,inset 0 0 35px #9bc76a08}.boot-mark{width:72px;height:72px;margin:0 auto 22px;border:1px solid #6b8c51;border-radius:18px;display:grid;place-items:center;position:relative;color:var(--green);font-size:34px;background:#1d2b1a}.mark-led{position:absolute;width:8px;height:8px;right:8px;bottom:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.eyebrow,.panel-kicker,.sidebar-section-label{font:600 10px var(--mono);letter-spacing:1.45px;color:#91a28b}.boot-card h1{font:700 clamp(34px,8vw,48px) var(--mono);letter-spacing:-3px;margin:10px 0;color:#e9f0e2}.boot-card h1 span{color:var(--green)}.boot-copy{font:11px var(--mono);color:#9aa895;letter-spacing:.7px;line-height:1.8}.boot-progress{height:3px;background:#34422f;margin:30px 0 25px;overflow:hidden}.boot-progress span{display:block;width:70%;height:100%;background:var(--green);box-shadow:0 0 12px var(--green)}.boot-start{width:100%;justify-content:space-between!important}.boot-foot{font:9px var(--mono);color:#687565;margin:24px 0 0}.boot-scanlines{position:absolute;inset:0;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#c6e2b5 4px)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;border-bottom:1px solid var(--line);background:#101610ed;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:225px}.brand-icon{height:34px;width:34px;border:1px solid #567746;background:#1d2b1a;border-radius:7px;display:grid;place-items:center;color:var(--green);font-size:19px}.brand-lockup strong{display:block;font:700 13px var(--mono);letter-spacing:1px}.brand-lockup small{display:block;color:#71806d;font:9px var(--mono);letter-spacing:1px;margin-top:3px}.topbar-center{display:flex;align-items:center;gap:10px;color:#a5b09f;font:10px var(--mono);letter-spacing:1px}.live-dot,.tiny-led,.system-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #9bdb5c88}.topbar-divider{color:#465142}.topbar-actions{display:flex;align-items:center;gap:9px}.icon-button{height:33px;min-width:34px;border:1px solid var(--line);background:#172017;color:#aebaa7;border-radius:6px;font:12px var(--mono)}.icon-button:hover,.nav-item:hover{border-color:#526d42;color:var(--green)}.avatar-chip{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:.6px;color:#9ca996;margin-left:8px}.avatar-initial{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#33472b;color:var(--green);font-weight:700}.workspace{flex:1;display:grid;grid-template-columns:218px minmax(0,1fr);min-height:calc(100vh - 88px)}.sidebar{border-right:1px solid var(--line);background:#101610;display:flex;flex-direction:column;padding:24px 13px 15px;gap:5px}.sidebar-section-label{padding:0 11px;margin:4px 0 8px}.nav-item{height:41px;width:100%;display:flex;align-items:center;gap:11px;padding:0 11px;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;color:#aab5a3;font-size:12px}.nav-item.active{background:#202c1d;border-color:#344b2b;color:var(--green)}.nav-icon{font-size:17px;width:19px;text-align:center;color:#8fa184}.nav-item kbd{margin-left:auto;border:1px solid #3a4637;border-radius:3px;padding:2px 5px;color:#73806f;font:9px var(--mono)}.nav-badge{margin-left:auto;background:#6e3e34;color:#ffb1a4;border-radius:10px;padding:2px 6px;font:9px var(--mono)}.external-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);margin-left:auto}.sidebar-divider{height:1px;background:var(--line);margin:16px 8px}.sidebar-bottom{margin-top:auto}.system-card{border:1px solid #2d3b2a;background:#151e14;border-radius:6px;padding:11px;display:flex;gap:9px;align-items:center;margin:0 3px 12px}.system-led{flex:none}.system-card strong{display:block;font:9px var(--mono);letter-spacing:.8px}.system-card small{display:block;color:#7f8d78;font:9px var(--mono);margin-top:4px}.nav-settings{margin-top:2px}.main-stage{min-width:0;padding:27px clamp(18px,3vw,42px) 36px;max-width:1700px;width:100%;margin:0 auto}.view{animation:fadeIn .22s ease}@keyframes fadeIn{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h2{font-size:27px;letter-spacing:-1.1px;margin:6px 0 5px}.subheading{margin:0;color:#899786;font-size:12px}.compact-heading{margin-bottom:18px}.btn{border:1px solid transparent;border-radius:5px;padding:11px 15px;font:600 10px var(--mono);letter-spacing:.7px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.16s}.btn-primary{background:var(--green);color:#162010;border-color:#b8f17e;box-shadow:0 3px 14px #a7e36b18}.btn-primary:hover{background:#c0f18d;transform:translateY(-1px)}.btn-secondary{background:#202a1e;color:#b8c5af;border-color:#3b4a35}.btn-secondary:hover{border-color:#7d9c61;color:var(--green)}.btn-accept{background:#9ad75d;color:#17210f;border-color:#b7ef7c;min-width:112px}.btn-decline{background:#2b1c1a;color:#e9a197;border-color:#61352e;min-width:112px}.btn-danger{background:#482722;color:#ffc0b4;border-color:#764036}.btn-danger:hover{background:#63352e}.btn-wide{width:100%}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{background:linear-gradient(145deg,#172018,#131913);border:1px solid var(--line);border-radius:7px;padding:15px 16px;min-height:110px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#8b9a84;font:9px var(--mono);letter-spacing:1px}.stat-symbol{color:var(--green);font-size:17px}.stat-card>strong{display:block;font:600 25px var(--mono);letter-spacing:-1px;margin:8px 0 3px;color:#e6eee0}.stat-card>small{color:#75836f;font-size:10px}.mini-progress,.progress-track{height:5px;background:#2b3828;border-radius:10px;overflow:hidden;margin:9px 0 5px}.mini-progress span,.progress-track span{display:block;height:100%;width:0;background:var(--green);border-radius:10px;transition:width .3s}.desk-grid{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.9fr);gap:14px}.panel{background:linear-gradient(145deg,#171f17,#131913);border:1px solid var(--line);border-radius:7px;min-width:0;box-shadow:0 8px 30px #00000014}.phone-panel,.shift-panel,.recent-panel,.memo-panel{padding:17px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading h3,.conversation-head h3{font-size:16px;margin:4px 0 0;letter-spacing:-.3px}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:5px 8px;font:9px var(--mono);letter-spacing:.8px;border:1px solid}.pill-muted{background:#202820;color:#9ba896;border-color:#344132}.pill-green{background:#1e2d18;color:var(--green);border-color:#415e31}.pill-amber{background:#30271a;color:var(--amber);border-color:#66502d}.phone-display{min-height:225px;border:1px solid #354432;border-radius:5px;background:radial-gradient(ellipse at center,#1d2c1b,#101810 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:15px}.phone-art{width:72px;height:72px;position:relative;display:grid;place-items:center;margin-bottom:11px}.phone-ring{width:55px;height:55px;border-radius:50%;border:1px solid #617a4e;background:#23351f;display:grid;place-items:center;color:var(--green);font-size:28px;z-index:1}.ring-wave{position:absolute;inset:0;border:1px solid #8bc45d;border-radius:50%;opacity:0}.ring-wave.wave-one{animation:ring 2.6s infinite}.ring-wave.wave-two{animation:ring 2.6s 1.3s infinite}@keyframes ring{0%{transform:scale(.65);opacity:.55}100%{transform:scale(1.6);opacity:0}}.phone-display-title{font:600 11px var(--mono);letter-spacing:1.3px;color:#dce8d3;margin:3px 0}.phone-display-sub{font-size:10px;color:#82927b;margin:4px 0 0}.caller-preview{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 15px;border:1px solid #435b35;background:#1b2919;border-radius:5px;min-width:210px}.caller-avatar{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:#394c2e;color:#d0efa9;font:700 15px var(--mono)}.caller-preview strong,.caller-preview small{display:block}.caller-preview strong{font-size:12px}.caller-preview small{font:9px var(--mono);color:#93a48a;margin-top:3px}.phone-actions{display:flex;gap:8px;margin-top:16px}.phone-footer{display:flex;justify-content:space-between;margin-top:13px;color:#768471;font:9px var(--mono);letter-spacing:.7px}.phone-footer span:first-child{display:flex;align-items:center;gap:7px}.tiny-led{width:5px;height:5px}.panel-icon{color:#91a77e;font-size:18px}.assignment-card{display:flex;gap:11px;padding:13px;background:#1b2619;border:1px solid #34462d;border-radius:5px}.assignment-icon{height:37px;width:37px;display:grid;place-items:center;background:#293b22;border-radius:5px;color:var(--green);font-size:20px;flex:none}.assignment-card strong{font:600 10px var(--mono);letter-spacing:.8px}.assignment-card p{margin:5px 0 0;color:#91a08a;font-size:10px;line-height:1.5}.shift-meta{display:flex;justify-content:space-between;margin:17px 0}.shift-meta span,.shift-progress-label{display:block;color:#81907a;font:9px var(--mono);letter-spacing:.8px}.shift-meta strong{display:block;margin-top:5px;font:600 19px var(--mono)}.shift-progress-label{display:flex;justify-content:space-between}.shift-progress-label strong{color:#dce8d5}.shift-panel>.btn{margin-top:12px}.recent-panel{min-height:200px}.text-button{border:0;background:none;color:#9fca75;font:9px var(--mono);letter-spacing:.6px;padding:5px}.text-button:hover{color:#d1f4a7}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #263126}.activity-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:#263421;color:var(--green);font-size:14px;flex:none}.activity-copy{flex:1;min-width:0}.activity-copy strong{display:block;font-size:11px}.activity-copy small{display:block;color:#84917d;font:9px var(--mono);margin-top:3px}.activity-amount{font:600 11px var(--mono);color:var(--green)}.empty-state{text-align:center;padding:24px 10px;color:#83917c}.empty-state>span{font-size:22px;color:#718667}.empty-state p{margin:7px 0 3px;font-size:11px}.empty-state small{font-size:10px;color:#687765}.memo-panel{min-height:200px}.desk-note{width:100%;height:105px;resize:vertical;border:1px solid #35422f;border-radius:4px;background:#1b2419;color:#dce8d5;padding:11px;font:12px var(--mono);outline:none}.desk-note:focus,.notepad-large textarea:focus{border-color:#739b53}.note-footer{display:flex;justify-content:space-between;color:#71806c;font:9px var(--mono);margin-top:9px}.statusbar{height:24px;background:#111711;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#75826e;font:8px var(--mono);letter-spacing:.5px}.statusbar span:first-child{display:flex;align-items:center;gap:7px}.call-layout{display:grid;grid-template-columns:230px minmax(350px,1fr) 220px;gap:13px;align-items:stretch}.caller-panel,.call-tools-panel{padding:16px}.caller-profile-empty{min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}.big-phone-icon{width:68px;height:68px;border:1px solid #40513a;background:#1d2a1a;border-radius:50%;display:grid;place-items:center;font-size:29px;color:var(--green);margin-bottom:14px}.caller-profile-empty strong{font-size:13px}.caller-profile-empty p{color:#84917d;font-size:10px;line-height:1.6;max-width:175px}.caller-profile{text-align:center;padding:12px 3px}.profile-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#536b3f,#293b25);border:3px solid #374b2d;color:#e0f4c8;font:700 30px var(--mono);margin:0 auto 12px}.caller-profile h3{font-size:16px;margin:0 0 5px}.caller-profile>p{color:#8f9b88;font-size:10px;line-height:1.5;margin:0 auto 12px;max-width:190px}.profile-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-bottom:22px}.profile-tag{font:8px var(--mono);padding:4px 6px;border:1px solid #3b4936;border-radius:3px;color:#a8b79d}.caller-meter{text-align:left;margin:15px 0}.caller-meter>div:first-child{display:flex;justify-content:space-between;font:9px var(--mono);color:#899783;margin-bottom:7px}.caller-meter strong{color:#d9e5d1;font-weight:500}.meter{height:5px;border-radius:8px;background:#2b3829;overflow:hidden}.meter span{display:block;width:50%;height:100%;background:var(--amber);transition:width .25s}.trust-meter span{background:#8fc65d}.patience-meter span{background:#c2a05e}.conversation-panel{display:flex;flex-direction:column;min-height:570px;overflow:hidden}.conversation-head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.conversation-tools{display:flex;align-items:center;gap:9px}.connection-status{font:8px var(--mono);color:#8c9b83;display:flex;align-items:center;gap:6px}.connection-status i{width:5px;height:5px;background:var(--green);border-radius:50%}.icon-button.small{height:27px;min-width:28px}.chat-messages{flex:1;min-height:270px;max-height:390px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-welcome{margin:auto;text-align:center;color:#8a9882;max-width:260px}.welcome-icon{width:45px;height:45px;margin:0 auto 11px;display:grid;place-items:center;border:1px solid #3d5134;border-radius:50%;color:var(--green);font-size:22px;background:#1d291a}.chat-welcome strong{font-size:12px;color:#cbd8c2}.chat-welcome p{font-size:10px;line-height:1.6}.message{display:flex;gap:8px;max-width:88%;animation:fadeIn .18s ease}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#2c3c25;color:#bde88c;font:10px var(--mono);flex:none}.message.user .message-avatar{background:#34443a;color:#c4d7c2}.message-body{min-width:0}.message-meta{font:8px var(--mono);color:#879480;margin:0 0 5px 2px}.message.user .message-meta{text-align:right;margin-right:2px}.message-bubble{padding:10px 12px;border-radius:3px 8px 8px 8px;background:#202a1e;border:1px solid #35432f;color:#dce7d5;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .message-bubble{background:#293629;border-color:#40533c;border-radius:8px 3px 8px 8px}.typing-dots{display:flex;gap:4px;padding:12px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:#a7e36b;animation:typing .8s infinite alternate}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes typing{to{opacity:.25;transform:translateY(-3px)}}.suggestion-area{padding:10px 15px 12px;border-top:1px solid #283327;background:#151c14}.suggestion-heading{display:flex;justify-content:space-between;align-items:center;color:#a6c78c;font:9px var(--mono);letter-spacing:.8px;margin-bottom:8px}.suggestion-list{display:flex;flex-wrap:wrap;gap:6px}.suggestion-chip{border:1px solid #40523a;background:#202c1c;color:#c9dbbe;border-radius:4px;padding:7px 9px;text-align:left;font-size:9px;line-height:1.4}.suggestion-chip:hover{border-color:#9ac76b;color:#e3f6d1;background:#293923}.suggestion-placeholder{color:#71806b;font-size:9px}.composer{display:flex;align-items:center;gap:8px;padding:11px 14px 7px;background:#101710}.composer input{flex:1;min-width:0;background:#202a1e;border:1px solid #3a4934;border-radius:4px;color:#e1eadb;padding:11px 12px;outline:none;font-size:11px}.composer input:focus{border-color:#8ebc61}.composer-tool,.send-button{height:36px;width:38px;border-radius:4px;border:1px solid #3b4b34;background:#202b1d;color:#b4ca9f;font-size:15px}.composer-tool.recording{background:#4b2b25;border-color:#9b5143;color:#ffb4a5;animation:pulse 1s infinite}.send-button{background:var(--green);border-color:#b8ef80;color:#17210f;font-size:18px}.composer-hint{display:flex;justify-content:space-between;padding:0 15px 10px;background:#101710;color:#6e7d68;font:8px var(--mono);letter-spacing:.4px}.call-tools-panel{display:flex;flex-direction:column;gap:8px}.tool-row{display:flex;align-items:center;gap:9px;width:100%;padding:11px 8px;border:1px solid #2f3b2c;background:#192119;color:#d7e1d0;border-radius:4px;text-align:left}.tool-row:hover{border-color:#657d4c}.tool-icon{font-size:17px;color:var(--green)}.tool-row span:nth-child(2){flex:1}.tool-row strong,.tool-row small{display:block}.tool-row strong{font-size:10px}.tool-row small{font-size:8px;color:#83917d;margin-top:4px}.tool-row>span:last-child{color:#7f9175}.call-outcome{margin-top:auto;padding:13px;border:1px dashed #45513c;border-radius:4px;background:#192118}.call-outcome strong{display:block;font-size:12px;margin:7px 0 4px}.call-outcome small{color:#819078;font-size:9px;line-height:1.5}.caller-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.caller-card{padding:16px;background:#172017;border:1px solid var(--line);border-radius:6px}.caller-card-top{display:flex;align-items:center;gap:11px}.caller-card .profile-avatar{width:48px;height:48px;font-size:18px;margin:0}.caller-card h3{font-size:13px;margin:0 0 4px}.caller-card small{color:#83917c;font:8px var(--mono)}.caller-card p{color:#98a591;font-size:10px;line-height:1.55;min-height:47px}.notepad-large{padding:15px}.notepad-toolbar{display:flex;justify-content:space-between;color:#82927b;font:9px var(--mono);padding:3px 0 12px}.notepad-large textarea{width:100%;height:55vh;min-height:300px;resize:vertical;background:#101710;border:1px solid #34412f;border-radius:4px;padding:16px;color:#dce7d5;outline:none;font:12px/1.8 var(--mono)}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.shop-card{padding:17px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(145deg,#182119,#121812)}.shop-art{height:90px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#2a3a25,#172018);border:1px solid #34432f;border-radius:5px;font-size:35px;color:var(--green);margin-bottom:14px}.shop-card h3{font-size:13px;margin:0 0 5px}.shop-card p{font-size:10px;color:#8c9a85;line-height:1.5;min-height:44px}.shop-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.wallet-pill{background:#1b2818;border:1px solid #405438;padding:9px 12px;border-radius:5px;color:var(--green);font:11px var(--mono)}.wallet-pill strong{color:#e4efd9}.report-panel{padding:17px}.stats-grid-wide{margin-top:4px}.perchance-panel{padding:0;overflow:hidden}.perchance-toolbar{height:45px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.8px}.perchance-toolbar>div{display:flex;align-items:center;gap:9px}.perchance-frame-wrap{height:min(68vh,720px);min-height:440px;position:relative;background:#f5f5f5}.perchance-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:white}.perchance-loading{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#111810;color:#c8d8bf;text-align:center;pointer-events:none}.perchance-loading small{max-width:330px;color:#87947f;font-size:10px;line-height:1.5}.spinner{width:25px;height:25px;border:2px solid #3a4b32;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.perchance-notice{padding:13px 16px;background:#201d15;border-top:1px solid #50422a}.perchance-notice strong{font:10px var(--mono);color:var(--amber)}.perchance-notice p{font-size:10px;color:#b5a98e;line-height:1.6;margin:5px 0 0}.modal-backdrop{position:fixed;z-index:40;inset:0;background:#050805c9;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal-window{width:min(520px,100%);border:1px solid #506244;background:#141b13;border-radius:7px;box-shadow:var(--shadow);overflow:hidden}.modal-titlebar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#202b1c;border-bottom:1px solid #3a4b32}.modal-titlebar>div{display:flex;align-items:center;gap:6px}.modal-titlebar strong{font:9px var(--mono);letter-spacing:1px;margin-left:9px}.window-dot{width:7px;height:7px;border-radius:50%}.window-dot.red{background:#c46e5f}.window-dot.yellow{background:#d5ae5b}.window-dot.green{background:#8cbd5d}.modal-close{border:0;background:none;color:#c6d2bd;font-size:21px}.modal-content{padding:20px}.modal-content h3{margin:0 0 8px;font-size:17px}.modal-content p{font-size:11px;color:#98a591;line-height:1.65}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #2d392a}.settings-row:last-child{border:0}.settings-row strong{display:block;font-size:11px}.settings-row small{display:block;color:#81907a;font-size:9px;margin-top:4px}.settings-row select,.settings-row input{background:#202b1e;color:#dce8d5;border:1px solid #40513a;border-radius:4px;padding:8px;font:10px var(--mono);max-width:180px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:17px}.toast-stack{position:fixed;z-index:60;right:18px;bottom:35px;display:flex;flex-direction:column;gap:8px}.toast{min-width:220px;max-width:340px;padding:11px 14px;border:1px solid #4b5f3d;background:#1c291a;color:#dcebd0;border-radius:5px;box-shadow:var(--shadow);font-size:10px;animation:fadeIn .2s}.toast.error{border-color:#75433b;background:#2b1c19;color:#f0c0b5}
@media(max-width:1150px){.call-layout{grid-template-columns:200px minmax(300px,1fr)}.call-tools-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}.call-tools-panel .panel-heading,.call-outcome,.call-tools-panel>.btn{grid-column:1/-1}.call-outcome{margin-top:5px}.caller-library{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.workspace{grid-template-columns:65px minmax(0,1fr)}.sidebar{padding:17px 8px}.sidebar-section-label,.nav-item:not(.active) .nav-icon~*,.nav-item kbd,.nav-item .nav-badge,.system-card,.nav-item{font-size:0}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:19px}.nav-item.active{font-size:0}.sidebar-divider{margin:12px 4px}.topbar{padding:0 14px}.brand-lockup{min-width:0}.brand-lockup>div:last-child{display:none}.main-stage{padding:22px 17px}.call-layout{grid-template-columns:1fr}.caller-panel{min-height:0}.caller-profile-empty{min-height:180px}.caller-profile{max-width:420px;margin:auto}.call-tools-panel{grid-template-columns:1fr 1fr}.call-tools-panel .panel-heading,.call-outcome,.call-tools-panel>.btn{grid-column:1/-1}.call-tools-panel .tool-row{min-width:0}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topbar{height:55px}.topbar-center{display:none}.topbar-actions{gap:5px}.avatar-chip>span:last-child{display:none}.workspace{min-height:calc(100vh - 79px)}.main-stage{padding:17px 11px 24px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h2{font-size:23px}.page-heading>.btn{width:100%}.stat-grid{gap:8px}.stat-card{padding:12px;min-height:100px}.stat-card>strong{font-size:21px}.desk-grid{grid-template-columns:1fr}.phone-display{min-height:210px}.caller-library,.shop-grid{grid-template-columns:1fr}.call-tools-panel{grid-template-columns:1fr 1fr}.conversation-panel{min-height:590px}.chat-messages{max-height:330px}.conversation-head{padding:12px}.connection-status{display:none}.composer-hint{font-size:7px}.statusbar{padding:0 8px;font-size:7px}.statusbar span:nth-child(2){display:none}.perchance-frame-wrap{min-height:420px;height:65vh}.modal-backdrop{padding:10px}.modal-content{padding:15px}.boot-card{padding:32px 22px}.boot-card h1{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.achievement-panel{margin-top:14px;padding:17px}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.achievement-card{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #2d382a;border-radius:5px;background:#151c14;opacity:.58}.achievement-card.unlocked{opacity:1;border-color:#4a623b;background:#1b2818}.achievement-card>span{font-size:19px;color:#819277}.achievement-card.unlocked>span{color:var(--green)}.achievement-card div{flex:1;min-width:0}.achievement-card strong,.achievement-card small{display:block}.achievement-card strong{font-size:10px}.achievement-card small{font-size:8px;color:#83917c;margin-top:4px;line-height:1.4}.achievement-card b{color:var(--green);font:12px var(--mono)}
@media(max-width:600px){.achievement-grid{grid-template-columns:1fr}}


/* Arabic-first RTL interface */
html[dir="rtl"], html[dir="rtl"] body {
  direction: rtl;
  font-family: Tahoma, "Noto Sans Arabic", "Noto Naskh Arabic", Arial, sans-serif;
}
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .workspace {
  grid-template-columns: minmax(0,1fr) 218px;
}
html[dir="rtl"] .sidebar {
  grid-column: 2;
  grid-row: 1;
  border-right: 0;
  border-left: 1px solid var(--line);
}
html[dir="rtl"] .main-stage { grid-column: 1; grid-row: 1; }
html[dir="rtl"] .nav-item { text-align: right; }
html[dir="rtl"] .nav-item kbd,
html[dir="rtl"] .nav-badge,
html[dir="rtl"] .external-dot { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .caller-meter { text-align: right; }
html[dir="rtl"] .message-meta { text-align: right; margin-left: 0; margin-right: 2px; }
html[dir="rtl"] .message.user .message-meta { text-align: left; margin-right: 0; margin-left: 2px; }
html[dir="rtl"] .message-bubble,
html[dir="rtl"] .composer input,
html[dir="rtl"] .desk-note,
html[dir="rtl"] .notepad-large textarea { direction: rtl; text-align: right; }
html[dir="rtl"] .suggestion-chip,
html[dir="rtl"] .tool-row { text-align: right; }
html[dir="rtl"] .suggestion-heading,
html[dir="rtl"] .composer-hint,
html[dir="rtl"] .statusbar,
html[dir="rtl"] .phone-footer,
html[dir="rtl"] .note-footer { direction: rtl; }
html[dir="rtl"] .modal-actions { justify-content: flex-start; }
html[dir="rtl"] .toast-stack { right: auto; left: 18px; }
html[dir="rtl"] .brand-lockup { direction: rtl; }
html[dir="rtl"] .page-heading { direction: rtl; }
html[dir="rtl"] .perchance-launch { padding: 28px; text-align: center; }
.perchance-launch { min-height: 430px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px; padding: 28px; background: radial-gradient(ellipse at center,#1c2b18,#101710 72%); }
.perchance-launch-icon { width: 66px; height: 66px; display:grid; place-items:center; border:1px solid #587746; border-radius:18px; color:var(--green); background:#1c2b18; font-size:32px; box-shadow:0 0 35px #a7e36b15; }
.perchance-launch h3 { margin: 4px 0 0; font-size: 20px; }
.perchance-launch p { max-width: 680px; margin: 0; color:#9aa895; font-size:12px; line-height:1.8; }
.perchance-launch label { margin-top: 12px; color:#b8c5af; font-size:12px; }
.perchance-select { width:min(520px,100%); padding:12px 14px; border:1px solid #40513a; border-radius:5px; background:#202b1e; color:#e4eadf; direction:rtl; font:13px Tahoma,Arial,sans-serif; }
.perchance-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:8px; }
.perchance-notice { width:min(760px,100%); text-align:right; border:1px solid #5b4b2d; border-radius:6px; margin-top:15px; }
html[dir="rtl"] .perchance-toolbar { direction:rtl; }
html[dir="rtl"] .perchance-toolbar > div { direction:rtl; }
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .panel-kicker,
html[dir="rtl"] .sidebar-section-label,
html[dir="rtl"] .stat-top,
html[dir="rtl"] .btn,
html[dir="rtl"] .brand-lockup strong,
html[dir="rtl"] .brand-lockup small,
html[dir="rtl"] .topbar-center,
html[dir="rtl"] .avatar-chip,
html[dir="rtl"] .phone-footer,
html[dir="rtl"] .statusbar,
html[dir="rtl"] .note-footer,
html[dir="rtl"] .composer-hint,
html[dir="rtl"] .suggestion-heading { letter-spacing: 0; }
html[dir="rtl"] .boot-card h1 { letter-spacing: -1px; }
html[dir="rtl"] .boot-copy { font-family: Tahoma,Arial,sans-serif; letter-spacing:0; font-size:12px; }
html[dir="rtl"] .boot-foot { font-family: Tahoma,Arial,sans-serif; letter-spacing:0; font-size:10px; }
html[dir="rtl"] .page-heading h2 { letter-spacing:0; }
html[dir="rtl"] .caller-profile-empty p,
html[dir="rtl"] .assignment-card p,
html[dir="rtl"] .perchance-notice p { line-height:1.9; }
@media(max-width:850px) {
  html[dir="rtl"] .workspace { grid-template-columns: minmax(0,1fr) 65px; }
  html[dir="rtl"] .sidebar { grid-column:2; border-left:1px solid var(--line); border-right:0; }
  html[dir="rtl"] .main-stage { grid-column:1; }
}
@media(max-width:600px) {
  .perchance-launch { min-height: 0; padding: 20px 14px; }
  .perchance-actions { width:100%; }
  .perchance-actions .btn { width:100%; }
}

/* Perchance two-way bridge status */
.perchance-bridge-status{width:min(760px,100%);padding:15px 18px;border:1px solid #3d5038;border-radius:7px;background:#111b12;text-align:right}
.perchance-bridge-status>div{display:flex;align-items:center;gap:9px;color:#d9ead1}
.perchance-bridge-status p{margin:8px 0 0;color:#9aa895;font-size:12px;line-height:1.8}
.perchance-bridge-status .live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px currentColor}
.connection-status.perchance-connected{color:var(--green)}
.perchance-actions a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.perchance-notice small{display:block;padding:0 15px 14px;color:#c0aa7b;font-size:11px;line-height:1.8}