/* SaaS dashboards, builder and data tables */
.dashboard-page{background:#f5f7fb}.dashboard-page .site-footer{margin-top:0}.dashboard{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start;padding:26px 0 58px}.sidebar{position:sticky;top:100px;height:auto;max-height:calc(100vh - 116px);padding:16px;overflow-y:auto;border-radius:18px;background:linear-gradient(180deg,#172554,#1e3a8a);color:#dbeafe;box-shadow:0 20px 45px rgba(30,58,138,.18)}.sidebar-brand{height:auto;margin-bottom:11px;padding:9px 8px 17px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar h3{margin:0 0 7px;color:#fff}.sidebar-label{display:block;padding:13px 9px 4px;color:#93c5fd;font-size:.65rem;font-weight:900}.sidebar a{display:flex;align-items:center;gap:8px;min-height:41px;margin:2px 0;padding:9px 11px;border-radius:9px;color:#dbeafe;font-size:.8rem;font-weight:700;transition:.22s}.sidebar a:hover,.sidebar a.active{transform:translateX(-2px);color:#fff;background:rgba(255,255,255,.13)}.sidebar .button{color:#1e3a8a!important;background:#fff!important}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.dashboard-topbar h1{margin:0;font-size:1.65rem}.topbar-user{display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--border);border-radius:13px;background:#fff}.topbar-user div{display:flex;flex-direction:column}.topbar-user small{color:var(--muted);font-size:.64rem}.metric-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:13px!important;margin-bottom:20px!important}.metric{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;height:auto!important;min-height:128px!important;max-height:160px!important;padding:17px!important;overflow:hidden!important;border:1px solid var(--border)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 18px rgba(15,23,42,.04)!important;transition:.27s var(--ease)!important}.metric:after{display:none!important}.metric:hover{transform:translateY(-4px)!important;border-color:#bfdbfe!important;box-shadow:0 14px 28px rgba(37,99,235,.09)!important}.metric-icon,.metric .metric-icon{display:grid!important;place-items:center!important;width:41px!important;height:41px!important;min-height:41px!important;margin:0 0 9px!important;border-radius:11px!important;background:var(--surface-2)!important;color:var(--primary)!important}.metric strong{display:block!important;margin:0!important;font-size:1.48rem!important;line-height:1.25!important}.metric small{display:block!important;margin-top:3px!important;color:var(--muted)!important;font-size:.7rem!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}.panel{height:auto!important;min-height:0!important;margin-bottom:18px;padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:11px;margin-bottom:13px}.panel h2,.panel-head h2{margin:0;font-size:1.05rem}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-action{min-height:88px;padding:13px;border:1px solid var(--border);border-radius:12px;background:#fff;transition:.25s var(--ease)}.quick-action:hover{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:var(--shadow-sm)}.quick-action b{display:block;font-size:.8rem}.quick-action span{display:block;margin-top:3px;color:var(--muted);font-size:.67rem}.table{width:100%;height:auto!important;min-width:680px;border-collapse:separate;border-spacing:0}.table th,.table td{height:auto!important;min-height:46px;padding:11px;border-bottom:1px solid var(--border);text-align:right;vertical-align:middle}.table th{position:sticky;top:0;z-index:1;color:#475569;background:#f8fafc;font-size:.68rem;font-weight:900}.table td{font-size:.76rem}.table tr{height:auto!important;transition:background .18s}.table tbody tr:hover{background:#f8fbff}.table tr:last-child td{border-bottom:0}.table .actions{flex-wrap:nowrap}.table input,.table select{min-height:38px;padding:7px 9px}.panel:has(>.table){padding:0;overflow:auto}.panel:has(>.table) .table th:first-child,.panel:has(>.table) .table td:first-child{padding-right:18px}.panel:has(>.table) .table th:last-child,.panel:has(>.table) .table td:last-child{padding-left:18px}
/* Form builder */
.dashboard .panel[id^="s"]{position:relative;padding:22px;border-right:4px solid var(--primary);overflow:visible}.dashboard .panel[id^="s"]>h2{margin-bottom:15px}.dashboard .panel[id^="s"]>.field{margin:9px 0;padding:14px!important;border:1px solid var(--border)!important;border-radius:12px;background:#fff!important;box-shadow:0 3px 12px rgba(15,23,42,.035);transition:.22s}.dashboard .panel[id^="s"]>.field:hover{border-color:#bfdbfe!important;box-shadow:0 8px 20px rgba(37,99,235,.07)}.dashboard .panel[id^="s"]>.field strong{font-size:.85rem}.dashboard .panel[id^="s"]>.field .actions{margin-top:9px}.dashboard .panel[id^="s"]>form{margin-top:18px!important;padding:18px;border-radius:13px;background:#f8fafc}.dashboard .panel[id^="s"]>form:before{content:"إضافة سؤال جديد";grid-column:1/-1;color:var(--navy);font-weight:900}.dashboard .panel[id^="s"] select[name="field_type"]{background-color:#fff}.dashboard .sidebar a[href^="#s"]{border:1px solid rgba(255,255,255,.07)}
/* Dialog confirmation */
.confirm-dialog{width:min(430px,calc(100% - 28px));padding:0;border:0;border-radius:17px;box-shadow:0 28px 80px rgba(15,23,42,.25)}.confirm-dialog::backdrop{background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}.confirm-dialog-inner{padding:24px}.confirm-dialog-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fee2e2;color:var(--danger);font-size:1.4rem;font-weight:900}.confirm-dialog h3{margin:13px 0 5px}.confirm-dialog p{margin:0 0 19px;color:var(--muted)}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:900px){.dashboard{grid-template-columns:1fr}.sidebar{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.sidebar-brand,.sidebar-label{grid-column:1/-1}.sidebar a{margin:0}.dashboard-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.dashboard{gap:13px;padding-top:15px}.sidebar{grid-template-columns:1fr}.sidebar-brand,.sidebar-label{grid-column:auto}.dashboard-topbar{align-items:flex-start}.dashboard-topbar h1{font-size:1.4rem}.topbar-user{display:none}.metric-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.metric{min-height:112px!important;padding:13px!important}.metric strong{font-size:1.25rem!important}.quick-actions{grid-template-columns:1fr}.panel{padding:14px}.table{min-width:620px}.dashboard .panel[id^="s"]{padding:16px}.dashboard .panel[id^="s"]>form{padding:13px}.confirm-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.confirm-dialog-actions .button{width:100%}}

/* Admin Console v2 */
.admin-sidebar .sidebar-brand{display:flex;align-items:center;gap:10px}.admin-brand-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#3b82f6,#06b6d4);color:#fff;font-size:1.1rem;font-weight:900;box-shadow:0 8px 20px rgba(6,182,212,.18)}.admin-sidebar .sidebar-brand div{display:flex;flex-direction:column}.admin-sidebar .sidebar-brand small{color:#93c5fd;font-size:.62rem}.side-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.07)}.side-count{margin-inline-start:auto;min-width:23px;height:23px;display:grid;place-items:center;border-radius:999px;background:#fff;color:var(--primary);font-size:.64rem}.admin-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:18px 20px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04)}.admin-page-header h1{margin:2px 0;font-size:1.55rem}.admin-page-header p{margin:0;color:var(--muted);font-size:.74rem}.breadcrumbs{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.65rem}.breadcrumbs a{color:var(--primary);font-weight:800}.admin-header-actions{display:flex;align-items:center;gap:9px}.approval-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.approval-summary>div{position:relative;padding:17px;border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.approval-summary>div:after{content:"";position:absolute;left:-20px;bottom:-25px;width:75px;height:75px;border-radius:50%;background:var(--surface-2)}.approval-summary strong{display:block;font-size:1.45rem}.approval-summary span{color:var(--muted);font-size:.7rem}.approval-tabs{display:flex;gap:6px;margin-bottom:16px;padding:6px;overflow-x:auto;border:1px solid var(--border);border-radius:13px;background:#fff}.approval-tabs a{padding:8px 13px;border-radius:9px;color:var(--muted);font-size:.72rem;font-weight:800;white-space:nowrap;transition:.2s}.approval-tabs a:hover,.approval-tabs a.active{color:#fff;background:var(--primary);box-shadow:0 6px 15px rgba(37,99,235,.17)}.admin-card{margin-bottom:17px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:0 5px 20px rgba(15,23,42,.04);overflow:hidden}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid var(--border)}.admin-card-head h2{margin:0;font-size:1.02rem}.admin-card-head p{margin:3px 0 0;color:var(--muted);font-size:.68rem}.approval-list{display:grid}.approval-row{display:grid;grid-template-columns:46px minmax(180px,1fr) minmax(360px,.85fr);align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid var(--border);transition:background .2s}.approval-row:last-child{border-bottom:0}.approval-row:hover{background:#f8fbff}.approval-kind{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);color:var(--primary);font-size:1.1rem;font-weight:900}.approval-info h3{margin:4px 0 1px;font-size:.88rem}.approval-info p{margin:0;color:var(--muted);font-size:.66rem}.approval-type{margin-inline-start:6px;color:var(--primary);font-size:.65rem;font-weight:900}.approval-form{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:8px;align-items:center}.approval-form input[name="notes"]{min-height:39px;padding:7px 10px}.approval-form .actions{flex-wrap:nowrap}.approval-form .button{min-height:37px}.admin-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.approval-list.compact .approval-row{grid-template-columns:43px minmax(150px,1fr);}.approval-list.compact .approval-form{grid-column:1/-1;padding-right:56px}
@media(max-width:1100px){.approval-row{grid-template-columns:44px minmax(180px,1fr)}.approval-form{grid-column:1/-1;padding-right:57px}.admin-two-columns{grid-template-columns:1fr}.approval-list.compact .approval-form{padding-right:57px}}
@media(max-width:700px){.admin-page-header{align-items:flex-start;flex-direction:column}.admin-header-actions{width:100%;justify-content:space-between}.approval-summary{grid-template-columns:1fr 1fr}.approval-row{grid-template-columns:40px minmax(0,1fr);padding:13px}.approval-kind{width:39px;height:39px}.approval-form,.approval-list.compact .approval-form{grid-column:1/-1;grid-template-columns:1fr;padding-right:0}.approval-form .actions{display:grid;grid-template-columns:1fr 1fr}.approval-form .button{width:100%}}

.admin-filters{display:grid;grid-template-columns:minmax(240px,1fr) repeat(2,minmax(140px,220px)) auto;gap:9px;margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.035)}.admin-filters>*{height:44px}.data-table-wrap{width:100%;overflow:auto}.user-cell{display:flex;align-items:center;gap:8px}.user-cell div{display:flex;flex-direction:column}.user-cell small{color:var(--muted);font-size:.62rem}.company-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.company-admin-card{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:#fff;transition:.25s}.company-admin-card:hover{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:var(--shadow-sm)}.company-admin-cover{position:relative;height:80px;background:linear-gradient(145deg,#dbeafe,#ecfeff)}.company-admin-cover img{width:100%;height:100%;object-fit:cover}.company-admin-logo{position:absolute;right:15px;bottom:-24px;width:49px;height:49px;display:grid;place-items:center;border:3px solid #fff;border-radius:12px;background:#fff;color:var(--primary);font-weight:900;box-shadow:var(--shadow-sm)}.company-admin-body{padding:34px 15px 15px}.company-admin-body h3{margin:0}.company-admin-body small{color:var(--muted)}.company-admin-body>p{min-height:45px;color:var(--muted);font-size:.7rem}.company-admin-meta{display:flex;gap:7px;margin:9px 0}.company-admin-meta span{padding:4px 7px;border-radius:7px;background:#f8fafc;color:var(--muted);font-size:.65rem}.company-admin-card form{display:flex;gap:6px}
@media(max-width:900px){.admin-filters{grid-template-columns:1fr 1fr}.admin-filters input{grid-column:1/-1}.company-admin-grid{grid-template-columns:1fr}}
@media(max-width:620px){.admin-filters{grid-template-columns:1fr}.admin-filters input{grid-column:auto}.company-admin-grid{padding:10px}}

.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.health-card{display:flex;align-items:center;gap:11px;padding:16px;border:1px solid var(--border);border-radius:14px;background:#fff}.health-card>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:11px;font-weight:900}.health-card.healthy>span{color:#166534;background:#dcfce7}.health-card.unhealthy>span{color:#991b1b;background:#fee2e2}.health-card h3{margin:0;font-size:.82rem}.health-card p{margin:2px 0 0;color:var(--muted);font-size:.65rem}@media(max-width:1000px){.health-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.health-grid{grid-template-columns:1fr}}
/* CRM and operational admin */
.crm-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}.crm-metrics article{background:#fff;border:1px solid #dfe8f3;border-radius:18px;padding:18px;min-height:130px;display:flex;flex-direction:column;box-shadow:0 8px 25px rgba(19,42,88,.05)}.crm-metrics article>span{color:#167a61;font-size:1.2rem}.crm-metrics strong{font-size:1.75rem;margin-top:auto;color:#10234e}.crm-metrics small{color:#65728a}.crm-list{display:grid}.crm-list>a,.task-row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #edf1f6;color:inherit}.crm-list>a>div,.task-row>div{flex:1;min-width:0}.crm-list small,.lead-card small,.table td small{display:block;color:#748096;margin-top:3px}.crm-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.crm-shortcuts a{padding:20px;border:1px solid #dbe5f0;border-radius:16px;color:#10234e;transition:.2s}.crm-shortcuts a:hover{border-color:#176b55;background:#f0faf6;transform:translateY(-3px)}.crm-shortcuts span{display:block;color:#718096;font-size:.75rem;margin-top:4px}.lead-board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lead-card,.request-card{border:1px solid #dfe7ef;border-radius:18px;padding:17px;background:#fff}.lead-main{display:flex;align-items:center;gap:12px;margin-bottom:14px}.lead-main>div{flex:1}.lead-main h3{margin:0}.lead-card form{display:grid;grid-template-columns:150px 1fr 2fr auto;gap:8px}.support-request-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.request-card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.request-card h3{margin:5px 0 0}.request-card time{font-size:.72rem;color:#758199}.request-card .actions{display:grid;grid-template-columns:140px 1fr auto}.task-priority{width:10px;height:10px;border-radius:50%;background:#6b7a91}.task-priority.high{background:#f59e0b}.task-priority.urgent{background:#dc2626}.task-priority.low{background:#3b82f6}.task-row select{width:125px}.responsive-table{overflow:auto}.user-cell{display:flex;align-items:center;gap:10px}@media(max-width:1150px){.crm-metrics{grid-template-columns:repeat(3,1fr)}.lead-card form{grid-template-columns:1fr 1fr}.crm-shortcuts{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.crm-metrics,.lead-board,.support-request-grid,.crm-shortcuts{grid-template-columns:1fr}.lead-card form,.request-card .actions{grid-template-columns:1fr}}
.admin-welcome{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(120deg,#12275a,#1e4598 65%,#176b55);color:#fff;border-radius:22px;padding:26px 30px;margin-bottom:20px;box-shadow:0 16px 35px rgba(18,39,90,.18)}.admin-welcome h2{color:#fff;margin:4px 0}.admin-welcome p{margin:0;color:#dbe6ff}.admin-welcome .eyebrow{color:#91f1d2}.welcome-actions{display:flex;gap:10px}.welcome-actions a{display:flex;flex-direction:column;min-width:120px;padding:14px;border-radius:14px;background:rgba(255,255,255,.12);color:#fff}.welcome-actions strong{font-size:1.5rem}.welcome-actions span{font-size:.7rem;color:#dce8ff}@media(max-width:700px){.admin-welcome{display:block}.welcome-actions{margin-top:18px}.welcome-actions a{min-width:0;flex:1}}
/* Green dashboard identity */
.dashboard-page{background:#f8fafc}.sidebar,.admin-sidebar{background:linear-gradient(180deg,#065f46,#022c22)!important;color:#d1fae5!important;box-shadow:0 20px 45px rgba(4,120,87,.18)!important}.sidebar-label{color:#6ee7b7!important}.sidebar a{color:#d1fae5!important}.sidebar a:hover,.sidebar a.active{background:rgba(16,185,129,.22)!important;color:#fff!important}.sidebar .button{color:#047857!important}.admin-welcome{background:linear-gradient(120deg,#065f46,#047857 65%,#10b981)!important}.crm-metrics article>span{color:#059669!important}.crm-metrics strong{color:#064e3b!important}.approval-tabs a.active{background:#059669!important;color:#fff!important}.admin-card,.panel{border-color:#e2e8f0!important}.metric-icon,.admin-brand-icon{background:#d1fae5!important;color:#047857!important}.topbar-user .avatar-mini{background:#d1fae5!important;color:#047857!important}
.company-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.content-manage-card{border:1px solid #dfe8e4;border-radius:18px;overflow:hidden;background:#fff;transition:.22s}.content-manage-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(5,95,70,.1)}.content-manage-card>img,.content-placeholder{width:100%;height:190px;object-fit:cover}.content-placeholder{display:grid;place-items:center;background:linear-gradient(125deg,#d1fae5,#ecfdf5);font-size:3rem;color:#047857;font-weight:900}.content-manage-body{padding:16px}.content-manage-body h3{margin:9px 0 4px}.content-manage-body p{color:#64748b;min-height:47px}.content-stats{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.content-stats span{background:#f0f7f4;border-radius:8px;padding:5px 8px;font-size:.68rem;color:#49645b}@media(max-width:760px){.company-content-grid{grid-template-columns:1fr}}
.metric:hover,.quick-action:hover{border-color:#6ee7b7!important;box-shadow:0 14px 28px rgba(5,150,105,.1)!important}.table tbody tr:hover{background:#f0fdf8!important}
