/* Hostinger hPanel reference-inspired UI system for Social Publisher Pro.
 * Original app content, business logic, routes, APIs and forms are unchanged.
 * Theme extracted from user-provided dark-mode hPanel computed CSS variables (2026-10-19).
 * Design implementation, not a copy of Hostinger's proprietary CSS or assets.
 */
:root{
  --h-color-neutral-0:#fff;--h-color-neutral-50:#f8f9fa;--h-color-neutral-100:#f5f5f6;
  --h-color-neutral-150:#e9e9ec;--h-color-neutral-200:#dedee2;--h-color-neutral-300:#c6c6cc;
  --h-color-neutral-400:#9d9ea4;--h-color-neutral-500:#797980;--h-color-neutral-600:#58585e;
  --h-color-neutral-700:#36363b;--h-color-neutral-800:#222225;--h-color-neutral-900:#18181a;
  --h-color-neutral-950:#101011;--h-color-neutral-1000:#000;
  --h-color-primary-50:#f5f6ff;--h-color-primary-100:#e6e8ff;--h-color-primary-200:#d9dbff;
  --h-color-primary-300:#bcbdff;--h-color-primary-400:#9d99ff;--h-color-primary-500:#7b66ff;
  --h-color-primary-600:#673de6;--h-color-primary-700:#471ea7;--h-color-primary-800:#331c74;
  --h-color-primary-a10:#7b66ff1a;--h-color-primary-a20:#7b66ff33;
  --h-bg-neutral-shell:#000;--h-bg-neutral-default:#18181a;--h-bg-neutral-secondary:#101011;
  --h-bg-neutral-elevated:#222225;--h-bg-neutral-surface:#ffffff1a;--h-bg-neutral-hover:#ffffff26;
  --h-fg-neutral-default:#f8f9fa;--h-fg-neutral-secondary:#9d9ea4;--h-fg-neutral-disabled:#797980;
  --h-stroke-default:#ffffff1a;--h-stroke-subtle:#ffffff0d;--h-stroke-strong:#f8f9fa;
  --h-bg-brand-default:#673de6;--h-bg-brand-hover:#7b66ff;--h-fg-brand-default:#9d99ff;
  --hp-green:#35c58b;--hp-red:#fa737d;--hp-orange:#ffbe62;
  --hp-radius-sm:8px;--hp-radius-md:12px;--hp-radius-lg:16px;
  --hp-font:'Noto Sans Arabic','DM Sans',Tahoma,Arial,sans-serif;
  --brand:#673de6;--brand2:#7b66ff;--ink:#f8f9fa;--sub:#9d9ea4;
  --line:#ffffff1a;--bg:#101011;--panel:#18181a;--good:#35c58b;--red:#fa737d;
  --pro-ink:#f8f9fa;--pro-muted:#9d9ea4;--pro-bg:#101011;--pro-line:#ffffff1a;
  --pro-accent:#673de6;--pro-accent2:#7b66ff;--pro-radius:16px;--pro-shadow:none;
  --comfort-bg:#101011;--comfort-panel:#18181a;--comfort-text:#f8f9fa;
  --comfort-muted:#9d9ea4;--comfort-line:#ffffff1a;--comfort-violet:#673de6;
  --comfort-purple-pale:#7b66ff1a;--comfort-green:#35c58b;--comfort-shadow:none;
}
html.mode-dark{color-scheme:dark}
body.hp-theme{background:#101011!important;color:#f8f9fa!important;font-family:var(--hp-font)!important;font-size:13px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.hp-theme *,body.hp-theme *:before,body.hp-theme *:after{box-sizing:border-box}
body.hp-theme ::selection{background:#7b66ff80;color:#fff}
body.hp-theme a:focus-visible,body.hp-theme button:focus-visible,body.hp-theme input:focus-visible,body.hp-theme select:focus-visible,body.hp-theme textarea:focus-visible{outline:2px solid #9d99ff;outline-offset:2px}
body.hp-theme svg{flex-shrink:0}
body.hp-theme .muted,body.hp-theme small,body.hp-theme .table-sub{color:var(--h-fg-neutral-secondary)}
body.hp-theme .ltr-cell,body.hp-theme [dir=ltr]{unicode-bidi:isolate}
body.hp-theme .mobile-overlay{background:#000a}

/* ===== hPanel two-level chrome. Fully RTL visual frame: sidebar RIGHT, Arabic labels and content flow right-to-left ===== */
.hp-global-header{height:68px;position:sticky;top:0;z-index:55;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;background:#000;border-bottom:1px solid #ffffff1a;direction:rtl;color:#f8f9fa}
.hp-global-leading,.hp-global-actions{display:flex;align-items:center;gap:19px;min-width:0}
.hp-global-actions{gap:8px;direction:rtl}
.hp-logo{display:inline-flex;gap:10px;align-items:center;flex:none;max-width:245px;color:#fff!important;direction:rtl}
.hp-logo-mark{width:36px;height:36px;background:var(--h-bg-brand-default);border-radius:10px;color:#fff;display:grid;place-items:center}
.hp-logo-text{display:block;font:700 15px/1.2 'DM Sans',var(--hp-font);max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-global-nav{display:flex;align-items:center;gap:5px;height:68px;direction:rtl}
.hp-global-nav>a{display:flex;align-items:center;gap:8px;height:100%;padding:0 13px;white-space:nowrap;color:#c6c6cc!important;font-size:12px;font-weight:650;position:relative}
.hp-global-nav>a:hover{color:#fff!important;background:#ffffff0d}
.hp-global-nav>a.active{color:#fff!important}
.hp-global-nav>a.active:after{content:"";position:absolute;bottom:0;inset-inline:12px;height:3px;background:#7b66ff;border-radius:4px 4px 0 0}
.hp-header-icon{width:38px;height:38px;flex:none;border:0;border-radius:8px;display:grid;place-items:center;color:#c6c6cc!important;background:transparent;cursor:pointer}
.hp-header-icon:hover{background:#ffffff1a;color:#fff!important}
.hp-top-create{background:#673de6;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;height:36px;padding:0 13px;font-size:12px;font-weight:750;white-space:nowrap}
.hp-top-create:hover{background:#7b66ff}
.hp-account{display:inline-flex;align-items:center;gap:9px;padding:5px 7px;border-radius:8px;color:#f8f9fa!important}
.hp-account:hover{background:#ffffff12}
.hp-account-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#45209d;color:#fff;font-size:14px;font-weight:700}
.hp-account-name{font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-account-arrow{color:#9d9ea4;font-size:18px}
.hp-mobile-toggle{display:none}
.hp-theme.comfort-ui .shell.hp-layout{display:flex!important;flex-direction:row!important;direction:rtl;min-height:calc(100vh - 68px);background:#101011!important}
.hp-theme.comfort-ui .sidebar.hp-sidebar{width:258px!important;flex:0 0 258px!important;right:0;left:auto;top:68px!important;height:calc(100vh - 68px)!important;position:sticky!important;z-index:30;overflow:hidden;direction:rtl;display:flex;flex-direction:column;padding:0!important;border:0!important;border-left:1px solid #ffffff1a!important;border-right:0!important;background:#18181a!important;color:#f8f9fa!important;box-shadow:none!important}
.hp-sidebar-top{direction:rtl;border-bottom:1px solid #ffffff12}
.hp-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 18px;color:#f8f9fa;font-size:13px;font-weight:800}
.hp-sidebar-header a{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#9d9ea4}
.hp-sidebar-header a:hover{background:#ffffff12;color:#fff}
.hp-workspace-selector{padding:7px 14px 17px}
.hp-workspace-selector>small{font-size:10px;display:block;padding:0 4px 7px;color:#9d9ea4}
.hp-workspace-selector>a{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 9px;border:1px solid #ffffff1a;border-radius:10px;color:#fff!important;background:#222225}
.hp-workspace-selector>a:hover{border-color:#7b66ff80;background:#26242e}
.hp-workspace-icon{display:grid;place-items:center;color:#bcbdff;width:30px;height:30px;border-radius:7px;background:#673de633}
.hp-workspace-name{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.hp-workspace-chevron{color:#9d9ea4;font-size:17px}
.hp-theme.comfort-ui .sidebar .comfort-nav-scroll.hp-sidebar-scroll{overflow:auto!important;padding:11px 10px 18px;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#36363b transparent}
.hp-theme.comfort-ui .sidebar .side-label.hp-side-group{margin:17px 9px 6px!important;padding:0 7px 4px!important;color:#797980!important;font-weight:700!important;font-size:10px!important}
.hp-theme.comfort-ui .sidebar .side-link{height:39px!important;display:flex!important;align-items:center;gap:12px;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#c6c6cc!important;font-size:12px!important;font-weight:600!important;padding:0 12px!important;margin:2px 0!important;line-height:1.3;text-align:right}
.hp-theme.comfort-ui .sidebar .side-link svg{color:#9d9ea4;width:19px;height:19px}
.hp-theme.comfort-ui .sidebar .side-link:hover{background:#ffffff0d!important;color:#f8f9fa!important}
.hp-theme.comfort-ui .sidebar .side-link:hover svg{color:#f8f9fa}
.hp-theme.comfort-ui .sidebar .side-link.active{background:#7b66ff26!important;color:#e6e8ff!important;box-shadow:inset -3px 0 0 #7b66ff!important}
.hp-theme.comfort-ui .sidebar .side-link.active svg{color:#bcbdff!important}
.hp-theme.comfort-ui .sidebar .side-link:before{display:none!important}
.hp-theme.comfort-ui .sidebar .side-link.hp-action-link{color:#d9dbff!important}
.hp-theme .comfort-new-pill{background:#673de633;color:#bcbdff;padding:2px 6px;font:800 9px/1.5 'DM Sans',sans-serif}
.hp-sidebar-bottom{border-top:1px solid #ffffff12;padding:13px}
.hp-help{display:flex;align-items:center;gap:10px;border:1px solid #ffffff1a;border-radius:10px;background:#222225;padding:10px;color:#fff!important}
.hp-help:hover{border-color:#9d99ff80}
.hp-help-icon{display:grid;place-items:center;color:#bcbdff;background:#673de626;width:32px;height:32px;border-radius:8px;flex:none}
.hp-help>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}
.hp-help strong{font-size:11px;white-space:nowrap}
.hp-help small{font-size:9px;line-height:1.5;color:#9d9ea4;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hp-help-arrow{color:#9d99ff}
.hp-theme .hp-sidebar-user{margin:10px 0 0!important;padding:10px 4px 0!important;border:0!important}
.hp-theme .hp-sidebar-user b{color:#f8f9fa!important}
.hp-theme .hp-sidebar-user small{color:#9d9ea4!important}
.hp-theme .hp-sidebar-user .comfort-profile-avatar{background:#673de633;color:#d9dbff}
.hp-theme .hp-sidebar-user .comfort-logout{color:#9d9ea4}
.hp-theme .hp-sidebar-user .comfort-logout:hover{color:#f8f9fa;background:#ffffff1a}
.hp-theme.comfort-ui .main.hp-main{flex:1!important;width:auto!important;min-width:0;direction:rtl;display:flex;flex-direction:column;background:#101011!important}
.hp-subheader{background:#101011;border-bottom:1px solid #ffffff12;padding:22px clamp(18px,3vw,40px) 20px;display:flex;flex-direction:column;gap:7px;min-height:110px}
.hp-breadcrumb{display:flex;align-items:center;gap:10px;min-height:20px;color:#9d9ea4;font-size:11px}
.hp-breadcrumb a{display:inline-flex;align-items:center;gap:5px;color:#9d9ea4!important}
.hp-breadcrumb a:hover{color:#fff!important}
.hp-crumb-chevron{color:#797980;direction:ltr;font-size:22px;line-height:1}
.hp-breadcrumb-current{color:#c6c6cc;font-weight:600}
.hp-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hp-page-header>h1{font:700 26px/1.45 var(--hp-font);margin:0;color:#f8f9fa;letter-spacing:-.25px}
.hp-subheader-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#bcbdff!important}
.hp-subheader-link:hover{color:#fff!important}
.hp-theme.comfort-ui .content{width:100%!important;max-width:1480px!important;margin:0 auto!important;padding:26px clamp(16px,3vw,40px) 54px!important;flex:1;min-width:0;color:#f8f9fa}
.hp-page-footer{border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;gap:15px;padding:14px clamp(16px,3vw,40px);font-size:10px;color:#797980}

/* ===== Reusable hPanel components (dashboard, accounts, admin, scheduling, library) ===== */
.hp-theme .heading,.hp-theme .section-heading,.hp-theme .ai-headline{gap:14px}
.hp-theme .heading{margin:0 0 23px!important;align-items:center}
.hp-theme .heading h1{font-size:20px!important;line-height:1.6!important;font-weight:750!important;color:#f8f9fa!important;letter-spacing:-.25px!important}
.hp-theme .heading p,.hp-theme .heading .muted{color:#9d9ea4!important;font-size:12px!important;line-height:1.7}
.hp-theme .heading .eyebrow{color:#9d99ff!important;font-size:11px!important;letter-spacing:0!important}
.hp-theme .heading-wave{color:#9d99ff}
.hp-theme.comfort-ui .panel,.hp-theme.comfort-ui .metric,.hp-theme.comfort-ui .client-card,.hp-theme.comfort-ui .item-editor,.hp-theme.comfort-ui .media-tile,.hp-theme.comfort-ui .account.pro-account,.hp-theme.comfort-ui .ai-panel,.hp-theme.comfort-ui .admin-spotlight,.hp-theme.comfort-ui .comfort-live-preview,.hp-theme .ai-workspace-chip{
  background:#18181a!important;border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:none!important;color:#f8f9fa!important;
}
.hp-theme.comfort-ui .panel{padding:24px!important;margin-bottom:20px!important}
.hp-theme .panel h2,.hp-theme .panel h3,.hp-theme .section-heading h2,.hp-theme .section-heading h3,.hp-theme .admin-spotlight strong{color:#f8f9fa!important}
.hp-theme .panel h2,.hp-theme .section-heading h2{font-size:16px!important;font-weight:750!important;line-height:1.55}
.hp-theme .panel h3{font-size:14px!important}
.hp-theme .section-heading{border-color:#ffffff1a!important;margin-bottom:17px!important}
.hp-theme .section-heading .muted,.hp-theme .section-heading p{color:#9d9ea4!important}
.hp-theme.comfort-ui .metric-grid{gap:16px!important;margin-bottom:20px!important}
.hp-theme.comfort-ui .metric{padding:20px 22px!important;min-height:153px;position:relative;overflow:hidden}
.hp-theme.comfort-ui .metric b{font:700 29px/1.4 'DM Sans',var(--hp-font);display:block;color:#f8f9fa!important;margin:10px 0 4px}
.hp-theme.comfort-ui .metric small,.hp-theme.comfort-ui .metric p{color:#9d9ea4!important;font-size:11px}
.hp-theme .metric-icon{width:40px!important;height:40px!important;border-radius:10px!important;background:#7b66ff1a!important;color:#bcbdff!important}
.hp-theme .metric-icon.sky{background:#349bf51a!important;color:#85bfff!important}
.hp-theme .metric-icon.green{background:#35c58b1a!important;color:#35c58b!important}
.hp-theme .metric-icon.amber{background:#ffbe621a!important;color:#ffbe62!important}
.hp-theme.comfort-ui .dashboard-columns{gap:20px!important;margin-bottom:0!important}
.hp-theme .smart-row,.hp-theme .health-row,.hp-theme .account,.hp-theme .key-entry{border-color:#ffffff12!important}
.hp-theme .smart-row strong,.hp-theme .health-row b,.hp-theme .account strong,.hp-theme .client-card strong{color:#f8f9fa!important}
.hp-theme .smart-row small,.hp-theme .account small,.hp-theme .health-row>span{color:#9d9ea4!important}
.hp-theme .smart-row:hover{background:#ffffff05}
.hp-theme .time-chip,.hp-theme .number-pill{background:#ffffff12!important;border:1px solid #ffffff1a!important;color:#d9dbff!important;border-radius:8px!important}
.hp-theme .empty-panel,.hp-theme .empty-state{background:transparent!important;color:#9d9ea4!important}
.hp-theme .empty-panel svg,.hp-theme .empty-state svg{color:#797980}
.hp-theme .empty-panel h3,.hp-theme .empty-state h3{color:#f8f9fa!important}
.hp-theme .quick-grid>a{background:#222225!important;border:1px solid #ffffff1a!important;border-radius:10px!important;color:#f8f9fa!important}
.hp-theme .quick-grid>a:hover{border-color:#7b66ff80!important;background:#292333!important}
.hp-theme .quick-grid svg{color:#bcbdff}
.hp-theme.comfort-ui .btn,.hp-theme .ai-btn{border-radius:8px!important;font-size:12px!important;font-weight:700!important;min-height:39px;box-shadow:none!important;transition:background .16s ease,border-color .16s ease,filter .16s ease!important;transform:none!important}
.hp-theme.comfort-ui .btn.primary,.hp-theme .ai-btn-primary,.hp-theme.auth-page .btn.primary,.hp-theme.public-page .btn.primary{background:#673de6!important;border:1px solid #673de6!important;color:#fff!important;box-shadow:none!important}
.hp-theme.comfort-ui .btn.primary:hover,.hp-theme .ai-btn-primary:hover,.hp-theme.auth-page .btn.primary:hover,.hp-theme.public-page .btn.primary:hover{background:#7b66ff!important;border-color:#7b66ff!important;transform:none!important;filter:none!important}
.hp-theme.comfort-ui .btn.outline,.hp-theme.comfort-ui .btn.subtle,.hp-theme .ai-btn-light{background:transparent!important;border:1px solid #ffffff40!important;color:#f8f9fa!important;box-shadow:none!important}
.hp-theme.comfort-ui .btn.outline:hover,.hp-theme.comfort-ui .btn.subtle:hover,.hp-theme .ai-btn-light:hover{background:#ffffff12!important;border-color:#ffffff80!important;color:#fff!important}
.hp-theme .tiny-link,.hp-theme .inline-link,.hp-theme .ai-text-btn{color:#bcbdff!important}
.hp-theme .tiny-link:hover,.hp-theme .inline-link:hover{color:#fff!important}
.hp-theme .status{font-size:10px!important;font-weight:700!important;border-radius:7px!important;padding:5px 9px!important}
.hp-theme .status.ok,.hp-theme .status.green{background:#35c58b1a!important;color:#55dda1!important}
.hp-theme .status.bad{background:#fa737d1a!important;color:#ff929a!important}
.hp-theme .status.warn{background:#ffbe621a!important;color:#ffcb87!important}
.hp-theme .status-dot.green{background:#35c58b!important}.hp-theme .status-dot.red{background:#fa737d!important}
.hp-theme .alert{border-radius:10px!important;border:1px solid #ffffff1a!important;color:#f8f9fa!important;background:#222225!important}
.hp-theme .alert.success{border-color:#35c58b66!important;background:#35c58b10!important;color:#71e6b2!important}
.hp-theme .alert.error{border-color:#fa737d66!important;background:#fa737d10!important;color:#ff9ca3!important}
.hp-theme .admin-spotlight{border-color:#ffbe6266!important;background:#ffbe620d!important}
.hp-theme .admin-spotlight p{color:#c6c6cc!important}

/* ===== Inputs, controls, filters and modal content ===== */
.hp-theme.comfort-ui label{color:#c6c6cc!important;font-size:12px!important;font-weight:650!important}
.hp-theme.comfort-ui input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.hp-theme.comfort-ui textarea,.hp-theme.comfort-ui select,
.hp-theme .ai-label input,.hp-theme .ai-label textarea,.hp-theme .ai-label select{
  background:#101011!important;border:1px solid #ffffff33!important;border-radius:8px!important;color:#f8f9fa!important;padding:10px 12px!important;min-height:41px;box-shadow:none!important;font-size:12px!important;font-family:var(--hp-font)!important
}
.hp-theme.comfort-ui input::placeholder,.hp-theme.comfort-ui textarea::placeholder{color:#797980!important}
.hp-theme.comfort-ui input:focus,.hp-theme.comfort-ui select:focus,.hp-theme.comfort-ui textarea:focus,.hp-theme .ai-label input:focus,.hp-theme .ai-label select:focus,.hp-theme .ai-label textarea:focus{border-color:#9d99ff!important;box-shadow:0 0 0 3px #7b66ff33!important;outline:none!important}
.hp-theme input[type=checkbox],.hp-theme input[type=radio]{accent-color:#673de6}
.hp-theme select option{background:#18181a;color:#f8f9fa}
.hp-theme .toolbar-filters,.hp-theme .comfort-table-tools{background:#222225!important;border:1px solid #ffffff12!important;border-radius:10px!important;padding:15px!important;margin-bottom:15px!important}
.hp-theme .toolbar-filters label{color:#c6c6cc!important}
.hp-theme .comfort-table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hp-theme .comfort-table-tools strong{font-size:13px;color:#f8f9fa!important}
.hp-theme .comfort-table-tools small{color:#9d9ea4!important}
.hp-theme .comfort-search svg{color:#9d9ea4}
.hp-theme .table-wrap{border:1px solid #ffffff1a!important;border-radius:10px!important;overflow-x:auto;background:#18181a}
.hp-theme .pro-table{background:#18181a!important;color:#dedee2!important;border-spacing:0;border-collapse:collapse}
.hp-theme .pro-table thead,.hp-theme .pro-table th{background:#222225!important;color:#c6c6cc!important}
.hp-theme .pro-table th,.hp-theme .pro-table td{border-color:#ffffff12!important}
.hp-theme .pro-table tr:hover td{background:#ffffff08!important}
.hp-theme .pro-table td strong{color:#f8f9fa!important}
.hp-theme .table-media strong{color:#f8f9fa!important}
.hp-theme .table-media small,.hp-theme .pro-table small{color:#9d9ea4!important}
.hp-theme .pagination,.hp-theme .pagination a,.hp-theme .pagination span{color:#c6c6cc}
.hp-theme .pagination [aria-current] span{background:#673de6!important;color:#fff!important;border-color:#673de6!important}
.hp-theme .pagination a:hover{background:#222225!important}
.hp-theme .badge,.hp-theme .number-pill{border-color:#ffffff1a!important}

/* ===== Media, workspaces, scheduling and AI studio ===== */
.hp-theme .client-card,.hp-theme .media-tile,.hp-theme .account.pro-account{background:#18181a!important;color:#f8f9fa!important}
.hp-theme .client-card:hover,.hp-theme .media-tile:hover{border-color:#7b66ff80!important}
.hp-theme .account-list,.hp-theme .cards,.hp-theme .media-grid{gap:16px!important}
.hp-theme .platform-mark{border:1px solid #ffffff1a}
.hp-theme .comfort-workflow-banner{background:#7b66ff12!important;border:1px solid #7b66ff33!important;border-radius:12px!important;color:#d9dbff!important}
.hp-theme .comfort-workflow-banner strong{color:#f8f9fa!important}
.hp-theme .comfort-workflow-banner small{color:#c6c6cc!important}
.hp-theme .comfort-workflow-icon{background:#7b66ff26!important;color:#bcbdff!important}
.hp-theme .comfort-step-label{background:#7b66ff26!important;color:#d9dbff!important}
.hp-theme .comfort-account-bar-head strong,.hp-theme .comfort-account-chip b{color:#f8f9fa!important}
.hp-theme .comfort-account-bar-head small,.hp-theme .comfort-account-chip small{color:#9d9ea4!important}
.hp-theme .comfort-account-chip{background:#222225!important;border:1px solid #7b66ff66!important;border-radius:10px!important;color:#f8f9fa!important}
.hp-theme .comfort-account-chip:has(input:not(:checked)){background:#18181a!important;border-color:#ffffff1a!important;opacity:.75}
.hp-theme .comfort-no-accounts{background:#18181a!important;color:#9d9ea4;border-color:#ffffff1a!important}
.hp-theme.comfort-ui .composer-grid{grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important}
.hp-theme .dropzone,.hp-theme.comfort-ui .composer-primary .dropzone{background:#222225!important;border:2px dashed #7b66ff80!important;border-radius:12px!important;color:#f8f9fa!important}
.hp-theme .dropzone:hover{background:#7b66ff12!important;border-color:#9d99ff!important}
.hp-theme .upload-icon{background:#7b66ff26!important;color:#bcbdff!important}
.hp-theme .progress-info{color:#c6c6cc}
.hp-theme .item-editor,.hp-theme .composer-side .panel{background:#18181a!important;color:#f8f9fa!important}
.hp-theme.comfort-ui .comfort-live-preview{padding:16px!important}
.hp-theme .comfort-live-preview-title strong{color:#f8f9fa!important}.hp-theme .comfort-live-preview-title small{color:#9d9ea4!important}
.hp-theme .comfort-preview-social{background:#101011!important;border-color:#ffffff1a!important}
.hp-theme .comfort-preview-social b{color:#f8f9fa!important}
.hp-theme .comfort-preview-social small,.hp-theme .comfort-preview-dots{color:#9d9ea4!important}
.hp-theme .comfort-preview-user{background:#7b66ff26!important;color:#bcbdff!important}
.hp-theme .comfort-preview-image{background:linear-gradient(145deg,#331c74,#673de6,#222225)!important}
.hp-theme .comfort-preview-caption{color:#dedee2!important}
.hp-theme .comfort-preview-hashtags{color:#bcbdff!important}
.hp-theme .comfort-preview-note{background:#222225!important;color:#9d9ea4!important}
.hp-theme .calendar-grid{background:#18181a!important;border:1px solid #ffffff1a!important}
.hp-theme .calendar-day-title{background:#222225!important;border-color:#ffffff1a!important;color:#c6c6cc!important}
.hp-theme .calendar-cell{background:#18181a!important;border-color:#ffffff12!important;color:#f8f9fa!important}
.hp-theme .calendar-cell.today{background:#7b66ff12!important;border-color:#7b66ff!important}
.hp-theme .calendar-cell.other-month{opacity:.5}
.hp-theme .calendar-cell:hover{background:#222225!important}
.hp-theme .calendar-event{background:#7b66ff26!important;color:#d9dbff!important}
.hp-theme .ai-headline h1{color:#f8f9fa!important}
.hp-theme .ai-headline p,.hp-theme .ai-panel-heading p{color:#9d9ea4!important}
.hp-theme .ai-kicker,.hp-theme .ai-gradient-text{color:#bcbdff!important;background:none!important}
.hp-theme .ai-workspace-chip{padding:12px 14px!important}
.hp-theme .ai-workspace-chip strong,.hp-theme .ai-panel-heading h2,.hp-theme .ai-tips h3{color:#f8f9fa!important}
.hp-theme .ai-workspace-chip small,.hp-theme .ai-workspace-chip a{color:#9d9ea4!important}
.hp-theme .ai-workspace-chip a:hover{color:#bcbdff!important}
.hp-theme .ai-workspace-avatar,.hp-theme .ai-panel-emoji,.hp-theme .ai-tips b{background:#7b66ff26!important;color:#bcbdff!important}
.hp-theme .ai-panel-heading,.hp-theme .ai-form-footer,.hp-theme .ai-key-entry,.hp-theme .ai-key-details,.hp-theme .ai-key-foot{border-color:#ffffff1a!important}
.hp-theme .ai-panel-heading h2{font-size:16px!important}
.hp-theme .ai-badge-outline{border-color:#7b66ff66!important;color:#bcbdff!important;background:#7b66ff12!important}
.hp-theme .ai-tabs{background:#101011!important;border:1px solid #ffffff1a!important}
.hp-theme .ai-tab{color:#9d9ea4!important;background:transparent!important}
.hp-theme .ai-tab:hover{color:#fff!important;background:#ffffff12!important}
.hp-theme .ai-tab.active{color:#d9dbff!important;background:#673de633!important;box-shadow:none!important}
.hp-theme .ai-label{color:#dedee2!important}
.hp-theme .ai-form-footer span{color:#9d9ea4!important}
.hp-theme .ai-result,.hp-theme .ai-result-text,.hp-theme .ai-history-card,.hp-theme .ai-history-type{background:#222225!important;border:1px solid #ffffff1a!important;color:#dedee2!important}
.hp-theme .ai-result-head h3{color:#55dda1!important}
.hp-theme .ai-history-card h4,.hp-theme .ai-key-info strong{color:#f8f9fa!important}
.hp-theme .ai-history-card p,.hp-theme .ai-history-meta small,.hp-theme .ai-key-info small,.hp-theme .ai-tips>div{color:#9d9ea4!important}
.hp-theme .ai-key-details summary{color:#bcbdff!important}
.hp-theme .ai-provider-dot{background:#7b66ff26!important;color:#bcbdff!important}
.hp-theme .ai-led{box-shadow:0 0 0 4px #35c58b26}
.hp-theme .ai-error,.hp-theme .ai-feedback-error{color:#ff929a!important}
.hp-theme .ai-empty-small strong{color:#f8f9fa!important}
.hp-theme .ai-empty-small p{color:#9d9ea4!important}

/* ===== Public and authorization pages carry the same dark hPanel styling ===== */
.hp-theme.auth-page .auth-main,.hp-theme.public-page .public-nav,.hp-theme.public-page .public-header,.hp-theme.public-page .public-footer{background:#101011!important;color:#f8f9fa!important;border-color:#ffffff1a!important}
.hp-theme.auth-page .auth-promo{background:linear-gradient(155deg,#18181a 10%,#331c74 90%)!important;color:#f8f9fa!important}
.hp-theme.auth-page .auth-card{background:#18181a!important;border:1px solid #ffffff1a!important;border-radius:16px!important;padding:28px!important;box-shadow:none!important;color:#f8f9fa!important}
.hp-theme.auth-page .auth-card h1,.hp-theme.auth-page .auth-card h2,.hp-theme.public-page h1,.hp-theme.public-page h2,.hp-theme.public-page h3{color:#f8f9fa!important}
.hp-theme.auth-page .auth-form input,.hp-theme.auth-page .auth-form select{background:#101011!important;color:#f8f9fa!important;border:1px solid #ffffff33!important;border-radius:8px!important}
.hp-theme.auth-page .auth-form input:focus{border-color:#9d99ff!important;outline:2px solid #9d99ff33}
.hp-theme.auth-page .auth-promo-copy p,.hp-theme.auth-page .auth-top a,.hp-theme.auth-page .auth-legal,.hp-theme.public-page .public-links a,.hp-theme.public-page .public-footer p{color:#c6c6cc!important}
.hp-theme.auth-page .auth-small-cards>div,.hp-theme.public-page .feature-card,.hp-theme.public-page .hero-dashboard,.hp-theme.public-page .price-card,.hp-theme.public-page .faq-item{
  background:#18181a!important;color:#f8f9fa!important;border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:none!important}
.hp-theme.public-page .hero-eyebrow{background:#7b66ff1a!important;color:#bcbdff!important}
.hp-theme.public-page .btn.text-btn{color:#c6c6cc!important}
.hp-theme.public-page .btn.text-btn:hover{color:#fff!important}
.hp-theme.public-page .hero p,.hp-theme.public-page .feature-card p,.hp-theme.public-page .faq-item p{color:#9d9ea4!important}
.hp-theme.public-page .public-shell{background:#101011!important;color:#f8f9fa!important}

/* ===== Responsive: Arabic RTL: sidebar occupies right edge, mobile drawer opens from right ===== */
@media(min-width:1500px){.hp-theme.comfort-ui .content{max-width:1510px!important}}
@media(max-width:1240px){
  .hp-global-header{padding:0 14px}.hp-global-leading{gap:9px}.hp-global-nav>a{padding:0 9px;font-size:11px}
  .hp-theme.comfort-ui .sidebar.hp-sidebar{width:234px!important;flex-basis:234px!important}
  .hp-theme.comfort-ui .content{padding:23px 22px 42px!important}
  .hp-theme.comfort-ui .composer-grid{grid-template-columns:minmax(0,1fr) 300px!important}
}
@media(max-width:1010px){
  .hp-global-nav>a span{display:none}.hp-global-nav>a{padding:0 9px}
  .hp-logo-text{max-width:130px}
  .hp-theme.comfort-ui .sidebar.hp-sidebar{width:215px!important;flex-basis:215px!important}
  .hp-theme.comfort-ui .dashboard-columns{grid-template-columns:1fr!important}
  .hp-theme.comfort-ui .composer-grid{grid-template-columns:1fr!important}
}
@media(max-width:800px){
  .hp-global-header{height:60px;padding:0 12px;gap:8px}
  .hp-mobile-toggle{display:grid}.hp-global-nav{display:none}.hp-logo-text{font-size:12px}
  .hp-global-leading{gap:7px}.hp-global-actions{gap:3px}
  .hp-theme.comfort-ui .shell.hp-layout{display:block!important;min-height:calc(100vh - 60px)!important}
  .hp-theme.comfort-ui .sidebar.hp-sidebar{position:fixed!important;top:0!important;right:0!important;left:auto!important;width:min(300px,88vw)!important;height:100dvh!important;transform:translateX(110%)!important;transition:transform .22s ease!important;z-index:90!important;box-shadow:0 14px 70px #000b!important}
  .hp-theme.comfort-ui .sidebar.hp-sidebar.open{transform:translateX(0)!important}
  .hp-theme .mobile-overlay.open{z-index:80!important}
  .hp-subheader{min-height:96px;padding:15px 16px}
  .hp-page-header>h1{font-size:21px}
  .hp-theme.comfort-ui .content{padding:18px 13px 36px!important}
  .hp-theme.comfort-ui .dashboard-columns{grid-template-columns:1fr!important}
  .hp-theme.comfort-ui .composer-grid{grid-template-columns:1fr!important}
  .hp-theme.comfort-ui .composer-side{display:grid;grid-template-columns:1fr!important}
  .hp-theme.comfort-ui .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .hp-theme.comfort-ui .metric{min-height:136px;padding:16px!important}
  .hp-theme.comfort-ui .panel{padding:17px!important}
  .hp-theme.comfort-ui .heading{align-items:flex-start;flex-direction:column}
  .hp-theme .comfort-table-tools{flex-wrap:wrap}.hp-theme .comfort-search{max-width:none;width:100%}
}
@media(max-width:540px){
  .hp-global-actions .hp-top-create{width:35px;height:35px;padding:0}.hp-top-create span{display:none}
  .hp-account-name,.hp-account-arrow,.hp-global-actions>.hp-header-icon{display:none}
  .hp-subheader-link{display:none}
  .hp-theme.comfort-ui .metric-grid{gap:9px!important}
  .hp-theme.comfort-ui .metric b{font-size:25px!important}
  .hp-theme.comfort-ui .heading h1{font-size:19px!important}
  .hp-theme.comfort-ui .panel{padding:15px!important}
  .hp-theme .comfort-account-items{grid-template-columns:1fr!important}
  .hp-theme .quick-grid{grid-template-columns:1fr!important}
  .hp-page-footer{padding:12px;gap:8px;flex-direction:column}
  .hp-theme .ai-grid-two{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.hp-theme *,.hp-theme *:before,.hp-theme *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Explicit right-to-left alignment for the Arabic dashboard; preserve intentionally LTR fields. */
body.hp-theme.dashboard-page .hp-global-leading,body.hp-theme.dashboard-page .hp-global-actions,body.hp-theme.dashboard-page .hp-sidebar-scroll,body.hp-theme.dashboard-page .hp-page-header,body.hp-theme.dashboard-page .hp-breadcrumb{direction:rtl}
body.hp-theme.dashboard-page .hp-sidebar-scroll .side-link{flex-direction:row;text-align:right}
body.hp-theme.dashboard-page .hp-main .content{direction:rtl;text-align:start}
body.hp-theme.dashboard-page [dir="ltr"]{direction:ltr;text-align:left}