/* امتدادات اللوحة: عرض البيانات الموسع والمحادثات وحالات الدخول. */
[hidden]{display:none!important}
body{--admin-banner:0px;--admin-max:1600px}
body.demo-mode{--admin-banner:28px}
.block{display:block}.spaced{margin-top:var(--space-6)}.full-width{width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gate{min-height:100vh;display:grid;place-items:center;padding:var(--space-8);padding-top:calc(var(--space-8) + var(--admin-banner))}
.gate-card{width:min(100%,440px);padding:var(--space-10);background:var(--surface-1);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2)}
.gate-brand{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-4xl);display:block;margin-bottom:var(--space-8)}
.gate h1{font-size:var(--text-3xl)}.gate p{color:var(--text-secondary);margin-top:var(--space-4);line-height:var(--leading-relaxed)}
#gate-controls{margin-top:var(--space-6)}.login-divider{text-align:center;color:var(--text-muted);margin:var(--space-4) 0}.gate-note{font-size:var(--text-xs)}
.form-error{color:var(--danger-fg)!important;font-size:var(--text-sm);margin:var(--space-3) 0;white-space:pre-wrap}.form-error:empty{display:none}
.loading,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-16) var(--space-6);min-height:360px;text-align:center;color:var(--text-secondary)}
.loading-dot{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);background:var(--text-primary);animation:pulse 1.2s ease-in-out infinite}.error-state svg{width:var(--space-10);height:var(--space-10)}
.range-controls{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}
.range-controls label{display:grid;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}
.range-controls input{background:var(--surface-1);color:var(--text-primary);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-lg);min-height:var(--control-height);direction:ltr}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:var(--space-10) 0 var(--space-5)}
.activity-stats .stat{background:transparent;box-shadow:none;border-top:var(--border-width) solid var(--border-subtle);border-radius:0;padding-top:var(--space-5)}
.activity-chart{display:block;width:100%;height:190px;stroke:none;overflow:visible;margin-top:var(--space-5)}
.chart-series-0{fill:var(--text-primary);background:var(--text-primary)}.chart-series-1{fill:var(--text-muted);background:var(--text-muted)}.chart-series-2{fill:var(--surface-4);background:var(--surface-4)}
.chart-legend{display:flex;gap:var(--space-5);align-items:center;color:var(--text-secondary);font-size:var(--text-xs)}
.chart-legend span{display:flex;align-items:center;gap:var(--space-2)}.chart-legend i{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full)}
.chart-axis{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-3);direction:ltr}
.format-tag{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em}.coverage-note{color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed);margin-top:var(--space-5)}
.filters select{max-width:210px}.table-wrap td .block{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.owner .text-link{font-size:var(--text-xs)}
.support-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:var(--space-5);align-items:stretch;min-height:640px}
.cases-column{overflow:hidden;align-self:start}.case-list{max-height:680px;overflow:auto}.case-item{width:100%;border:0;background:transparent;padding:var(--space-5);text-align:right;display:grid;gap:var(--space-2);color:var(--text-primary);border-top:var(--border-width) solid var(--border-subtle)}
.case-item:hover,.case-item.active{background:var(--surface-2)}.case-item.active{box-shadow:inset -3px 0 0 var(--action-bg)}.case-item strong{font-weight:var(--weight-medium);font-size:var(--text-sm)}.case-item small{color:var(--text-secondary);font-size:var(--text-xs);overflow-wrap:anywhere}
.case-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.case-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2)}.case-meta time{font-size:10px;color:var(--text-muted)}
.unread-dot{width:var(--space-2);height:var(--space-2);flex-shrink:0;border-radius:var(--radius-full);background:var(--action-bg)}
.conversation-column{display:flex;flex-direction:column;min-width:0;overflow:hidden}.conversation-column>.empty{margin:auto;line-height:var(--leading-relaxed)}
.conversation-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6);border-bottom:var(--border-width) solid var(--border-subtle)}.conversation-head small{display:block;font-size:var(--text-xs);margin-top:var(--space-2)}
.conversation-toolbar{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;padding:var(--space-3) var(--space-6);background:var(--surface-2);font-size:var(--text-xs)}.conversation-toolbar label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}
.conversation-toolbar select{background:var(--surface-1);border:none;border-radius:var(--radius-md);padding:var(--space-2);color:var(--text-primary)}
.messages{display:flex;flex-direction:column;gap:var(--space-5);overflow:auto;min-height:300px;height:420px;padding:var(--space-6);overscroll-behavior:contain;scroll-behavior:smooth}
.message{width:fit-content;max-width:88%;padding:var(--space-4);border-radius:var(--radius-xl);background:var(--surface-2)}.message.from-admin{align-self:flex-end;background:var(--action-bg);color:var(--action-fg)}.message.from-user{align-self:flex-start}
.message-author{font-size:var(--text-xs);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--leading-relaxed)}.message time{display:block;font-size:10px;opacity:.7;margin-top:var(--space-2)}
.reply-form{padding:var(--space-5);border-top:var(--border-width) solid var(--border-subtle);margin-top:auto}.reply-form textarea{width:100%;background:var(--surface-2);color:var(--text-primary);border:0;border-radius:var(--radius-xl);padding:var(--space-4);resize:vertical;min-height:100px;max-height:250px;line-height:var(--leading-relaxed)}
.reply-form textarea:focus{outline:var(--border-width) solid var(--text-muted)}.reply-footer{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;margin-top:var(--space-3)}.reply-footer small{font-size:var(--text-xs);max-width:60%}
.support-content{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);background:var(--surface-2);border-radius:var(--radius-xl);padding:var(--space-4);max-height:65vh;overflow:auto}
.announcement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.announcement-card{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.announcement-card h2{line-height:var(--leading-relaxed)}.announcement-card p{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--leading-relaxed)}.announcement-card .actions{margin-top:auto}.announcement-top small{font-size:var(--text-xs)}
.checkbox-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.checkbox-row input{accent-color:var(--action-bg);width:18px;height:18px}.field textarea{line-height:var(--leading-relaxed)}
.empty svg{width:var(--space-8);height:var(--space-8);margin-bottom:var(--space-3)}
@keyframes pulse{50%{opacity:.3}}
@media(max-width:1100px){.support-layout{grid-template-columns:260px minmax(0,1fr)}.conversation-head{padding:var(--space-4)}.conversation-toolbar{padding-inline:var(--space-4)}.conversation-head .button{font-size:var(--text-xs);padding-inline:var(--space-2)}}
@media(max-width:850px){.support-layout{grid-template-columns:1fr}.case-list{max-height:270px}.announcement-grid{grid-template-columns:1fr}.messages{height:380px}.range-controls{gap:var(--space-2)}.case-meta time{font-size:var(--text-xs)}}
@media(max-width:560px){.gate{padding:var(--space-4)}.gate-card{padding:var(--space-6)}.conversation-head{align-items:flex-start}.conversation-head h2{font-size:var(--text-base)}.messages{padding:var(--space-4)}.reply-form{padding:var(--space-4)}.reply-footer small{max-width:55%;font-size:10px}.range-controls input{max-width:145px}.chart-legend{gap:var(--space-3)}.table-foot{gap:var(--space-3);flex-wrap:wrap}#toast{max-width:calc(100vw - var(--space-8));left:var(--space-4);bottom:var(--space-4)}.filters .actions{width:100%}.nav-item{min-height:44px}.sidebar.mobile-open{overflow:auto}.sidebar-bottom{padding-top:var(--space-8)}}
@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}.messages{scroll-behavior:auto}}
[data-content-next]{margin-top:20px}.support-scene{padding:20px 0;border-bottom:1px solid var(--border-subtle)}.support-scene h3{font-size:17px;margin:0 0 18px}.support-block{margin:14px 0}.support-block small{color:var(--text-secondary)}.support-block p,.support-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:6px 0}