@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d0c0c;--panel:#151313;--line:#2b2727;--text:#f8f4ee;--muted:#aaa29a;--gold:#d1ac70;--danger:#b85858}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}h1{font-size:38px;margin:8px 0}h2{margin-top:28px}p{color:var(--muted)}.brand{font-weight:900;font-size:28px;letter-spacing:5px}.brand span,.ey{color:var(--gold)}.ey{font-size:12px;letter-spacing:2px;text-transform:uppercase}.app{display:grid;grid-template-columns:285px 1fr;min-height:100vh}.sidebar{background:#0b0a0a;border-inline-end:1px solid var(--line);padding:27px 20px}.side-sub{color:var(--muted);font-size:13px;margin:8px 0 25px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:11px 13px;border-radius:11px;color:#c0b7ae}.sidebar nav a:hover,.sidebar nav a.active{background:#211b16;color:#fff}.main{padding:25px 34px}.toolbar,.page-head,.top,.row,.client-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.toolbar{font-size:13px;color:var(--muted);margin-bottom:24px}.lang{display:flex;gap:8px}.page-head{margin-bottom:20px}.btn{display:inline-block;border:0;background:var(--gold);color:#17120d;padding:11px 16px;border-radius:999px;font-weight:700;cursor:pointer}.ghost{background:transparent;color:#fff;border:1px solid var(--line)}.danger{background:var(--danger);color:white}.stats,.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.stat,.panel,.card,.message{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:18px}.stat span{color:var(--muted);font-size:13px}.stat b{display:block;margin-top:8px;font-size:22px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row{padding:15px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row p{margin:6px 0}.badge{display:inline-block;padding:7px 10px;border-radius:999px;background:#242020;color:#d5ccc3;font-size:12px}.good{color:#8bd2a0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.thumb{width:100%;height:230px;object-fit:cover;border-radius:12px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid.one{grid-template-columns:1fr}.form-grid label{display:grid;gap:7px;color:var(--muted)}input,select,textarea{width:100%;background:#0e0d0d;color:#fff;border:1px solid var(--line);border-radius:11px;padding:11px}.hidden{display:none}.event-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.event-tabs a{border:1px solid var(--line);padding:9px 12px;border-radius:999px;color:#d6ccc3}.chat{display:grid;gap:12px;margin:16px 0}.message img{max-width:450px;width:100%;border-radius:12px}.approval-actions{display:flex;gap:8px;margin-top:12px}.report{max-width:1050px;margin:30px auto;padding:20px}.info-grid{grid-template-columns:repeat(3,1fr)}.report-item{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.report-item img{width:120px;height:90px;object-fit:cover;border-radius:11px}.privacy{margin-top:18px;padding:16px;border:1px solid #5d4c31;background:#18140f;border-radius:13px;color:var(--muted)}.login-bg{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 20%,#2a2016,#0b0a0a 45%)}.login-card{width:min(650px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px}.error,.success{padding:12px;border-radius:10px;margin:12px 0}.error{background:#3a1c1c}.success{background:#173523}.client-shell{min-height:100vh}.client-head{padding:22px 5%;border-bottom:1px solid var(--line)}.client-main{width:min(1180px,92%);margin:35px auto}
[dir=rtl] .sidebar{border-inline-end:0;border-inline-start:1px solid var(--line)}
@media(max-width:1000px){.app{grid-template-columns:1fr}.sidebar{border:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.stats,.cards{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.main{padding:20px}}
@media(max-width:600px){.stats,.cards,.info-grid,.form-grid{grid-template-columns:1fr}.page-head,.row{align-items:flex-start}.row{flex-direction:column}.report-item{grid-template-columns:85px 1fr}.report-item img{width:85px}.main{padding:16px}}
@media print{body{background:#fff;color:#111}.no-print{display:none}.stat,.panel,.card{background:#fff;border-color:#ddd}.stat span,p{color:#555}.report{margin:0;max-width:none}}

/* V5 Live Meeting */
.meeting-page{overflow:hidden}.meeting-top{height:78px;padding:12px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#0b0a0a}.meeting-top-actions{display:flex;gap:9px;align-items:center}.meeting-layout{height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr)}.video-panel,.selection-panel{min-width:0;padding:18px}.video-panel{border-inline-end:1px solid var(--line);display:flex;flex-direction:column}.room-heading,.selection-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.room-heading h2,.selection-head h2{margin:3px 0}.room-heading p,.selection-head p{margin:5px 0 12px}.video-frame{flex:1;min-height:360px;background:#050505;border:1px solid var(--line);border-radius:18px;overflow:hidden}.video-frame iframe{width:100%;height:100%;min-height:520px;border:0}.privacy-note{font-size:12px;color:var(--muted);padding:9px 3px}.selection-panel{overflow:auto;background:#100f0f}.catalog-picker{padding:12px;margin:8px 0 15px}.catalog-toolbar{display:grid;grid-template-columns:1fr 155px;gap:8px}.catalog-mini{display:flex;gap:8px;overflow:auto;padding-top:10px}.catalog-mini-item{min-width:220px;display:flex;align-items:center;gap:9px;background:#0d0c0c;border:1px solid var(--line);border-radius:12px;padding:8px;color:#fff;text-align:start;cursor:pointer}.catalog-mini-item:hover{border-color:var(--gold)}.catalog-mini-item img{width:58px;height:58px;object-fit:cover;border-radius:8px}.catalog-mini-item span{display:grid;gap:4px}.catalog-mini-item small{color:var(--muted)}.live-board{display:grid;gap:13px}.board-empty{border:1px dashed #3a3430;border-radius:16px;padding:35px;text-align:center;color:var(--muted)}.live-item{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.live-item>img{width:100%;height:240px;object-fit:cover}.live-item.approved{border-color:#315e40}.live-item.rejected{border-color:#663636}.live-item-body{padding:15px}.live-code{font-size:12px;letter-spacing:1.5px;color:var(--gold)}.live-item h3{margin:6px 0 9px}.live-meta{display:flex;gap:8px;flex-wrap:wrap}.live-meta span{font-size:12px;padding:6px 8px;border-radius:999px;background:#242020;color:#cfc5bb}.decision-state{margin:12px 0;padding:9px 11px;border-radius:10px;background:#29231b;color:#e0bd86;font-weight:700}.decision-state.approved{background:#173322;color:#8bd4a3}.decision-state.rejected{background:#381b1b;color:#ef9a9a}.decision-actions{display:flex;gap:8px}.small-btn{padding:8px 11px;font-size:12px}.comments{display:grid;gap:6px;margin-top:12px}.live-comment{font-size:12px;padding:8px 10px;border-radius:10px;background:#0d0c0c}.live-comment small{display:block;color:var(--muted);margin-top:3px}.comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px;z-index:100}.modal.hidden{display:none}.modal-card{position:relative;width:min(500px,100%);background:#151313;border:1px solid var(--line);border-radius:20px;padding:20px}.modal-x{position:absolute;top:10px;right:12px;background:transparent;color:#fff;border:0;font-size:27px;cursor:pointer}.modal-image{width:100%;height:220px;object-fit:cover;border-radius:13px;margin-bottom:12px}.modal-card form{display:grid;gap:10px}.modal-card label{display:grid;gap:6px;color:var(--muted)}.live-badge{background:#642626;color:#ffb0b0}
@media(max-width:1050px){.meeting-page{overflow:auto}.meeting-layout{height:auto;grid-template-columns:1fr}.video-panel{border-inline-end:0;border-bottom:1px solid var(--line)}.video-frame iframe{min-height:470px}.selection-panel{overflow:visible}.meeting-top{height:auto;align-items:flex-start}.meeting-top-actions{flex-wrap:wrap}}
@media(max-width:600px){.meeting-top{padding:12px}.meeting-layout{display:block}.video-panel,.selection-panel{padding:12px}.video-frame iframe{min-height:360px}.catalog-toolbar{grid-template-columns:1fr}.live-item>img{height:200px}}


/* ===== DORO V6 PREMIUM DYNAMIC UI ===== */
:root{--font-ar:'Tajawal';--font-en:'Manrope';--bg:#0b0b0c;--surface:#121214;--surface2:#18181b;--sidebar:#0e0e10;--text:#f7f3ef;--muted:#9e9894;--line:rgba(255,255,255,.08);--accent:#d1a086;--accent2:#b57d61;--accentText:#17100d;--danger:#d66f6f;--success:#71b88a;--shadow:0 18px 60px rgba(0,0,0,.22)}
html[data-theme="midnight-bronze"]{--bg:#0c1118;--surface:#121923;--surface2:#19222e;--sidebar:#091018;--text:#f5f0e8;--muted:#9ca5af;--line:rgba(214,169,111,.13);--accent:#c79357;--accent2:#9f6b39}
html[data-theme="graphite-champagne"]{--bg:#121315;--surface:#191b1e;--surface2:#202328;--sidebar:#0e0f11;--text:#f7f3ea;--muted:#a8a5a0;--line:rgba(255,255,255,.09);--accent:#d9bd8f;--accent2:#b29262}
html[data-theme="emerald-night"]{--bg:#08120f;--surface:#0e1b17;--surface2:#14241f;--sidebar:#07100d;--text:#f4f2e9;--muted:#98aaa3;--line:rgba(216,182,112,.12);--accent:#d3ae67;--accent2:#a98543}
html[data-theme="plum-luxe"]{--bg:#160d14;--surface:#21131e;--surface2:#2a1926;--sidebar:#110a10;--text:#fff4f7;--muted:#b9a0aa;--line:rgba(229,164,183,.12);--accent:#d99aae;--accent2:#b56e87}
html[data-theme="ivory-rose"]{--bg:#f7f3ef;--surface:#fffdfa;--surface2:#f0e8e2;--sidebar:#fffaf6;--text:#2b211e;--muted:#806f68;--line:rgba(73,48,38,.11);--accent:#c98f75;--accent2:#a76f58;--shadow:0 18px 55px rgba(82,55,42,.08)}
html[data-theme="warm-sand"]{--bg:#eee4d7;--surface:#f8f1e8;--surface2:#e6d7c6;--sidebar:#f4eadf;--text:#30241d;--muted:#7f6d60;--line:rgba(74,51,36,.12);--accent:#a97858;--accent2:#81563d;--shadow:0 18px 55px rgba(69,47,33,.08)}
html[data-theme="pearl-white"]{--bg:#f5f5f3;--surface:#ffffff;--surface2:#ebebe7;--sidebar:#fafaf8;--text:#242321;--muted:#77736d;--line:rgba(30,29,27,.1);--accent:#b5875f;--accent2:#916746;--shadow:0 18px 55px rgba(0,0,0,.06)}
html[data-theme="soft-stone"]{--bg:#e9e8e5;--surface:#f7f6f3;--surface2:#deddd9;--sidebar:#f0efec;--text:#292a2a;--muted:#747472;--line:rgba(30,31,31,.1);--accent:#776c61;--accent2:#514a43;--shadow:0 18px 55px rgba(0,0,0,.06)}
html[data-theme="minimal-beige"]{--bg:#f1e9de;--surface:#fbf6ef;--surface2:#e9dccd;--sidebar:#f7efe5;--text:#302720;--muted:#7e7064;--line:rgba(58,45,35,.1);--accent:#9b7457;--accent2:#76543c;--shadow:0 18px 55px rgba(76,53,37,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:var(--font-en),sans-serif;font-size:14px}html[dir="rtl"] body{font-family:var(--font-ar),sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}html[dir="rtl"] .app-shell{grid-template-columns:minmax(0,1fr) 270px}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px 18px;background:var(--sidebar);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;z-index:20}html[dir="rtl"] .sidebar{grid-column:2;grid-row:1}.main-area{min-width:0}html[dir="rtl"] .main-area{grid-column:1;grid-row:1}.brand-box{display:block;padding:2px 10px 24px;text-decoration:none;color:var(--text)}.brand-box img{display:block;width:178px;max-height:82px;object-fit:contain;object-position:left center}.brand-box small{display:block;color:var(--muted);margin-top:8px;font-size:11px;letter-spacing:.04em}.sidebar nav{display:grid;gap:4px;overflow:auto;padding-inline:2px}.nav-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:12px;color:var(--muted);text-decoration:none;font-weight:600;transition:.2s}.nav-link:hover{background:var(--surface2);color:var(--text)}.nav-link.active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.nav-icon{width:22px;text-align:center;font-size:17px}.sidebar-user{margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.sidebar-user .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accentText);font-weight:800}.sidebar-user b,.sidebar-user small{display:block}.sidebar-user small{color:var(--muted);font-size:10px;margin-top:2px}.sidebar-user a{color:var(--muted);text-decoration:none}.topbar{height:72px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);position:sticky;top:0;z-index:15}.crumb{font-weight:700}.top-actions{display:flex;align-items:center;gap:8px}.top-actions a{padding:7px 8px;color:var(--muted);text-decoration:none;border-radius:8px}.top-actions a.on{background:var(--surface2);color:var(--accent)}.top-user{margin-inline-start:10px;padding-inline-start:14px;border-inline-start:1px solid var(--line);font-weight:600}.mobile-menu{display:none;background:none;border:0;color:var(--text);font-size:22px}.content{max-width:1560px;margin:auto;padding:34px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:2px 0 26px}.page-head.compact{margin-top:36px}.page-head h1{font-size:34px;line-height:1.15;margin:5px 0 8px;letter-spacing:-.025em}.page-head h2{margin:0 0 6px}.page-head p{margin:0;color:var(--muted);max-width:700px;line-height:1.7}.ey{font-size:11px;color:var(--accent);font-weight:800;letter-spacing:.16em}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.row{padding:16px 2px;border-bottom:1px solid var(--line)}.row:last-child{border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:11px 16px;background:var(--accent);color:var(--accentText);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.btn.ghost{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.btn.danger{background:color-mix(in srgb,var(--danger) 18%,var(--surface));color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{display:grid;gap:7px;color:var(--muted);font-weight:600}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:11px;padding:11px 12px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:start}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:11px}.success,.error{padding:13px 15px;border-radius:12px;margin:0 0 18px}.success{background:color-mix(in srgb,var(--success) 14%,var(--surface));color:var(--success)}.error{background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--danger)}.hidden{display:none!important}.inline{display:inline}.perm-check{width:18px;height:18px;accent-color:var(--accent)}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0 22px}.theme-card{position:relative;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:16px;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer}.theme-card>input{position:absolute;opacity:0}.theme-card:has(input:checked){outline:2px solid var(--accent)}.theme-card em{opacity:0;font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accentText);display:grid;place-items:center}.theme-card:has(input:checked) em{opacity:1}.theme-card strong,.theme-card small{display:block}.theme-card small{color:var(--muted);margin-top:4px}.theme-demo{height:68px;border-radius:10px;padding:9px;display:grid;grid-template-columns:25% 1fr;gap:7px;background:#111}.theme-demo span{grid-row:1/3;border-radius:5px;background:#1d1d1d}.theme-demo i,.theme-demo b{border-radius:5px;background:#2b2b2b}.theme-preview-ivory-rose .theme-demo{background:#f7f3ef}.theme-preview-ivory-rose .theme-demo span,.theme-preview-ivory-rose .theme-demo i,.theme-preview-ivory-rose .theme-demo b{background:#e2c8bb}.theme-preview-warm-sand .theme-demo{background:#eee4d7}.theme-preview-warm-sand .theme-demo span,.theme-preview-warm-sand .theme-demo i,.theme-preview-warm-sand .theme-demo b{background:#c5a88f}.theme-preview-pearl-white .theme-demo{background:#f5f5f3}.theme-preview-pearl-white .theme-demo span,.theme-preview-pearl-white .theme-demo i,.theme-preview-pearl-white .theme-demo b{background:#d3c0ae}.theme-preview-soft-stone .theme-demo{background:#e9e8e5}.theme-preview-soft-stone .theme-demo span,.theme-preview-soft-stone .theme-demo i,.theme-preview-soft-stone .theme-demo b{background:#aaa7a1}.theme-preview-minimal-beige .theme-demo{background:#f1e9de}.theme-preview-minimal-beige .theme-demo span,.theme-preview-minimal-beige .theme-demo i,.theme-preview-minimal-beige .theme-demo b{background:#b9987e}.save-theme{margin-bottom:30px}
@media(max-width:900px){.app-shell,.app-shell[dir]{display:block}.sidebar{position:fixed;inset-block:0;inset-inline-start:-290px;width:270px;transition:.25s;box-shadow:var(--shadow)}body.nav-open .sidebar{inset-inline-start:0}.main-area{display:block}.mobile-menu{display:block}.topbar{padding:0 18px}.content{padding:22px 16px}.top-user{display:none}.page-head{align-items:flex-start;flex-direction:column}.form-grid,.theme-grid{grid-template-columns:1fr}.table-wrap{overflow:auto}.theme-card{grid-template-columns:100px 1fr auto}}


/* ===== V6.1 TRUE RTL SIDEBAR FIX ===== */
/* Use named grid areas so RTL never flips numeric grid lines unexpectedly */
.app-shell{
  grid-template-columns:270px minmax(0,1fr) !important;
  grid-template-areas:"sidebar main" !important;
  direction:ltr;
}
.sidebar{
  grid-area:sidebar !important;
  direction:ltr;
}
.main-area{
  grid-area:main !important;
  direction:ltr;
}

html[dir="rtl"] .app-shell{
  grid-template-columns:minmax(0,1fr) 270px !important;
  grid-template-areas:"main sidebar" !important;
  direction:ltr;
}
html[dir="rtl"] .sidebar{
  grid-area:sidebar !important;
  direction:rtl;
  border-inline-end:0 !important;
  border-inline-start:1px solid var(--line) !important;
}
html[dir="rtl"] .main-area{
  grid-area:main !important;
  direction:rtl;
}
html[dir="rtl"] .topbar,
html[dir="rtl"] .content{
  direction:rtl;
}
html[dir="rtl"] .brand-box img{
  object-position:right center;
}
html[dir="rtl"] .sidebar-user{
  grid-template-columns:36px 1fr auto;
}
html[dir="rtl"] .nav-link{
  text-align:right;
}
html[dir="rtl"] th,
html[dir="rtl"] td,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea{
  text-align:right;
}

/* Mobile drawer must open from language-correct side */
@media(max-width:900px){
  .app-shell,
  html[dir="rtl"] .app-shell{
    display:block !important;
  }
  html[dir="ltr"] .sidebar{
    left:-290px !important;
    right:auto !important;
    inset-inline-start:auto !important;
  }
  html[dir="ltr"] body.nav-open .sidebar{
    left:0 !important;
    right:auto !important;
  }
  html[dir="rtl"] .sidebar{
    right:-290px !important;
    left:auto !important;
    inset-inline-start:auto !important;
  }
  html[dir="rtl"] body.nav-open .sidebar{
    right:0 !important;
    left:auto !important;
  }
}


/* ===== V6.2 GLOBAL THEME SYNC + LIGHT THEME CONTRAST ===== */

/* Standalone pages and meeting inherit the same typography */
.meeting-page,
.client-shell,
.report,
.login-bg,
.login-card{
  font-family:var(--font-en),sans-serif;
}
html[dir="rtl"] .meeting-page,
html[dir="rtl"] .client-shell,
html[dir="rtl"] .report,
html[dir="rtl"] .login-bg,
html[dir="rtl"] .login-card{
  font-family:var(--font-ar),sans-serif;
}

/* Meeting page must never use hardcoded dark surfaces */
.meeting-page{
  background:var(--bg) !important;
  color:var(--text) !important;
}
.meeting-top{
  background:var(--sidebar) !important;
  color:var(--text) !important;
  border-bottom-color:var(--line) !important;
}
.meeting-brand img{
  display:block;
  width:170px;
  height:46px;
  object-fit:contain;
  object-position:left center;
  margin-bottom:4px;
}
html[dir="rtl"] .meeting-brand img{object-position:right center}
.video-panel{
  background:var(--bg) !important;
  color:var(--text) !important;
  border-inline-end-color:var(--line) !important;
}
.selection-panel{
  background:var(--bg) !important;
  color:var(--text) !important;
}
.catalog-picker,
.live-item,
.modal-card,
.board-empty,
.live-comment{
  background:var(--surface) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}
.catalog-mini-item{
  background:var(--surface2) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}
.catalog-mini-item small,
.privacy-note,
.room-heading p,
.selection-head p,
.live-comment small{
  color:var(--muted) !important;
}
.live-meta span{
  background:var(--surface2) !important;
  color:var(--muted) !important;
}
.video-frame{
  background:var(--surface2) !important;
  border-color:var(--line) !important;
}
.board-empty{
  border-style:dashed !important;
  color:var(--muted) !important;
}
.comment-form input,
.catalog-toolbar input,
.catalog-toolbar select,
.modal-card input{
  background:var(--surface2) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}
.comment-form input::placeholder,
.catalog-toolbar input::placeholder,
.modal-card input::placeholder{
  color:var(--muted) !important;
  opacity:.85;
}

/* Readable approval states in both dark and light themes */
.decision-state{
  background:color-mix(in srgb,var(--accent) 13%,var(--surface)) !important;
  color:var(--accent) !important;
}
.decision-state.approved{
  background:color-mix(in srgb,var(--success) 14%,var(--surface)) !important;
  color:var(--success) !important;
}
.decision-state.rejected{
  background:color-mix(in srgb,var(--danger) 14%,var(--surface)) !important;
  color:var(--danger) !important;
}

/* Light-theme contrast fixes across all pages */
html[data-theme="ivory-rose"],
html[data-theme="warm-sand"],
html[data-theme="pearl-white"],
html[data-theme="soft-stone"],
html[data-theme="minimal-beige"]{
  color-scheme:light;
}
html[data-theme="ivory-rose"] body,
html[data-theme="warm-sand"] body,
html[data-theme="pearl-white"] body,
html[data-theme="soft-stone"] body,
html[data-theme="minimal-beige"] body{
  color:var(--text) !important;
}
html[data-theme="ivory-rose"] .ghost,
html[data-theme="warm-sand"] .ghost,
html[data-theme="pearl-white"] .ghost,
html[data-theme="soft-stone"] .ghost,
html[data-theme="minimal-beige"] .ghost{
  color:var(--text) !important;
}
html[data-theme="ivory-rose"] input,
html[data-theme="ivory-rose"] select,
html[data-theme="ivory-rose"] textarea,
html[data-theme="warm-sand"] input,
html[data-theme="warm-sand"] select,
html[data-theme="warm-sand"] textarea,
html[data-theme="pearl-white"] input,
html[data-theme="pearl-white"] select,
html[data-theme="pearl-white"] textarea,
html[data-theme="soft-stone"] input,
html[data-theme="soft-stone"] select,
html[data-theme="soft-stone"] textarea,
html[data-theme="minimal-beige"] input,
html[data-theme="minimal-beige"] select,
html[data-theme="minimal-beige"] textarea{
  color:var(--text) !important;
  background:var(--surface2) !important;
}
html[data-theme="ivory-rose"] input::placeholder,
html[data-theme="warm-sand"] input::placeholder,
html[data-theme="pearl-white"] input::placeholder,
html[data-theme="soft-stone"] input::placeholder,
html[data-theme="minimal-beige"] input::placeholder,
html[data-theme="ivory-rose"] textarea::placeholder,
html[data-theme="warm-sand"] textarea::placeholder,
html[data-theme="pearl-white"] textarea::placeholder,
html[data-theme="soft-stone"] textarea::placeholder,
html[data-theme="minimal-beige"] textarea::placeholder{
  color:var(--muted) !important;
}

/* Keep buttons legible on light themes */
.btn{color:var(--accentText) !important}
.btn.ghost{background:var(--surface2) !important;color:var(--text) !important}

/* Jitsi itself controls the inside of the iframe.
   This keeps its surrounding frame integrated with the selected Doro theme. */


/* ===== V6.3 LIGHT THEMES: COMPLETE CONTRAST FIX ===== */
html[data-theme="ivory-rose"],
html[data-theme="warm-sand"],
html[data-theme="pearl-white"],
html[data-theme="soft-stone"],
html[data-theme="minimal-beige"]{
  --cardText:var(--text);
  --cardMuted:var(--muted);
}

/* Remove legacy dark hardcoded cards on light themes */
html[data-theme="ivory-rose"] .stat,
html[data-theme="warm-sand"] .stat,
html[data-theme="pearl-white"] .stat,
html[data-theme="soft-stone"] .stat,
html[data-theme="minimal-beige"] .stat,
html[data-theme="ivory-rose"] .event-stat,
html[data-theme="warm-sand"] .event-stat,
html[data-theme="pearl-white"] .event-stat,
html[data-theme="soft-stone"] .event-stat,
html[data-theme="minimal-beige"] .event-stat,
html[data-theme="ivory-rose"] .card,
html[data-theme="warm-sand"] .card,
html[data-theme="pearl-white"] .card,
html[data-theme="soft-stone"] .card,
html[data-theme="minimal-beige"] .card{
  background:var(--surface) !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
}

/* All headings and primary content */
html[data-theme="ivory-rose"] h1,
html[data-theme="ivory-rose"] h2,
html[data-theme="ivory-rose"] h3,
html[data-theme="ivory-rose"] h4,
html[data-theme="warm-sand"] h1,
html[data-theme="warm-sand"] h2,
html[data-theme="warm-sand"] h3,
html[data-theme="warm-sand"] h4,
html[data-theme="pearl-white"] h1,
html[data-theme="pearl-white"] h2,
html[data-theme="pearl-white"] h3,
html[data-theme="pearl-white"] h4,
html[data-theme="soft-stone"] h1,
html[data-theme="soft-stone"] h2,
html[data-theme="soft-stone"] h3,
html[data-theme="soft-stone"] h4,
html[data-theme="minimal-beige"] h1,
html[data-theme="minimal-beige"] h2,
html[data-theme="minimal-beige"] h3,
html[data-theme="minimal-beige"] h4{
  color:var(--text) !important;
}

/* Event summary cards shown in screenshot */
html[data-theme="ivory-rose"] .stat b,
html[data-theme="ivory-rose"] .stat strong,
html[data-theme="warm-sand"] .stat b,
html[data-theme="warm-sand"] .stat strong,
html[data-theme="pearl-white"] .stat b,
html[data-theme="pearl-white"] .stat strong,
html[data-theme="soft-stone"] .stat b,
html[data-theme="soft-stone"] .stat strong,
html[data-theme="minimal-beige"] .stat b,
html[data-theme="minimal-beige"] .stat strong,
html[data-theme="ivory-rose"] .event-stat b,
html[data-theme="warm-sand"] .event-stat b,
html[data-theme="pearl-white"] .event-stat b,
html[data-theme="soft-stone"] .event-stat b,
html[data-theme="minimal-beige"] .event-stat b{
  color:var(--text) !important;
}
html[data-theme="ivory-rose"] .stat small,
html[data-theme="warm-sand"] .stat small,
html[data-theme="pearl-white"] .stat small,
html[data-theme="soft-stone"] .stat small,
html[data-theme="minimal-beige"] .stat small,
html[data-theme="ivory-rose"] .event-stat small,
html[data-theme="warm-sand"] .event-stat small,
html[data-theme="pearl-white"] .event-stat small,
html[data-theme="soft-stone"] .event-stat small,
html[data-theme="minimal-beige"] .event-stat small{
  color:var(--muted) !important;
}

/* Legacy .kpi cards also used by some dashboard/event pages */
html[data-theme="ivory-rose"] .kpi,
html[data-theme="warm-sand"] .kpi,
html[data-theme="pearl-white"] .kpi,
html[data-theme="soft-stone"] .kpi,
html[data-theme="minimal-beige"] .kpi{
  background:var(--surface) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}
html[data-theme="ivory-rose"] .kpi b,
html[data-theme="warm-sand"] .kpi b,
html[data-theme="pearl-white"] .kpi b,
html[data-theme="soft-stone"] .kpi b,
html[data-theme="minimal-beige"] .kpi b{color:var(--text)!important}
html[data-theme="ivory-rose"] .kpi span,
html[data-theme="warm-sand"] .kpi span,
html[data-theme="pearl-white"] .kpi span,
html[data-theme="soft-stone"] .kpi span,
html[data-theme="minimal-beige"] .kpi span{color:var(--muted)!important}

/* Tabs/buttons that were almost invisible on light backgrounds */
.event-tabs a{
  color:var(--text) !important;
  border-color:var(--line) !important;
  background:var(--surface) !important;
}
.event-tabs a:hover{
  color:var(--accent2) !important;
  border-color:var(--accent) !important;
  background:color-mix(in srgb,var(--accent) 8%,var(--surface)) !important;
}

/* Sidebar: stronger readable contrast on light themes */
html[data-theme="ivory-rose"] .nav-link,
html[data-theme="warm-sand"] .nav-link,
html[data-theme="pearl-white"] .nav-link,
html[data-theme="soft-stone"] .nav-link,
html[data-theme="minimal-beige"] .nav-link{
  color:color-mix(in srgb,var(--text) 70%,var(--muted)) !important;
}
html[data-theme="ivory-rose"] .nav-link:hover,
html[data-theme="warm-sand"] .nav-link:hover,
html[data-theme="pearl-white"] .nav-link:hover,
html[data-theme="soft-stone"] .nav-link:hover,
html[data-theme="minimal-beige"] .nav-link:hover,
html[data-theme="ivory-rose"] .nav-link.active,
html[data-theme="warm-sand"] .nav-link.active,
html[data-theme="pearl-white"] .nav-link.active,
html[data-theme="soft-stone"] .nav-link.active,
html[data-theme="minimal-beige"] .nav-link.active{
  color:var(--text) !important;
}

/* General muted text stays readable */
p,.muted,.sub,.meta{color:var(--muted)}

/* ===== V6.4 CLIENT PRIVATE EVENT ===== */
.client-lock-note{
  display:inline-flex;
  margin:10px 0 4px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--accent) 8%,var(--surface));
  color:var(--muted);
  font-size:12px;
}


/* ===== V6.5 LIGHT SIDEBAR CONTRAST ===== */
html[data-theme="ivory-rose"] .sidebar,
html[data-theme="warm-sand"] .sidebar,
html[data-theme="pearl-white"] .sidebar,
html[data-theme="soft-stone"] .sidebar,
html[data-theme="minimal-beige"] .sidebar{
  background:var(--sidebar) !important;
  color:var(--text) !important;
}

/* Normal navigation */
html[data-theme="ivory-rose"] .sidebar .nav-link,
html[data-theme="warm-sand"] .sidebar .nav-link,
html[data-theme="pearl-white"] .sidebar .nav-link,
html[data-theme="soft-stone"] .sidebar .nav-link,
html[data-theme="minimal-beige"] .sidebar .nav-link{
  color:var(--text) !important;
  background:transparent !important;
  opacity:.78;
}
html[data-theme="ivory-rose"] .sidebar .nav-icon,
html[data-theme="warm-sand"] .sidebar .nav-icon,
html[data-theme="pearl-white"] .sidebar .nav-icon,
html[data-theme="soft-stone"] .sidebar .nav-icon,
html[data-theme="minimal-beige"] .sidebar .nav-icon{
  color:var(--accent2) !important;
  opacity:1;
}

/* Hover */
html[data-theme="ivory-rose"] .sidebar .nav-link:hover,
html[data-theme="warm-sand"] .sidebar .nav-link:hover,
html[data-theme="pearl-white"] .sidebar .nav-link:hover,
html[data-theme="soft-stone"] .sidebar .nav-link:hover,
html[data-theme="minimal-beige"] .sidebar .nav-link:hover{
  background:color-mix(in srgb,var(--accent) 10%,var(--surface)) !important;
  color:var(--text) !important;
  opacity:1;
}

/* Active: no more black block with black text */
html[data-theme="ivory-rose"] .sidebar .nav-link.active,
html[data-theme="warm-sand"] .sidebar .nav-link.active,
html[data-theme="pearl-white"] .sidebar .nav-link.active,
html[data-theme="soft-stone"] .sidebar .nav-link.active,
html[data-theme="minimal-beige"] .sidebar .nav-link.active{
  background:color-mix(in srgb,var(--accent) 18%,var(--surface)) !important;
  color:var(--text) !important;
  border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line)) !important;
  box-shadow:none !important;
  opacity:1;
}
html[data-theme="ivory-rose"] .sidebar .nav-link.active .nav-icon,
html[data-theme="warm-sand"] .sidebar .nav-link.active .nav-icon,
html[data-theme="pearl-white"] .sidebar .nav-link.active .nav-icon,
html[data-theme="soft-stone"] .sidebar .nav-link.active .nav-icon,
html[data-theme="minimal-beige"] .sidebar .nav-link.active .nav-icon{
  color:var(--accent2) !important;
}

/* Branding + user block */
html[data-theme="ivory-rose"] .brand-box small,
html[data-theme="warm-sand"] .brand-box small,
html[data-theme="pearl-white"] .brand-box small,
html[data-theme="soft-stone"] .brand-box small,
html[data-theme="minimal-beige"] .brand-box small,
html[data-theme="ivory-rose"] .sidebar-user small,
html[data-theme="warm-sand"] .sidebar-user small,
html[data-theme="pearl-white"] .sidebar-user small,
html[data-theme="soft-stone"] .sidebar-user small,
html[data-theme="minimal-beige"] .sidebar-user small{
  color:var(--muted) !important;
}
html[data-theme="ivory-rose"] .sidebar-user b,
html[data-theme="warm-sand"] .sidebar-user b,
html[data-theme="pearl-white"] .sidebar-user b,
html[data-theme="soft-stone"] .sidebar-user b,
html[data-theme="minimal-beige"] .sidebar-user b{
  color:var(--text) !important;
}

/* V6.6 direct client -> single event assignment */
.event-linked{color:var(--success)!important;background:color-mix(in srgb,var(--success) 12%,var(--surface2))!important}
.event-missing{color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 12%,var(--surface2))!important}
#clientEventField small{font-size:11px;color:var(--muted);font-weight:500;line-height:1.5}

/* ===== V6.7 MEETING + PREMIUM FINAL EVENT BOOK ===== */
.meeting-role-pill{display:inline-flex;margin-top:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:800}
.meeting-role-pill.host{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent2)}
.meeting-role-pill.guest{background:var(--surface2);color:var(--muted)}
.public-jitsi-note{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:11px;line-height:1.65;background:var(--surface)}

.finalbook-page{margin:0;background:#e9e6e2;color:#171310;font-family:var(--font-en),Manrope,sans-serif}
html[dir="rtl"] .finalbook-page{font-family:var(--font-ar),Tajawal,sans-serif}
.finalbook-actions{position:sticky;top:0;z-index:20;display:flex;gap:10px;justify-content:center;padding:12px;background:rgba(20,17,15,.9);backdrop-filter:blur(10px)}
.event-book{width:210mm;margin:20px auto;box-shadow:0 22px 60px rgba(0,0,0,.18)}
.book-cover,.book-page{box-sizing:border-box;width:210mm;min-height:297mm;background:#fff;padding:22mm 18mm;position:relative;overflow:hidden}
.book-cover{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#171310 0%,#231b17 65%,#b77b5d 160%);color:#fff}
.book-cover:before{content:"";position:absolute;width:115mm;height:115mm;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-50mm;top:-35mm}
.book-cover:after{content:"";position:absolute;width:80mm;height:80mm;border:1px solid rgba(211,158,127,.28);border-radius:50%;left:-35mm;bottom:-20mm}
.cover-brand{position:absolute;top:18mm;left:18mm;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.12em;color:#d8c8bf}
html[dir="rtl"] .cover-brand{left:auto;right:18mm}
.cover-brand img{width:42mm;height:16mm;object-fit:contain;object-position:left center}
.cover-kicker{font-size:11px;letter-spacing:.32em;color:#d49b7d;font-weight:800;margin-bottom:9mm}
.book-cover h1{font-size:38px;line-height:1.12;max-width:150mm;margin:0;color:#fff!important}
.cover-sub{font-size:14px;color:#d9cbc3!important;margin-top:6mm}
.cover-rule{width:25mm;height:2px;background:#d49b7d;margin:11mm 0 7mm}
.cover-place{font-size:16px;font-weight:700}
.cover-footer{position:absolute;bottom:18mm;font-size:10px;color:#b9aaa2}
.book-section-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #dfd8d3;padding-bottom:7mm;margin-bottom:11mm}
.book-section-head>div:first-child{display:flex;align-items:center;gap:5mm}
.book-section-head span{font-size:11px;color:#b77b5d;font-weight:800;letter-spacing:.15em}
.book-section-head h2{font-size:24px!important;margin:0!important;color:#171310!important}
.book-event-no,.selection-count{font-size:10px;color:#756b65;font-weight:700}
.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4mm}
.overview-grid article{min-height:25mm;padding:6mm;border:1px solid #e6dfda;border-radius:4mm;background:#fbfaf9}
.overview-grid small{display:block;color:#9a7664;font-size:10px;margin-bottom:3mm}
.overview-grid strong{font-size:15px;line-height:1.4;color:#171310}
.book-note{margin-top:12mm;padding:8mm;border-left:3px solid #c98e70;background:#f7f1ed}
html[dir="rtl"] .book-note{border-left:0;border-right:3px solid #c98e70}
.book-note strong{font-size:14px}.book-note p{margin:2mm 0 0;color:#6f625b!important;font-size:11px;line-height:1.8}
.book-items{display:grid;grid-template-columns:repeat(2,1fr);gap:7mm}
.book-item{break-inside:avoid;border:1px solid #e3dcd7;border-radius:5mm;overflow:hidden;background:#fff}
.book-item-image{height:62mm;position:relative;background:#f0ece9}
.book-item-image img{width:100%;height:100%;object-fit:cover}
.item-index{position:absolute;top:4mm;left:4mm;width:9mm;height:9mm;border-radius:50%;display:grid;place-items:center;background:#171310;color:#fff;font-size:8px}
html[dir="rtl"] .item-index{left:auto;right:4mm}
.book-item-body{padding:6mm}
.item-code{font-size:8px;letter-spacing:.18em;color:#b77b5d;font-weight:800}
.book-item h3{font-size:15px!important;margin:2mm 0 4mm!important;color:#171310!important}
.item-meta{display:flex;gap:2mm;flex-wrap:wrap}
.item-meta span{padding:1.5mm 2.5mm;background:#f4efec;border-radius:20px;font-size:8px;color:#71635b}
.book-item-body p{font-size:9px;line-height:1.6;color:#6f625b!important}
.approved-mark{margin-top:5mm;padding-top:4mm;border-top:1px solid #eee7e2;color:#4e8b67;font-size:9px;font-weight:800;letter-spacing:.08em}
.signoff-page{display:flex;flex-direction:column}
.signoff-copy{max-width:145mm;margin-top:20mm}
.signoff-copy h3{font-size:28px!important;color:#171310!important;margin:0 0 5mm!important}
.signoff-copy p{font-size:13px;line-height:1.9;color:#675c56!important}
.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14mm;margin-top:35mm}
.signature-grid span{font-size:11px;font-weight:800}.signature-grid>div>div{height:22mm;border-bottom:1px solid #9c918b}.signature-grid small{display:block;margin-top:2mm;color:#8c8079}
.book-end-brand{margin-top:auto;text-align:center;border-top:1px solid #e6dfda;padding-top:10mm}.book-end-brand img{width:35mm;height:14mm;object-fit:contain}

@page{size:A4;margin:0}
@media print{
  html,body{margin:0!important;padding:0!important;background:#fff!important}
  .no-print{display:none!important}
  .event-book{width:auto!important;margin:0!important;box-shadow:none!important}
  .book-cover,.book-page{width:210mm!important;height:297mm!important;min-height:297mm!important;page-break-after:always;break-after:page}
  .book-page:last-child{page-break-after:auto;break-after:auto}
  .book-item{break-inside:avoid!important;page-break-inside:avoid!important}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}

/* ===== V7 SUPPLIER ORDERS + PORTAL + CMS ===== */
.order-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-select-item{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:12px;background:var(--surface2);border:1px solid var(--line);border-radius:14px}.order-select-item img{width:105px;height:105px;object-fit:cover;border-radius:10px}.order-select-item label{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:7px;margin-top:8px;font-size:11px;color:var(--muted)}.form-grid .full{grid-column:1/-1}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto}.order-detail-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.order-detail-hero>div{padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.order-detail-hero small,.order-detail-hero strong{display:block}.order-detail-hero small{color:var(--muted);margin-bottom:7px}.supplier-order-item{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.supplier-order-item img{width:90px;height:75px;object-fit:cover;border-radius:9px}.order-dl{display:grid;grid-template-columns:1fr 1.5fr;gap:9px 12px}.order-dl dt{color:var(--muted)}.order-dl dd{margin:0;font-weight:700}.actions{display:flex;gap:9px;flex-wrap:wrap}.whatsapp-btn{background:#27b866!important;color:#fff!important}.supplier-response{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.order-accepted{color:var(--success)!important}.order-viewed,.order-sent{color:var(--accent)!important}.order-change_requested{color:var(--danger)!important}.supplier-portal-top{height:82px;padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--sidebar);border-bottom:1px solid var(--line)}.supplier-portal-top img{width:155px;height:52px;object-fit:contain}.supplier-portal{max-width:1180px;margin:0 auto;padding:45px 5vw}.supplier-order-list{display:grid;gap:12px}.supplier-order-card{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);text-decoration:none}.supplier-order-public{max-width:1200px;margin:auto;padding:35px 4vw}.cms-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cms-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cms-row small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:850px){.order-item-grid,.order-detail-hero,.cms-two{grid-template-columns:1fr}.order-select-item{grid-template-columns:80px 1fr}.order-select-item img{width:80px;height:80px}}

/* ===== V7.1 MULTI-SUPPLIER CATALOG ===== */
.supplier-link-card{position:relative}.primary-supplier{color:var(--success)!important;background:color-mix(in srgb,var(--success) 12%,var(--surface2))!important}.catalog-list-card{text-decoration:none;color:var(--text)}.catalog-list-card:hover{border-color:var(--accent);transform:translateY(-1px)}.supplier-choice-meta{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}.supplier-choice-meta>span{font-size:10px;padding:5px 7px;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--muted)}

/* ===== DORO V7.2 PREMIUM LOGIN ===== */
.doro-login-page{margin:0;min-height:100vh;background:#0f0d0c;color:#171210;overflow-x:hidden}
.doro-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(480px,.92fr);background:#f7f3ef}
.doro-auth-visual{position:relative;min-height:100vh;overflow:hidden;background:
radial-gradient(circle at 18% 18%,rgba(211,154,123,.22),transparent 30%),
radial-gradient(circle at 80% 80%,rgba(222,180,126,.12),transparent 28%),
linear-gradient(145deg,#15110f 0%,#0c0b0a 55%,#201611 100%)}
.doro-auth-visual:before{content:"";position:absolute;inset:0;background:
linear-gradient(120deg,transparent 0 48%,rgba(211,154,123,.08) 48% 49%,transparent 49% 100%),
linear-gradient(30deg,transparent 0 70%,rgba(255,255,255,.025) 70% 71%,transparent 71% 100%);background-size:380px 380px,520px 520px}
.doro-auth-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58),transparent 60%)}
.doro-auth-visual-content{position:relative;z-index:2;height:100%;min-height:100vh;padding:54px 64px 64px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}
.doro-auth-logo{display:block;object-fit:contain}
.doro-auth-logo-hero{width:min(320px,58%);height:125px;object-position:left center;filter:drop-shadow(0 8px 28px rgba(0,0,0,.22))}
[dir="rtl"] .doro-auth-logo-hero{object-position:right center}
.doro-auth-copy{max-width:610px;color:#fff;padding-bottom:3vh}
.doro-auth-kicker{display:block;color:#d39a7b;font-size:12px;font-weight:800;letter-spacing:.2em;margin-bottom:18px}
.doro-auth-copy h2{font-size:clamp(38px,4.3vw,72px);line-height:1.03;letter-spacing:-.045em;margin:0 0 24px;font-weight:700}
[dir="rtl"] .doro-auth-copy h2{letter-spacing:0}
.doro-auth-copy p{max-width:540px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.66);margin:0}
.doro-auth-form-side{position:relative;min-height:100vh;display:flex;flex-direction:column;background:#f8f5f1}
.doro-auth-topbar{height:100px;padding:0 54px;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box}
.doro-auth-logo-mobile{display:none}
.doro-lang-switch{display:flex;gap:5px;padding:5px;border:1px solid #e5ddd6;border-radius:13px;background:#fff}
.doro-lang-switch a{min-width:38px;height:34px;display:grid;place-items:center;text-decoration:none;color:#8a7c73;font:700 11px/1 Manrope,sans-serif;border-radius:9px}
.doro-lang-switch a.active{background:#1c1714;color:#fff}
.doro-auth-form-wrap{width:min(480px,calc(100% - 80px));margin:auto;padding:20px 0 60px}
.doro-auth-heading{margin-bottom:36px}
.doro-auth-heading h1{font-size:clamp(40px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 13px;color:#181310;font-weight:700}
[dir="rtl"] .doro-auth-heading h1{letter-spacing:0}
.doro-auth-heading p{font-size:15px;color:#897b72;margin:0;line-height:1.7}
.doro-auth-form{display:grid;gap:22px}
.doro-auth-form label>span{display:block;margin-bottom:9px;font-size:12px;font-weight:800;color:#4b403a}
.doro-input-wrap{height:58px;position:relative;display:flex;align-items:center;background:#fff;border:1px solid #ded5ce;border-radius:15px;box-shadow:0 4px 16px rgba(42,28,20,.025);transition:.2s}
.doro-input-wrap:focus-within{border-color:#d39a7b;box-shadow:0 0 0 4px rgba(211,154,123,.10),0 8px 24px rgba(42,28,20,.04)}
.doro-input-wrap>svg{position:absolute;left:18px;width:19px;height:19px;fill:none;stroke:#a08f85;stroke-width:1.6}
[dir="rtl"] .doro-input-wrap>svg{left:auto;right:18px}
.doro-input-wrap input{width:100%;height:100%;box-sizing:border-box;border:0!important;outline:0!important;background:transparent!important;color:#1d1714!important;padding:0 52px!important;font:600 14px/1.2 Manrope,Tajawal,sans-serif;box-shadow:none!important}
[dir="rtl"] .doro-input-wrap input{font-family:Tajawal,Manrope,sans-serif;text-align:right}
.doro-input-wrap input::placeholder{color:#b8aca5}
.doro-password-toggle{position:absolute;right:10px;width:40px;height:40px;border:0;background:transparent;border-radius:10px;display:grid;place-items:center;cursor:pointer}
[dir="rtl"] .doro-password-toggle{right:auto;left:10px}
.doro-password-toggle:hover{background:#f4eee9}
.doro-password-toggle svg{width:19px;height:19px;fill:none;stroke:#9b8b81;stroke-width:1.6}
.doro-login-btn{height:60px;margin-top:4px;border:0;border-radius:15px;background:#1c1714;color:#fff;padding:0 21px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font:800 13px/1 Manrope,Tajawal,sans-serif;transition:.22s;box-shadow:0 12px 30px rgba(28,23,20,.16)}
.doro-login-btn:hover{transform:translateY(-1px);background:#2a211d;box-shadow:0 16px 34px rgba(28,23,20,.20)}
.doro-login-btn svg{width:20px;height:20px;fill:none;stroke:#d39a7b;stroke-width:1.8}
[dir="rtl"] .doro-login-btn svg{transform:rotate(180deg)}
.doro-auth-error{padding:13px 15px;margin:-14px 0 22px;border-radius:12px;background:#fff0ed;border:1px solid #f0d0ca;color:#9d4036;font-size:13px;font-weight:700}
.doro-auth-footer{margin-top:38px;color:#aa9e96;font-size:10px;letter-spacing:.08em;text-align:center}
.doro-auth-footer span{margin:0 7px;color:#d39a7b}
@media(max-width:900px){
 .doro-auth-shell{display:block;background:#f8f5f1}
 .doro-auth-visual{display:none}
 .doro-auth-form-side{min-height:100vh}
 .doro-auth-topbar{height:94px;padding:0 24px;justify-content:space-between}
 .doro-auth-logo-mobile{display:block;width:145px;height:60px;object-position:left center;filter:none}
 [dir="rtl"] .doro-auth-logo-mobile{object-position:right center}
 .doro-auth-form-wrap{width:min(100% - 40px,480px);padding:35px 0 50px}
 .doro-auth-heading h1{font-size:42px}
}
@media(max-width:520px){
 .doro-auth-topbar{padding:0 18px}
 .doro-auth-form-wrap{width:calc(100% - 36px);padding-top:22px}
 .doro-auth-heading{margin-bottom:28px}
 .doro-auth-heading h1{font-size:36px}
 .doro-input-wrap{height:56px}
 .doro-login-btn{height:58px}
}

/* V8 stable meeting provider state */
.video-provider-empty{min-height:500px;height:100%;display:grid;place-items:center;text-align:center;padding:40px;background:var(--surface2);color:var(--text)}
.video-provider-empty strong{font-size:22px}.video-provider-empty p{max-width:560px;color:var(--muted);line-height:1.8}


/* ===== DORO V8.1 LOGIN CONTRAST FIX ===== */
.doro-auth-visual,
.doro-auth-visual *{
  color:#fff;
}
.doro-auth-visual .doro-auth-kicker{
  color:#e6a27f !important;
  opacity:1 !important;
  text-shadow:0 1px 10px rgba(230,162,127,.08);
}
.doro-auth-visual .doro-auth-copy h2{
  color:#fff !important;
  opacity:1 !important;
  font-weight:700 !important;
  text-shadow:0 3px 24px rgba(0,0,0,.32);
}
.doro-auth-visual .doro-auth-copy p{
  color:rgba(255,255,255,.82) !important;
  opacity:1 !important;
}
.doro-auth-logo-hero{
  opacity:1 !important;
  filter:brightness(1.12) contrast(1.04) drop-shadow(0 8px 28px rgba(0,0,0,.3)) !important;
}
.doro-auth-visual-content{
  background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 45%);
}

/* Right side readability */
.doro-auth-form-side{
  color:#17120f !important;
}
.doro-auth-heading h1{
  color:#17120f !important;
}
.doro-auth-heading p{
  color:#75675f !important;
}
.doro-auth-form label>span{
  color:#3e342f !important;
}
.doro-auth-kicker{
  color:#ca8765 !important;
}
.doro-input-wrap input{
  color:#17120f !important;
  -webkit-text-fill-color:#17120f !important;
}
.doro-input-wrap input::placeholder{
  color:#9e9088 !important;
  opacity:1 !important;
}
.doro-login-btn{
  background:#201713 !important;
  color:#fff !important;
}
.doro-login-btn span{
  color:#fff !important;
}

/* ===== V8.2 WEBSITE CMS + WEBP ===== */
.cms-section{margin-top:38px}.cms-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media-card{padding:10px!important;display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center}.media-card img,.cms-thumb{width:100px;height:74px;object-fit:cover;border-radius:10px}.cms-row{gap:12px}.cms-row .cms-thumb{flex:none}label small{color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:900px){.cms-media-grid{grid-template-columns:1fr}.media-card{grid-template-columns:80px 1fr auto}.media-card img,.cms-thumb{width:80px;height:65px}}

/* ===== V8.3 AUTOMATIC MEETING ROOM ===== */
.meeting-auto-note{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.meeting-auto-note b,.meeting-auto-note small{display:block}.meeting-auto-note small{margin-top:5px;color:var(--muted);line-height:1.6}
.meeting-room-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* ===== V8.4 DYNAMIC LOGO PRELOADER ===== */
.doro-preloader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:var(--preloader-bg,#120f0d);transition:opacity var(--preloader-duration,.65s) ease,visibility var(--preloader-duration,.65s) ease}
.doro-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}
.doro-preloader-inner{width:min(300px,62vw);text-align:center}
.doro-preloader img{width:100%;height:120px;object-fit:contain;filter:drop-shadow(0 8px 30px rgba(0,0,0,.25))}
.doro-preloader-line{height:2px;background:rgba(255,255,255,.09);margin:18px auto 0;overflow:hidden;width:68%}
.doro-preloader-line span{display:block;height:100%;width:38%;background:#d39a7b;animation:doroLoadLine 1.1s ease-in-out infinite}
.doro-preloader.anim-pulse img{animation:doroPulse 1.15s ease-in-out infinite alternate}
.doro-preloader.anim-fade img{animation:doroFade 1s ease-in-out infinite alternate}
.doro-preloader.anim-zoom img{animation:doroZoom 1.1s ease-in-out infinite alternate}
.doro-preloader.anim-line img{animation:none}
@keyframes doroLoadLine{0%{transform:translateX(-130%)}100%{transform:translateX(360%)}}
@keyframes doroPulse{from{opacity:.66;transform:scale(.985)}to{opacity:1;transform:scale(1.015)}}
@keyframes doroFade{from{opacity:.45}to{opacity:1}}
@keyframes doroZoom{from{transform:scale(.94);opacity:.7}to{transform:scale(1.02);opacity:1}}

/* ===== V8.4 LOGO SYSTEM ===== */
.brand-box{min-height:108px;padding:18px 18px 12px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}
.brand-box img{width:168px!important;height:54px!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important}
html[dir="rtl"] .brand-box{align-items:flex-end}
html[dir="rtl"] .brand-box img{object-position:right center!important}
.brand-box small{font-size:10px;letter-spacing:.04em}
.meeting-brand img{width:150px!important;height:44px!important;object-fit:contain!important}
.client-head .brand img,.supplier-portal-top img{width:150px!important;height:50px!important;object-fit:contain!important}
.book-end-brand img{width:42mm!important;height:16mm!important;object-fit:contain!important}
.doro-auth-logo-hero{width:min(360px,64%)!important;height:135px!important}
.public-brand img{width:158px!important;height:60px!important}
@media(max-width:900px){
 .brand-box{min-height:82px}.brand-box img{width:132px!important;height:43px!important}
 .public-brand img{width:126px!important;height:48px!important}
}

/* ===== V8.4 SIMPLE MEETING DATE/TIME ===== */
.meeting-auto-note{align-self:end}
#meet select[name="meeting_time"]{font-variant-numeric:tabular-nums}

/* ===== V8.4 PREMIUM FINAL EVENT BOOK ===== */
.finalbook-page{background:#ded9d4!important;color:#171310!important}
.event-book{width:210mm;margin:24px auto;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.book-cover,.book-page{width:210mm;min-height:297mm;box-sizing:border-box;position:relative;overflow:hidden;background:#fff;padding:19mm 17mm}
.book-cover{padding:0;background:#17120f!important;color:#fff!important;display:block!important}
.book-cover.has-image{background-image:var(--cover-image)!important;background-size:cover!important;background-position:center!important}
.book-cover .cover-shade{position:absolute;inset:0;background:linear-gradient(120deg,rgba(15,12,10,.92) 0%,rgba(15,12,10,.62) 52%,rgba(15,12,10,.38) 100%)}
.book-cover:not(.has-image) .cover-shade{background:radial-gradient(circle at 82% 18%,rgba(211,154,123,.26),transparent 28%),linear-gradient(145deg,#17120f,#261a15)}
.cover-brand{position:absolute!important;top:17mm!important;left:17mm!important;right:auto!important;z-index:2;display:flex!important;align-items:center!important;gap:8mm!important}
html[dir="rtl"] .cover-brand{left:auto!important;right:17mm!important}
.cover-brand img{width:50mm!important;height:18mm!important;object-fit:contain!important;object-position:left center!important;filter:brightness(1.12)}
html[dir="rtl"] .cover-brand img{object-position:right center!important}
.cover-brand span{font-size:9px;color:rgba(255,255,255,.72);letter-spacing:.16em}
.cover-content{position:absolute;z-index:2;left:17mm;right:17mm;bottom:43mm}
.cover-kicker{font-size:10px!important;color:#dfa383!important;letter-spacing:.22em!important;font-weight:800!important}
.book-cover h1{font-size:46px!important;line-height:1.03!important;max-width:160mm!important;margin:7mm 0 7mm!important;color:#fff!important;opacity:1!important;text-shadow:0 3px 22px rgba(0,0,0,.28)}
.cover-meta{display:flex;flex-wrap:wrap;gap:3mm}.cover-meta span{padding:2mm 3mm;border:1px solid rgba(255,255,255,.19);border-radius:999px;font-size:9px;color:#eee}
.cover-footer{position:absolute!important;left:17mm!important;right:17mm!important;bottom:16mm!important;display:flex!important;justify-content:space-between!important;align-items:center!important;color:rgba(255,255,255,.58)!important;font-size:8.5px!important;border-top:1px solid rgba(255,255,255,.14);padding-top:5mm}
.overview-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:4mm;margin-bottom:5mm}.overview-hero>div{background:#17120f;color:#fff;padding:7mm;border-radius:4mm}.overview-hero small{display:block;color:#d9a086;margin-bottom:3mm}.overview-hero strong{font-size:18px}
.overview-grid{grid-template-columns:repeat(2,1fr)!important;gap:3.5mm!important}.overview-grid article{padding:5mm!important;min-height:23mm!important}.overview-grid small{color:#9c735f!important}.overview-grid strong{font-size:14px!important}
.book-note{margin-top:8mm!important}
.book-items{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:5mm!important}
.book-item{border:1px solid #e6ded8!important;border-radius:4mm!important;overflow:hidden!important;break-inside:avoid!important;background:#fff!important}
.book-item-image{height:67mm!important;background:#eee7e1!important}.book-item-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.book-image-placeholder{height:100%;display:grid;place-items:center;color:#b9907a;font-weight:800;letter-spacing:.22em}
.book-item-body{padding:5mm!important}.book-item h3{font-size:14.5px!important}.item-meta span{font-size:7.5px!important;padding:1.5mm 2.2mm!important}
.approved-mark{color:#4d8765!important;font-weight:800!important}
.execution-list{display:grid;gap:4mm}.execution-list article{border:1px solid #e6ded8;border-radius:4mm;padding:6mm;display:grid;grid-template-columns:1fr 1.2fr;gap:7mm}.execution-list h3{margin:2mm 0!important;font-size:16px!important}.execution-list p{color:#776961!important}.execution-meta{display:grid;gap:2.5mm}.execution-meta span{display:flex;justify-content:space-between;gap:4mm;padding-bottom:2mm;border-bottom:1px solid #eee7e2;color:#8b7d74;font-size:9px}.execution-meta b{color:#201815}
.timeline-list{position:relative;padding-left:8mm}.timeline-list:before{content:"";position:absolute;left:2mm;top:4mm;bottom:4mm;width:1px;background:#d6c8bf}.timeline-list article{position:relative;padding:0 0 7mm 8mm}.timeline-dot{position:absolute;left:-6.8mm;top:1mm;width:4mm;height:4mm;border-radius:50%;background:#d09575;border:1mm solid #fff;box-shadow:0 0 0 .4mm #d09575}.timeline-list small{color:#b67f64}.timeline-list h3{font-size:16px!important;margin:1mm 0!important}.timeline-list p{color:#81736c!important;font-size:9px!important}
.signoff-copy{margin-top:18mm!important;max-width:155mm!important}.signoff-copy h3{font-size:31px!important}.signature-grid{margin-top:25mm!important}
.book-back-cover{display:grid;place-items:center;background:#17120f!important;color:#fff!important;text-align:center}.back-mark img{width:68mm;height:24mm;object-fit:contain;margin:auto}.back-mark h2{color:#fff!important;font-size:28px!important;margin:10mm 0 3mm!important}.back-mark p{color:#bca9a0!important;letter-spacing:.08em}
@media print{
 .finalbook-actions,.doro-preloader{display:none!important}
 .event-book{margin:0!important;box-shadow:none!important}
 .book-cover,.book-page{width:210mm!important;height:297mm!important;min-height:297mm!important;page-break-after:always!important;break-after:page!important;padding:19mm 17mm}
 .book-cover{padding:0!important}
 .book-page:last-child{page-break-after:auto!important}
 .book-item,.execution-list article{page-break-inside:avoid!important;break-inside:avoid!important}
}

.client-brand-logo{display:flex;align-items:center}.client-brand-logo img{width:158px;height:52px;object-fit:contain;object-position:left center}html[dir="rtl"] .client-brand-logo img{object-position:right center}


/* ===== DORO V8.4.1 PRELOADER HARD FIX ===== */
#doroPreloader.doro-preloader{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483647 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  background:var(--preloader-bg,#120f0d) !important;
  opacity:1;
  visibility:visible;
  transition:opacity var(--preloader-duration,.65s) ease,visibility var(--preloader-duration,.65s) ease !important;
}
#doroPreloader.doro-preloader.loaded{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
#doroPreloader .doro-preloader-inner{
  position:relative !important;
  width:min(280px,58vw) !important;
  max-width:280px !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  overflow:visible !important;
  transform:none;
}
#doroPreloader .doro-preloader-inner > img{
  display:block !important;
  position:static !important;
  width:100% !important;
  max-width:280px !important;
  height:96px !important;
  max-height:96px !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
  padding:0 !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  transform:none;
  opacity:1;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.22)) !important;
}
#doroPreloader .doro-preloader-line{
  display:block !important;
  position:relative !important;
  width:150px !important;
  height:2px !important;
  margin:18px auto 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.10) !important;
  border:0 !important;
  border-radius:999px !important;
}
#doroPreloader .doro-preloader-line span{
  display:block !important;
  width:42% !important;
  height:100% !important;
  background:#d39a7b !important;
  border-radius:999px !important;
}
#doroPreloader.anim-pulse .doro-preloader-inner > img{animation:doroPulseFixed 1.1s ease-in-out infinite alternate !important}
#doroPreloader.anim-fade .doro-preloader-inner > img{animation:doroFadeFixed 1s ease-in-out infinite alternate !important}
#doroPreloader.anim-zoom .doro-preloader-inner > img{animation:doroZoomFixed 1.1s ease-in-out infinite alternate !important}
#doroPreloader.anim-line .doro-preloader-inner > img{animation:none !important}
@keyframes doroPulseFixed{from{opacity:.68;transform:scale(.985)}to{opacity:1;transform:scale(1.015)}}
@keyframes doroFadeFixed{from{opacity:.48}to{opacity:1}}
@keyframes doroZoomFixed{from{opacity:.7;transform:scale(.94)}to{opacity:1;transform:scale(1.015)}}
@media(max-width:600px){
  #doroPreloader .doro-preloader-inner{width:min(220px,62vw) !important;max-width:220px !important}
  #doroPreloader .doro-preloader-inner > img{max-width:220px !important;height:78px !important;max-height:78px !important}
  #doroPreloader .doro-preloader-line{width:120px !important}
}


/* ===== DORO V8.4.4 LOGO-ONLY PRELOADER ===== */
#doroPreloader.doro-preloader-logo-only{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  width:100vw!important;
  height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:var(--preloader-bg,#120f0d)!important;
  margin:0!important;
  padding:0!important;
  opacity:1;
  visibility:visible;
  transition:opacity var(--preloader-duration,.65s) ease,visibility var(--preloader-duration,.65s) ease!important;
}
#doroPreloader.doro-preloader-logo-only.loaded{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#doroPreloader.doro-preloader-logo-only .doro-preloader-inner{
  position:static!important;
  width:min(300px,58vw)!important;
  max-width:300px!important;
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
}
#doroPreloader.doro-preloader-logo-only .doro-preloader-inner>img{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:300px!important;
  height:auto!important;
  max-height:82px!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}
#doroPreloader.doro-preloader-logo-only .doro-preloader-line{display:none!important}
#doroPreloader.doro-preloader-logo-only.anim-pulse .doro-preloader-inner>img{animation:doroLogoOnlyPulse 1.05s ease-in-out infinite alternate!important}
#doroPreloader.doro-preloader-logo-only.anim-fade .doro-preloader-inner>img{animation:doroLogoOnlyFade .9s ease-in-out infinite alternate!important}
#doroPreloader.doro-preloader-logo-only.anim-zoom .doro-preloader-inner>img{animation:doroLogoOnlyZoom 1s cubic-bezier(.4,0,.2,1) infinite alternate!important}
@keyframes doroLogoOnlyPulse{from{opacity:.68;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@keyframes doroLogoOnlyFade{from{opacity:.46}to{opacity:1}}
@keyframes doroLogoOnlyZoom{from{opacity:.72;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:600px){
 #doroPreloader.doro-preloader-logo-only .doro-preloader-inner{width:min(230px,60vw)!important;max-width:230px!important}
 #doroPreloader.doro-preloader-logo-only .doro-preloader-inner>img{max-width:230px!important;max-height:66px!important}
}


/* ===== DORO V8.4.5 DYNAMIC LOGO PRELOADER — FIRST ENTRY ONLY ===== */
html.doro-preloader-already-seen #doroPreloader{display:none!important}

#doroPreloader.doro-dynamic-preloader{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  width:100vw!important;
  height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  background:var(--preloader-bg,#120f0d)!important;
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .58s cubic-bezier(.4,0,.2,1),visibility .58s!important;
}
#doroPreloader.doro-dynamic-preloader.loaded{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#doroPreloader .doro-preloader-stage{
  width:min(340px,62vw)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  margin:0!important;
  padding:0!important;
}
#doroPreloader .doro-logo-reveal{
  position:relative!important;
  width:100%!important;
  height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
#doroPreloader .doro-logo-reveal img{
  display:block!important;
  position:static!important;
  width:100%!important;
  max-width:320px!important;
  height:82px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  filter:none!important;
}
#doroPreloader .doro-logo-shine{
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  bottom:0!important;
  left:-38%!important;
  width:28%!important;
  transform:skewX(-18deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent)!important;
  mix-blend-mode:screen!important;
  opacity:0;
}
#doroPreloader .doro-preloader-progress{
  width:132px!important;
  height:2px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
}
#doroPreloader .doro-preloader-progress span{
  position:absolute!important;
  left:0!important;
  top:0!important;
  height:100%!important;
  width:0;
  border-radius:999px!important;
  background:#d39a7b!important;
  animation:doroProgressLoad var(--preloader-duration,1200ms) cubic-bezier(.2,.7,.2,1) forwards!important;
}

/* Reveal + Load */
#doroPreloader.anim-reveal .doro-logo-reveal img{
  clip-path:inset(0 100% 0 0);
  opacity:.72;
  animation:doroLogoReveal calc(var(--preloader-duration,1200ms)*.72) cubic-bezier(.65,0,.18,1) forwards!important;
}
#doroPreloader.anim-reveal .doro-logo-shine{
  animation:doroShineSweep calc(var(--preloader-duration,1200ms)*.68) ease-out .28s 1 forwards!important;
}

/* Shine Sweep */
#doroPreloader.anim-shine .doro-logo-reveal img{
  opacity:0;
  transform:translateY(7px);
  animation:doroLogoEntrance .46s ease-out forwards!important;
}
#doroPreloader.anim-shine .doro-logo-shine{
  animation:doroShineSweep .72s ease-out .28s 1 forwards!important;
}

/* Pulse Load */
#doroPreloader.anim-pulse .doro-logo-reveal img{
  animation:doroLogoPulse .76s ease-in-out infinite alternate!important;
}

/* Zoom Load */
#doroPreloader.anim-zoom .doro-logo-reveal img{
  animation:doroLogoZoom .72s cubic-bezier(.2,.8,.2,1) both!important;
}

@keyframes doroProgressLoad{
  0%{width:0}
  24%{width:20%}
  64%{width:72%}
  100%{width:100%}
}
@keyframes doroLogoReveal{
  0%{clip-path:inset(0 100% 0 0);opacity:.45}
  100%{clip-path:inset(0 0 0 0);opacity:1}
}
@keyframes doroShineSweep{
  0%{left:-38%;opacity:0}
  18%{opacity:.82}
  100%{left:118%;opacity:0}
}
@keyframes doroLogoEntrance{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes doroLogoPulse{
  from{opacity:.62;transform:scale(.985)}
  to{opacity:1;transform:scale(1.01)}
}
@keyframes doroLogoZoom{
  from{opacity:0;transform:scale(.86)}
  to{opacity:1;transform:scale(1)}
}
@media(max-width:600px){
 #doroPreloader .doro-preloader-stage{width:min(250px,65vw)!important;gap:16px!important}
 #doroPreloader .doro-logo-reveal{height:74px!important}
 #doroPreloader .doro-logo-reveal img{max-width:240px!important;height:64px!important}
 #doroPreloader .doro-preloader-progress{width:108px!important}
}

/* ===== V8.4.6 CATEGORIES + AUTO CODE ===== */
.auto-code-field{font-family:monospace!important;letter-spacing:.06em;font-weight:800!important;background:var(--surface2)!important}
.category-prefix{display:inline-flex;padding:6px 9px;border-radius:8px;background:var(--surface2);border:1px solid var(--line);font-family:monospace;font-weight:800;letter-spacing:.08em}
.code-preview{display:block;margin-top:5px;color:var(--muted);font-family:monospace}.actions-cell{white-space:nowrap}


/* ===== V8.4.7 OUR WORK CMS ===== */
.work-head-actions{display:flex;gap:8px;flex-wrap:wrap}.work-cms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.work-cms-card{padding:0!important;overflow:hidden}.work-cms-cover{height:220px;position:relative;background:var(--surface2);display:grid;place-items:center;color:var(--muted);font-weight:800;letter-spacing:.14em}.work-cms-cover img{width:100%;height:100%;object-fit:cover}.work-featured{position:absolute;top:12px;left:12px;background:#17120f;color:#fff;border-radius:999px;padding:6px 9px;font-size:9px}.work-cms-body{padding:16px}.work-cms-body h3{margin:5px 0;font-size:18px}.work-cms-body p{color:var(--muted);font-size:11px}.work-photo-count{margin-top:10px;font-size:10px;color:var(--accent);font-weight:800}.work-cms-actions{padding:0 16px 16px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.work-editor textarea{min-height:95px}.work-gallery-admin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.work-gallery-admin article{padding:8px!important;overflow:hidden}.work-gallery-admin img{width:100%;height:190px;object-fit:cover;border-radius:10px}.gallery-admin-actions{display:flex;gap:6px;align-items:center;justify-content:space-between;margin-top:8px;flex-wrap:wrap}
@media(max-width:900px){.work-cms-grid,.work-gallery-admin{grid-template-columns:1fr}.work-cms-cover{height:190px}}
/* V8.4.9 Event OS */
.premium-stage{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.premium-stage form{margin:0}.stage-pill{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:11px 15px;font-weight:700;cursor:pointer}.stage-pill.current{background:var(--accent);color:#17110e;border-color:transparent;box-shadow:0 10px 30px rgba(0,0,0,.1)}.premium-kpis .stat b{font-size:28px}.command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.command-card{min-height:190px;padding:25px;border-radius:24px;background:var(--panel);border:1px solid var(--line);color:var(--text);text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}.command-card small{letter-spacing:.18em;color:var(--accent);font-weight:800}.command-card h2{margin:10px 0 8px;font-size:22px}.command-card p{margin:0;color:var(--muted)}.command-card.accent{background:linear-gradient(145deg,#2a1e19,#171310);color:#fff}.premium-form label{display:block;font-weight:700;margin:0 0 14px}.premium-form input,.premium-form select,.premium-form textarea{display:block;width:100%;margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.money-pair{display:flex;gap:12px;align-items:center}.money-pair span{color:var(--muted)}.mini-danger{border:0;background:#f7dfdb;border-radius:8px;padding:5px 9px}.run-row{display:grid;grid-template-columns:78px 1fr 120px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.run-row time{font-size:24px;font-weight:800;color:var(--accent)}.run-row time small{display:block;font-size:11px;color:var(--muted)}.run-row.done{opacity:.55}.run-row.done h3{text-decoration:line-through}.document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.doc-card{padding:22px;border-radius:20px;background:var(--panel);border:1px solid var(--line);text-decoration:none;color:var(--text);min-height:150px}.doc-card span{font-size:10px;letter-spacing:.15em;color:var(--accent);font-weight:800}.doc-card h3{margin:25px 0 8px}.doc-card p,.doc-card small{color:var(--muted)}.report-hub{display:grid;gap:16px}.report-event-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.report-event-card small{color:var(--accent);font-weight:800;letter-spacing:.12em}.report-event-card h2{margin:6px 0}.report-event-card p{margin:0;color:var(--muted)}.report-actions{display:flex;gap:8px;flex-wrap:wrap}.event-command-link{background:var(--accent)!important;color:#17110e!important;font-weight:800!important}@media(max-width:900px){.command-grid{grid-template-columns:1fr}.run-row{grid-template-columns:60px 1fr}.run-row form{grid-column:2}.document-grid{grid-template-columns:1fr}.report-event-card{display:block}.report-actions{margin-top:18px}.form-grid{grid-template-columns:1fr}}

/* ===== V8.5.2 CLIENT MAGIC LINK ===== */
.magic-link-result{margin:0 0 18px!important;border:1px solid rgba(211,154,123,.32)!important;background:linear-gradient(135deg,var(--surface),var(--surface2))!important}
.magic-link-result h3{margin:5px 0}.magic-link-result p{color:var(--muted);max-width:800px}
.magic-link-copy{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.magic-link-copy input{font-family:monospace;font-size:11px}
.user-action-stack{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.magic-link-status{display:block;margin-top:6px;color:#4f9a6d;font-size:9px}
@media(max-width:700px){.magic-link-copy{grid-template-columns:1fr}.user-action-stack{align-items:stretch}}

/* ===== V8.5.3 MEETING MOBILE / DELETE ===== */
.meeting-list-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.meeting-pending-note{display:block;margin-top:5px;color:#b97a59;font-weight:700}
.meeting-waiting{min-height:520px;background:linear-gradient(145deg,#171311,#211915)!important;color:#fff!important}
.meeting-waiting>div{max-width:520px;text-align:center}.meeting-waiting strong{font-size:20px!important}.meeting-waiting p{color:rgba(255,255,255,.68)!important;line-height:1.7}
.meeting-waiting-icon{width:54px;height:54px;border:2px solid #d39a7b;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;font-size:30px;animation:doroWaitPulse 1.2s ease-in-out infinite alternate}
@keyframes doroWaitPulse{from{opacity:.45;transform:scale(.94)}to{opacity:1;transform:scale(1.03)}}
@media(max-width:700px){.meeting-list-row{align-items:flex-start!important}.meeting-list-actions{justify-content:flex-start;margin-top:10px}.meeting-waiting{min-height:430px}.meeting-room-actions{width:100%}.meeting-room-actions .btn{flex:1}}

/* ===== V8.5.4 EMBEDDED MEETING + LIVE SELECTION SPOTLIGHT ===== */
.live-selection-spotlight{position:relative;margin:0 0 18px;border:1px solid var(--accent);border-radius:20px;background:var(--surface);box-shadow:0 18px 55px rgba(0,0,0,.12);overflow:hidden}
.live-selection-spotlight.hidden{display:none!important}.spotlight-label{padding:10px 16px;background:var(--accent);color:#17110e;font-weight:800;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.spotlight-card{display:grid;grid-template-columns:minmax(220px,.9fr) 1.1fr;min-height:300px;background:var(--surface)}
.spotlight-image{min-height:300px;background:var(--surface2);overflow:hidden}.spotlight-image img{width:100%;height:100%;object-fit:cover;display:block}
.spotlight-body{padding:24px;display:flex;flex-direction:column;justify-content:center}.spotlight-body h3{font-size:26px;margin:7px 0 14px}.spotlight-actions{display:flex;gap:10px;margin-top:15px}.spotlight-actions .btn{min-width:130px}
.spotlight-pop{animation:doroSpotlightPop .42s cubic-bezier(.2,.8,.2,1)}@keyframes doroSpotlightPop{from{opacity:.3;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.meeting-page .video-panel{min-width:0}.meeting-page .video-frame iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:800px){
 .meeting-layout{display:block!important}
 .video-panel{position:relative!important;top:auto!important;z-index:auto!important;background:var(--bg)}
 .video-frame{height:min(52vh,440px)!important;min-height:330px!important;border-radius:20px!important;overflow:hidden}
 .selection-panel{padding-top:16px!important}
 .live-selection-spotlight{margin:0 0 14px!important;border-radius:18px!important}
 .spotlight-card{grid-template-columns:1fr!important;min-height:0!important}
 .spotlight-image{height:245px!important;min-height:0!important}
 .spotlight-body{padding:18px!important}
 .spotlight-body h3{font-size:22px!important}
 .spotlight-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
 .spotlight-actions .btn{min-width:0!important;width:100%!important}
 .catalog-picker{max-height:none!important}
}


/* ===== V8.5.5 — ONLY REQUESTED MEETING FIXES ===== */

/* Controlled Jitsi mount: same desktop dimensions/design as the existing video frame. */
.jitsi-controlled-mount{width:100%;height:100%;min-height:inherit;background:#000}
.jitsi-controlled-mount iframe{display:block;width:100%!important;height:100%!important;border:0!important}

/* Once Jitsi reports leave/close, remove video area entirely so no 8x8/JaaS page can appear. */
.video-panel.video-session-finished{
  display:none!important;
}
.selection-panel{
  scroll-margin-top:18px;
}

/* Mobile only: compact Event Selection Board cards.
   Desktop rules are intentionally untouched. */
@media(max-width:700px){
  .meeting-page .live-board{
    gap:10px!important;
  }

  .meeting-page .live-item{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    border-radius:14px!important;
    min-height:112px!important;
    overflow:hidden!important;
  }

  .meeting-page .live-item>img{
    width:112px!important;
    height:100%!important;
    min-height:112px!important;
    max-height:165px!important;
    object-fit:cover!important;
    align-self:stretch!important;
  }

  .meeting-page .live-item-body{
    padding:11px 12px!important;
    min-width:0!important;
  }

  .meeting-page .live-code{
    font-size:9px!important;
    line-height:1.3!important;
    letter-spacing:.9px!important;
  }

  .meeting-page .live-item h3{
    margin:4px 0 7px!important;
    font-size:16px!important;
    line-height:1.25!important;
  }

  .meeting-page .live-meta{
    gap:4px!important;
  }

  .meeting-page .live-meta span{
    font-size:9px!important;
    padding:4px 6px!important;
  }

  .meeting-page .decision-state{
    margin:8px 0!important;
    padding:6px 8px!important;
    font-size:10px!important;
  }

  .meeting-page .decision-actions{
    gap:5px!important;
    flex-wrap:wrap!important;
  }

  .meeting-page .decision-actions .btn{
    padding:7px 9px!important;
    font-size:10px!important;
  }

  .meeting-page .comments{
    margin-top:8px!important;
    gap:4px!important;
  }

  .meeting-page .live-comment{
    padding:6px 7px!important;
    font-size:9px!important;
  }

  .meeting-page .comment-form{
    margin-top:6px!important;
    gap:5px!important;
  }

  .meeting-page .comment-form input{
    min-width:0!important;
    padding:8px 9px!important;
    font-size:10px!important;
  }

  /* On very small phones keep the image proportional rather than letting it dominate. */
  @media(max-width:390px){
    .meeting-page .live-item{
      grid-template-columns:96px minmax(0,1fr)!important;
    }
    .meeting-page .live-item>img{
      width:96px!important;
      min-height:104px!important;
      max-height:150px!important;
    }
    .meeting-page .live-item h3{
      font-size:15px!important;
    }
  }
}

/* ===== V8.5.7 COMPACT MEETING CATALOG / BOARD IMAGE FIX ===== */
/* Fix: meeting item images are wrapped in .live-item-image since V8.5.4. */
.meeting-page .live-board{
  gap:10px!important;
}
.meeting-page .live-item{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  min-height:126px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.meeting-page .live-item-image{
  width:150px!important;
  height:100%!important;
  min-height:126px!important;
  max-height:180px!important;
  overflow:hidden!important;
  background:var(--surface2)!important;
}
.meeting-page .live-item-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:126px!important;
  max-height:180px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.meeting-page .live-item-body{
  min-width:0!important;
  padding:12px 14px!important;
}
.meeting-page .live-item h3{
  margin:4px 0 7px!important;
  font-size:17px!important;
  line-height:1.25!important;
}
.meeting-page .live-code{font-size:10px!important;letter-spacing:1px!important}
.meeting-page .live-meta{gap:5px!important}
.meeting-page .live-meta span{font-size:10px!important;padding:4px 7px!important}
.meeting-page .decision-state{margin:8px 0!important;padding:7px 9px!important;font-size:10px!important}

/* The DORO-side catalog picker stays compact and scrollable. */
.meeting-page .catalog-picker{
  padding:10px!important;
  margin:6px 0 12px!important;
}
.meeting-page .catalog-mini{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  max-height:166px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-top:8px!important;
}
.meeting-page .catalog-mini-item{
  min-width:0!important;
  width:100%!important;
  min-height:62px!important;
  padding:5px!important;
  gap:6px!important;
  border-radius:10px!important;
}
.meeting-page .catalog-mini-item img{
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  border-radius:7px!important;
  object-fit:cover!important;
}
.meeting-page .catalog-mini-item span{min-width:0!important;gap:2px!important}
.meeting-page .catalog-mini-item b{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.meeting-page .catalog-mini-item small{font-size:9px!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

@media(max-width:800px){
  .meeting-page .catalog-toolbar{
    grid-template-columns:1fr 120px!important;
    gap:6px!important;
  }
  .meeting-page .catalog-mini{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-height:148px!important;
  }
  .meeting-page .catalog-mini-item{min-height:56px!important}
  .meeting-page .catalog-mini-item img{flex-basis:44px!important;width:44px!important;height:44px!important}

  .meeting-page .live-item{
    grid-template-columns:96px minmax(0,1fr)!important;
    min-height:104px!important;
  }
  .meeting-page .live-item-image{
    width:96px!important;
    min-height:104px!important;
    max-height:145px!important;
  }
  .meeting-page .live-item-image img{
    min-height:104px!important;
    max-height:145px!important;
  }
  .meeting-page .live-item-body{padding:9px 10px!important}
  .meeting-page .live-item h3{font-size:15px!important;margin:3px 0 5px!important}
  .meeting-page .live-code{font-size:8px!important}
  .meeting-page .live-meta span{font-size:8px!important;padding:3px 5px!important}
  .meeting-page .decision-state{margin:6px 0!important;padding:5px 6px!important;font-size:9px!important}
  .meeting-page .comments{margin-top:6px!important}
  .meeting-page .comment-form{margin-top:5px!important}
}

@media(max-width:390px){
  .meeting-page .catalog-mini{grid-template-columns:1fr 1fr!important;max-height:136px!important}
  .meeting-page .catalog-mini-item img{flex-basis:40px!important;width:40px!important;height:40px!important}
  .meeting-page .live-item{grid-template-columns:84px minmax(0,1fr)!important}
  .meeting-page .live-item-image{width:84px!important;max-height:130px!important}
  .meeting-page .live-item-image img{max-height:130px!important}
}

/* ===== V8.5.8 CLIENTS + EVENTS CRUD ===== */
.crud-list{margin-top:18px}.crud-row-actions,.event-head-actions,.form-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.workflow-mini{display:inline-block;margin-top:5px;text-transform:capitalize;color:var(--accent);font-size:9px;font-weight:800}.event-crud-form{margin-bottom:18px}.form-grid .full{grid-column:1/-1}.crud-row form.inline{margin:0}
@media(max-width:700px){.crud-row{align-items:flex-start!important;gap:12px!important}.crud-row-actions{width:100%;justify-content:flex-start}.crud-row-actions .btn{flex:0 0 auto}.event-crud-form{grid-template-columns:1fr!important}}


/* ===== V8.5.9 EVENT COMMAND CENTER READABILITY ===== */
.command-grid{gap:16px!important}
.command-card{
  position:relative!important;
  min-height:176px!important;
  padding:22px 24px!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#302d2b 0%,#242321 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 14px 36px rgba(24,18,15,.12)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.command-card:after{content:"";position:absolute;inset:auto -45px -65px auto;width:145px;height:145px;border:1px solid rgba(211,151,119,.14);border-radius:50%;pointer-events:none}
.command-card:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(24,18,15,.18)!important;border-color:rgba(211,151,119,.38)!important}
.command-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.command-card small{font-size:10px!important;line-height:1!important;letter-spacing:.20em!important;color:#e3a584!important;font-weight:800!important}
.command-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#efb08d;font-size:17px;font-weight:800}
.command-card h2{margin:0 0 9px!important;font-size:23px!important;line-height:1.3!important;font-weight:800!important;color:#fff!important}
.command-card p{margin:0!important;color:#d8d3cf!important;font-size:14px!important;line-height:1.7!important;font-weight:500!important}
.command-card strong{display:block;margin-top:2px;color:#f5eee9!important;font-size:17px!important;line-height:1.5!important}
.command-card.accent{background:linear-gradient(145deg,#34241f 0%,#211815 100%)!important;border-color:rgba(224,158,124,.28)!important}
.command-card.accent h2{color:#fff!important}.command-card.accent p{color:#e6dcd6!important}
@media(max-width:900px){.command-card{min-height:150px!important;padding:20px!important}.command-top{margin-bottom:16px}.command-card h2{font-size:20px!important}.command-card p{font-size:13px!important}}

/* ===== V8.6.1 SIDEBAR INFORMATION ARCHITECTURE ===== */
.sidebar .brand-box{padding-top:20px;padding-bottom:16px}
.sidebar .brand-box img{width:auto!important;max-width:142px!important;max-height:62px!important;height:auto!important;object-fit:contain!important;transform:scale(1.14);transform-origin:center}
.sidebar .brand-box small{margin-top:10px}
.nav-section-title{margin:16px 12px 6px;padding-top:11px;border-top:1px solid rgba(120,100,90,.12);font-size:9px;font-weight:800;letter-spacing:.14em;opacity:.48}
.nav-section-title:first-of-type{margin-top:8px;border-top:0;padding-top:2px}
[dir="rtl"] .nav-section-title{letter-spacing:0;font-size:10px}
.sidebar nav{padding-bottom:14px}
.sidebar .nav-link{margin-top:1px}
@media(max-width:900px){
 .sidebar .brand-box img{max-width:128px!important;max-height:56px!important;transform:scale(1.10)}
 .nav-section-title{margin-top:12px}
}

/* ===== V8.6.2 GLOBAL THEME-AWARE CARDS =====
   One source of truth: every dashboard/site card follows active theme variables. */
:root{
  --card-bg:var(--surface);
  --card-bg-alt:var(--surface2);
  --card-text:var(--text);
  --card-muted:var(--muted);
  --card-border:var(--line);
}

/* Generic cards / dashboard cards */
html body .panel,
html body .card,
html body .stat,
html body .message,
html body .event-stat,
html body .kpi,
html body .summary-card,
html body .dashboard-card,
html body .metric-card,
html body .report-card,
html body .seo-card,
html body .readiness-card,
html body .visibility-card,
html body .setting-card,
html body .info-card,
html body .workspace-card,
html body .command-card,
html body .premium-card,
html body .supplier-premium-card,
html body .crud-row,
html body .live-item,
html body .catalog-card{
  background:var(--card-bg) !important;
  color:var(--card-text) !important;
  border-color:var(--card-border) !important;
}

/* Secondary/interactive surfaces inside cards */
html body .panel .row,
html body .card .row,
html body .seo-grid > *,
html body .readiness-grid > *,
html body .visibility-grid > *{
  color:var(--card-text);
  border-color:var(--card-border);
}

/* Card typography always inherits the theme */
html body .panel h1, html body .panel h2, html body .panel h3, html body .panel h4,
html body .card h1, html body .card h2, html body .card h3, html body .card h4,
html body .stat b, html body .stat strong,
html body .event-stat b, html body .event-stat strong,
html body .kpi b, html body .kpi strong,
html body .seo-card b, html body .seo-card strong,
html body .readiness-card b, html body .readiness-card strong,
html body .visibility-card b, html body .visibility-card strong{
  color:var(--card-text) !important;
}
html body .panel p, html body .panel small,
html body .card p, html body .card small,
html body .stat span, html body .stat small,
html body .event-stat span, html body .event-stat small,
html body .kpi span, html body .kpi small,
html body .seo-card span, html body .seo-card small,
html body .readiness-card span, html body .readiness-card small,
html body .visibility-card span, html body .visibility-card small{
  color:var(--card-muted) !important;
}

/* Inputs and inner tiles also track the theme instead of forcing white/black. */
html body input,
html body select,
html body textarea{
  background:var(--card-bg-alt);
  color:var(--card-text);
  border-color:var(--card-border);
}
html body input::placeholder,
html body textarea::placeholder{color:var(--card-muted)}

/* Public website card families */
html body .service-card,
html body .project-card,
html body .work-card,
html body .feature-card,
html body .contact-card{
  background:var(--card-bg) !important;
  color:var(--card-text) !important;
  border-color:var(--card-border) !important;
}
html body .service-card h3, html body .project-card h3,
html body .work-card h3, html body .feature-card h3,
html body .contact-card h3{color:var(--card-text) !important}
html body .service-card p, html body .project-card p,
html body .work-card p, html body .feature-card p,
html body .contact-card p{color:var(--card-muted) !important}

/* Preserve semantic status chips; only their containing card follows the theme. */

/* ===== V8.6.3 PROFESSIONAL COMMUNICATION HUB ===== */
.communication-filters{margin-bottom:16px}.compact-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
.professional-chat{display:flex;flex-direction:column;gap:12px;margin:16px 0}.professional-chat .message{max-width:82%;width:auto}.professional-chat .message-mine{align-self:flex-end;border-inline-end:3px solid var(--accent)}.professional-chat .message-other{align-self:flex-start}.message-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:12px}.message-gallery img{width:100%;height:145px;object-fit:cover;border-radius:12px;display:block}.message-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:12px}.message-item-card{display:flex;gap:9px;align-items:center;background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:8px;color:var(--text)}.message-item-card img{width:58px;height:58px;object-fit:cover;border-radius:9px}.message-item-card b,.message-item-card small{display:block;color:var(--text)}.message-item-card small{color:var(--muted)}.message-composer{display:flex;flex-direction:column;gap:13px}.composer-head{display:flex;justify-content:space-between}.composer-head small{display:block;color:var(--muted);margin-top:4px}.composer-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.message-composer select[multiple]{min-height:190px}.client-message-hub,.supplier-message-hub{margin-top:16px}
@media(max-width:700px){.compact-filter,.composer-grid{grid-template-columns:1fr}.professional-chat .message{max-width:96%}.message-gallery{grid-template-columns:repeat(2,1fr)}.message-gallery img{height:120px}.message-item-grid{grid-template-columns:1fr}}

/* V8.6.4 message inbox visibility */
.nav-message-alert{margin:3px 12px 8px;padding:7px 10px;border-radius:10px;background:var(--surface2);border:1px solid var(--accent);color:var(--text);font-size:11px;display:flex;justify-content:space-between;align-items:center}
.nav-message-alert b{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--bg);display:inline-flex;align-items:center;justify-content:center}

/* ===== V8.6.7 EVENT WORKFLOW BUTTON VISIBILITY ===== */
html body .premium-stage{
  gap:10px;
}
html body .premium-stage .stage-pill{
  background:var(--surface2) !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
  box-shadow:none !important;
  opacity:1 !important;
  min-height:44px;
  padding:10px 18px;
  font-weight:800;
  letter-spacing:0;
}
html body .premium-stage .stage-pill:hover{
  background:var(--surface) !important;
  color:var(--accent) !important;
  border-color:var(--accent) !important;
}
html body .premium-stage .stage-pill.current{
  background:var(--accent) !important;
  color:#fff !important;
  border-color:var(--accent) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.10) !important;
}
html[data-theme="ivory-rose"] body .premium-stage .stage-pill.current,
html[data-theme="warm-sand"] body .premium-stage .stage-pill.current,
html[data-theme="pearl-white"] body .premium-stage .stage-pill.current,
html[data-theme="soft-stone"] body .premium-stage .stage-pill.current,
html[data-theme="minimal-beige"] body .premium-stage .stage-pill.current{
  color:#fff !important;
}
@media(max-width:700px){
  html body .premium-stage{gap:7px}
  html body .premium-stage form{flex:1 1 calc(50% - 7px)}
  html body .premium-stage .stage-pill{width:100%;padding:10px 12px}
}

/* ===== V8.7.8 BANNER EDITOR ===== */
.banner-media-card{display:grid!important;grid-template-columns:140px minmax(0,1fr) auto;gap:14px;align-items:center}
.banner-media-card>img{width:140px;height:86px;object-fit:cover;border-radius:12px}
.banner-card-info b,.banner-card-info small{display:block}
.banner-card-info small{margin-top:6px;color:var(--muted)}
.banner-card-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.banner-card-actions form{margin:0}
.banner-current-preview{display:grid;grid-template-columns:minmax(220px,430px) 1fr;gap:18px;align-items:center;padding:12px;background:var(--surface2);border:1px solid var(--line);border-radius:16px}
.banner-current-preview img{width:100%;height:190px;object-fit:cover;border-radius:12px}
.banner-current-preview span,.banner-current-preview small{display:block}
.banner-current-preview span{font-weight:800;color:var(--text);margin-bottom:7px}
.banner-current-preview small{color:var(--muted)}
.banner-edit-actions{display:flex;gap:10px;align-items:center}
@media(max-width:720px){
 .banner-media-card{grid-template-columns:92px 1fr!important}
 .banner-media-card>img{width:92px;height:72px}
 .banner-card-actions{grid-column:1/-1}
 .banner-current-preview{grid-template-columns:1fr}
 .banner-current-preview img{height:170px}
}

/* ===== V8.7.9 HOMEPAGE SECTION ORDER ===== */
.home-layout-panel{overflow:hidden}
.home-sort-list{display:grid;gap:9px;margin:16px 0}
.home-sort-item{
 display:grid;grid-template-columns:40px 42px minmax(150px,1fr) auto auto;
 align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);
 border-radius:14px;background:var(--surface2,var(--card));color:var(--text);
 transition:transform .18s ease,opacity .18s ease,border-color .18s ease;
}
.home-sort-item.dragging{opacity:.5;transform:scale(.99);border-color:var(--accent)}
.drag-handle{border:0;background:transparent;color:var(--muted);font-size:22px;cursor:grab;padding:4px}
.drag-handle:active{cursor:grabbing}
.home-sort-index{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.08em}
.home-section-toggle{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:12px;color:var(--muted);white-space:nowrap}
.home-section-toggle input{width:18px;height:18px}
.home-sort-move{display:flex;gap:5px}
.home-sort-move button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);cursor:pointer}
.home-layout-save{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.home-layout-save small{color:var(--muted)}
@media(max-width:720px){
 .home-sort-item{grid-template-columns:32px 32px minmax(0,1fr) auto;padding:10px}
 .home-section-toggle{grid-column:3/4}
 .home-sort-move{grid-column:4;grid-row:1/3;flex-direction:column}
}

/* ===== V8.8.0 SECURITY CENTER ===== */
.security-score{min-width:92px;height:92px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--card);font-weight:800;font-size:20px;color:var(--text)}
.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.security-item{display:flex;gap:14px;align-items:flex-start}
.security-status{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.security-ok .security-status{background:rgba(51,163,104,.14);color:#3baa70}
.security-warn .security-status{background:rgba(220,154,50,.14);color:#d39a39}
.security-item h3{margin:2px 0 6px;color:var(--text)}
.security-item p,.security-note p{margin:0;color:var(--muted);line-height:1.7}
.security-note{margin-top:16px}
@media(max-width:760px){.security-grid{grid-template-columns:1fr}.security-score{width:72px;height:72px;min-width:72px;font-size:16px}}