:root{--emerald:#008361;--emerald-dark:#006b4f;--ink:#1a2332;--ink-muted:#5b6573;--stone:#eef1f4;--surface:#ffffff;--border:#d8dee6;--danger:#c62828;--sidebar-w:240px;--radius:10px;--font:"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--font);color:var(--ink);background:var(--stone)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--ink);color:#f5f7fa;padding:1.25rem 1rem}.sidebar,.sidebar-brand{display:flex;flex-direction:column}.sidebar-brand{gap:.25rem;padding:.25rem .5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:1rem}.sidebar-brand strong{font-size:1.05rem;color:#fff}.sidebar-brand span{font-size:.8rem;color:rgba(255,255,255,.65)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.nav-list a{display:block;padding:.65rem .75rem;border-radius:8px;color:rgba(255,255,255,.78);transition:background .15s ease,color .15s ease}.nav-list a:hover{background:rgba(255,255,255,.08);color:#fff}.nav-list a.active{background:var(--emerald);color:#fff}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12)}.sidebar-logout{width:100%;display:block;padding:.65rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:transparent;color:rgba(255,255,255,.85);cursor:pointer;text-align:start;transition:background .15s ease,color .15s ease}.sidebar-logout:hover:not(:disabled){background:rgba(255,255,255,.08);color:#fff}.sidebar-logout:disabled{opacity:.6;cursor:wait}.main{flex:1 1;min-width:0;padding:1.5rem 1.75rem 2.5rem}.page-header{margin-bottom:1.5rem}.page-header h1{margin:0 0 .35rem;font-size:1.5rem;font-weight:700}.page-header p{margin:0;color:var(--ink-muted);font-size:.95rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.card .label{color:var(--ink-muted);font-size:.85rem;margin-bottom:.4rem}.card .value{font-size:1.75rem;font-weight:700;color:var(--emerald)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table td,.table th{padding:.75rem 1rem;text-align:start;border-bottom:1px solid var(--border)}.table th{background:#f7f9fb;color:var(--ink-muted);font-weight:600;font-size:.8rem}.table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;background:#e6f5f0;color:var(--emerald-dark)}.badge.muted{background:var(--stone);color:var(--ink-muted)}.auth-screen,.config-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-confirmed-screen{padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.5rem,env(safe-area-inset-bottom));background:radial-gradient(ellipse 90% 55% at 15% -10%,rgba(0,131,97,.16),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 110%,rgba(26,35,50,.1),transparent 50%),linear-gradient(180deg,#f4f8f6 0,var(--stone) 100%)}.auth-card,.config-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem}.auth-card h1,.config-card h1{margin:0 0 .35rem;font-size:1.35rem}.auth-confirmed-card{width:min(440px,100%);text-align:center;border-radius:16px;padding:2rem 1.5rem 1.6rem;box-shadow:0 12px 40px rgba(26,35,50,.06)}.auth-confirmed-mark{width:64px;height:64px;margin:0 auto 1.1rem;border-radius:50%;background:#e6f5f0;color:var(--emerald);display:grid;place-items:center}.auth-confirmed-mark svg{width:32px;height:32px}.auth-confirmed-brand{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:var(--emerald)}.auth-confirmed-card h1{margin:0 0 .65rem;font-size:clamp(1.25rem,4.5vw,1.45rem);line-height:1.45}.auth-confirmed-lead{margin-bottom:1.35rem!important;line-height:1.75;font-size:.98rem!important}.auth-confirmed-actions{display:flex;flex-direction:column;gap:.65rem}.auth-confirmed-secondary{width:100%;background:transparent;color:var(--emerald-dark);border:1px solid var(--border)}.auth-confirmed-secondary:hover{border-color:var(--emerald);background:#f7fbf9}.auth-confirmed-hint{margin:1.25rem 0 0;padding:.85rem .9rem;border-radius:10px;background:#f7f9fb;color:var(--ink-muted);font-size:.86rem;line-height:1.65;text-align:right}.auth-confirmed-hint strong{color:var(--ink);font-weight:600}.auth-card .sub,.config-card .sub{margin:0 0 1.25rem;color:var(--ink-muted);font-size:.92rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field label{font-size:.85rem;color:var(--ink-muted)}.field input{border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:8px;padding:.7rem 1rem;cursor:pointer;font-weight:600}.btn-primary{width:100%;background:var(--emerald);color:#fff}.btn-primary:hover{background:var(--emerald-dark)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.hint{margin-top:1rem;padding:.75rem;border-radius:8px;background:#fff8e6;color:#6b5a1e;font-size:.85rem;line-height:1.45}.error{color:var(--danger);font-size:.88rem}.error,.success{margin:0 0 .85rem}.success{color:var(--emerald-dark);background:#e6f5f0;border:1px solid #b7e0d2;border-radius:8px;padding:.65rem .85rem;font-size:.9rem}.muted{color:var(--ink-muted);font-size:.92rem}.code{font-family:ui-monospace,Consolas,monospace;font-size:.82rem;background:var(--stone);padding:.15rem .35rem;border-radius:4px}.note{margin-top:1rem;color:var(--ink-muted);font-size:.88rem}.ok{margin:0 0 .85rem;color:var(--emerald-dark);font-size:.9rem}.toolbar{display:flex;gap:.5rem;margin-bottom:.75rem}.table-input,.table-select{width:100%;min-width:6rem;border:1px solid var(--border);border-radius:6px;padding:.4rem .5rem;background:#fff;font:inherit}.table-input.narrow{max-width:7rem}.btn-sm{background:var(--emerald);color:#fff;padding:.4rem .75rem;font-size:.85rem;width:auto}.btn-sm:hover{background:var(--emerald-dark)}.btn-sm:disabled{opacity:.55;cursor:not-allowed}.check{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--ink-muted);white-space:nowrap}.badge-warn{background:#fff3e0;color:#c45c00}.btn-ghost{background:transparent;color:var(--emerald-dark);border:1px solid var(--border)}.btn-ghost:hover{background:#f0f7f4}.chats-inbox{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);grid-gap:.85rem;gap:.85rem;align-items:stretch;min-height:min(70vh,640px)}.chats-list{display:flex;flex-direction:column;max-height:min(70vh,640px);overflow:hidden}.chats-list-items{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1 1}.chats-list-item{display:block;width:100%;text-align:start;padding:.85rem 1rem;border:none;border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;transition:background .12s ease}.chats-list-item:hover{background:#f7f9fb}.chats-list-item.active{background:#e8f5f0;-webkit-border-start:3px solid var(--emerald);border-inline-start:3px solid var(--emerald)}.chats-list-item:focus-visible{outline:2px solid var(--emerald);outline-offset:-2px}.chats-list-item-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.chats-list-customer{font-size:.92rem}.chats-list-title{font-size:.88rem;font-weight:600;margin-bottom:.2rem}.chats-list-preview{font-size:.82rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.45rem}.chats-list-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.78rem}.chats-list-time{color:var(--ink-muted);white-space:nowrap}.chats-list-open{display:inline-block;margin-top:.55rem;font-size:.78rem;font-weight:600;color:var(--emerald-dark)}.chats-list-item.active .chats-list-open{color:var(--emerald)}.chats-thread-panel{min-height:min(70vh,640px);max-height:min(70vh,640px);overflow:hidden}.chat-pane,.chats-thread-panel{display:flex;flex-direction:column}.chat-pane{flex:1 1;min-height:0}.chat-pane-empty{flex:1 1;display:grid;place-items:center;padding:2rem 1.5rem;background:#f7f9fb}.chat-pane-header{padding:.9rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.chat-pane-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chat-pane-header h2{margin:0;font-size:1.1rem;font-weight:700}.chat-pane-meta{margin:.35rem 0 0;color:var(--ink-muted);font-size:.85rem}.chat-panel{display:flex;flex-direction:column;min-height:420px}.chat-panel-fill{flex:1 1;min-height:0}.chat-thread{flex:1 1;padding:1rem;display:flex;flex-direction:column;gap:.65rem;max-height:min(60vh,520px);overflow-y:auto;background:#f7f9fb}.chat-panel-fill .chat-thread{max-height:none}.chat-bubble-row{display:flex;width:100%}.chat-bubble-row.user{justify-content:flex-start}.chat-bubble-row.staff{justify-content:flex-end}.chat-bubble{max-width:min(72%,420px);padding:.65rem .85rem;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.chat-bubble.staff{background:var(--emerald);border-color:var(--emerald-dark);color:#fff}.chat-bubble-meta{font-size:.72rem;opacity:.75;margin-bottom:.25rem}.chat-bubble-body{white-space:pre-wrap;line-height:1.45;font-size:.95rem}.chat-image-link{display:block;margin-bottom:.35rem;border-radius:8px;overflow:hidden;cursor:zoom-in}.chat-image-link:hover .chat-image{opacity:.92}.chat-image{display:block;max-height:280px;object-fit:cover}.chat-file-chip,.chat-image{max-width:100%;border-radius:8px}.chat-file-chip{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.35rem;padding:.5rem .7rem;border:1px solid rgba(0,131,97,.25);background:rgba(0,131,97,.08);color:inherit;text-decoration:none;font-size:.88rem;font-weight:600;word-break:break-word}.chat-bubble.staff .chat-file-chip{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff}.chat-file-chip:hover{border-color:var(--emerald);background:rgba(0,131,97,.14)}.chat-bubble.staff .chat-file-chip:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.24)}.chat-file-badge{flex-shrink:0;padding:.15rem .4rem;border-radius:4px;background:var(--emerald);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.02em;line-height:1.2;text-transform:uppercase}.chat-bubble.staff .chat-file-badge{background:rgba(255,255,255,.92);color:var(--emerald-dark)}.chat-file-name{flex:1 1;min-width:0;line-height:1.35}.chat-file-action{flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--emerald);opacity:.9}.chat-bubble.staff .chat-file-action{color:#fff}.chat-composer{display:flex;flex-direction:column;gap:.65rem;padding:.9rem 1rem;border-top:1px solid var(--border);background:var(--surface)}.chat-input{width:100%;resize:vertical;min-height:72px;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;font:inherit}.customer-cell{display:flex;flex-direction:column;gap:.15rem;min-width:10rem}.customer-name{font-weight:600}.customer-meta{color:var(--ink-muted);font-size:.8rem;word-break:break-word}.customer-meta.muted{opacity:.65}.request-drawer-root{position:fixed;inset:0;z-index:40;display:flex;justify-content:flex-start}.request-drawer-backdrop{position:absolute;inset:0;border:none;padding:0;margin:0;background:rgba(26,35,50,.45);cursor:pointer}.request-drawer{position:relative;z-index:1;width:min(440px,100%);height:100%;margin:0;border-radius:0;border-left:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:4px 0 24px rgba(0,0,0,.12)}.request-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border)}.request-drawer-actions{display:flex;flex-wrap:wrap;gap:.4rem;flex-shrink:0}.request-drawer-customer{display:grid;grid-template-columns:1fr;grid-gap:.55rem;gap:.55rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:#f7f9fb}.request-drawer-customer>div{display:flex;flex-direction:column;gap:.15rem}.request-drawer-label{font-size:.75rem;color:var(--ink-muted)}.request-drawer-thread{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.request-drawer-thread .chat-pane{height:100%}button,input,select{font:inherit}@media (max-width:800px){.app-shell{flex-direction:column}.sidebar{width:100%}.nav-list{flex-direction:row;flex-wrap:wrap}.chats-inbox{grid-template-columns:1fr;min-height:auto}.chats-list,.chats-thread-panel{max-height:none;min-height:320px}.request-drawer{width:100%}}