/* SIDRE Canonical Shared Navigation — top module navigation + lower-left global leaf. */
:root{
  --sidre-nav-bg:#ffffff;
  --sidre-nav-ink:#173f61;
  --sidre-nav-text:#526e7d;
  --sidre-nav-muted:#8a9ca7;
  --sidre-nav-line:#dfe8eb;
  --sidre-nav-soft:#f6fafb;
  --sidre-nav-active:#eef8fa;
  --sidre-nav-accent:#0f8298;
  --sidre-nav-gold:#a77b37;
  --sidre-nav-radius:10px;
  --sidre-page-outer-gap:clamp(12px,2vw,28px);
  --sidre-content-max-width:none;
  --sidre-panel-gap:14px;
  --sidre-grid-gap:14px;
  --sidre-leaf-size:52px;
  --sidre-leaf-shape:52px;
  --sidre-leaf-left:max(16px,env(safe-area-inset-left));
  --sidre-leaf-bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));
}
.sidre-shell-layout{min-height:100dvh;width:100%;max-width:100%;margin:0;padding:0;position:relative;box-sizing:border-box;font-family:Tajawal,"Noto Sans Arabic",Tahoma,Arial,sans-serif}
.sidre-shell-main{width:100%;min-width:0;min-height:100dvh;margin:0;box-sizing:border-box}
.sidre-shell-content{width:100%;min-width:0;max-width:none;margin:0;box-sizing:border-box}
.sidre-shell-layout.has-module-nav .sidre-shell-main{width:100%;margin:0}
.sidre-shell-layout.has-module-nav :is(.global-main,.traffic-main,.traffic-main-v2,.traffic56-overview-identity,.adm-main,.adm-work,.account-hub,.account-main,.page-wrap){box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
.sidre-shell-layout.has-module-nav :is(.traffic-layout,.traffic-column,.profile-grid,.social-layout,.settings-grid,.account-overview-grid,.account-kpis){column-gap:var(--sidre-grid-gap);row-gap:var(--sidre-grid-gap)}

/* Canonical two-tier module navigation. Primary destinations stay on top; compact utilities live in a dedicated lower-left strip. */
.sidre-module-nav-wrap{position:sticky;top:0;z-index:2147482800;width:100%;border-bottom:1px solid var(--sidre-nav-line);background:rgba(255,255,255,.98);backdrop-filter:blur(12px)}
.sidre-module-nav{width:min(1760px,100%);margin:0 auto;padding:8px var(--sidre-page-outer-gap);display:flex;align-items:center;gap:14px;min-width:0;box-sizing:border-box}
.sidre-module-nav-identity{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid var(--sidre-nav-line);border-radius:var(--sidre-nav-radius);background:#fff;color:var(--sidre-nav-ink);text-decoration:none;white-space:nowrap;flex:0 0 auto}
.sidre-module-nav-section-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--sidre-nav-accent);flex:0 0 28px}.sidre-module-nav-section-icon>.sidre-section-icon{width:24px;height:24px}
.sidre-module-nav-identity strong{font-size:12.5px;font-weight:900;line-height:1.2}
.sidre-module-nav-items{display:flex;align-items:center;gap:3px;min-width:0;flex:1 1 auto;flex-wrap:wrap}
.sidre-module-nav-item{appearance:none;min-height:40px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--sidre-nav-text);display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font:inherit;font-size:12.5px;font-weight:800;line-height:1.25;white-space:nowrap;cursor:pointer}
.sidre-module-nav-item:hover{background:var(--sidre-nav-soft);color:var(--sidre-nav-ink)}
.sidre-module-nav-item.is-active{background:var(--sidre-nav-active);border-color:#d6ecef;color:var(--sidre-nav-accent)}
.sidre-module-nav-item:disabled{opacity:.48;cursor:not-allowed}
.sidre-module-nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;color:inherit}.sidre-module-nav-icon>.sidre-shell-icon{width:18px;height:18px}.sidre-module-nav-icon>.sidre-section-icon{width:19px;height:19px}
.sidre-module-nav-tools{flex:0 0 auto;display:flex;align-items:center;min-width:0;border-inline-start:1px solid var(--sidre-nav-line);padding-inline-start:10px}
.sidre-module-nav-tools .sidre-utility-bar{display:flex;align-items:center;gap:5px;min-width:0}
.sidre-module-nav-tools .sidre-utility-button{min-width:38px;height:38px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--sidre-nav-text);display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.sidre-module-nav-tools .sidre-utility-button:hover{background:var(--sidre-nav-soft);border-color:var(--sidre-nav-line);color:var(--sidre-nav-ink)}
.sidre-module-nav-tools .sidre-utility-button>.sidre-shell-icon{width:17px;height:17px;flex:0 0 17px}
.sidre-module-nav-tools .sidre-utility-mode{color:var(--sidre-nav-accent)}
.sidre-module-nav-utility-row{width:min(1760px,100%);min-height:46px;margin:0 auto;padding:5px var(--sidre-page-outer-gap) 7px;box-sizing:border-box;border-top:1px solid color-mix(in srgb,var(--sidre-nav-line) 72%,transparent);display:flex;align-items:center;justify-content:flex-end;direction:rtl}
.sidre-module-nav-utility-row .sidre-utility-bar{display:inline-flex;align-items:center;gap:5px;direction:rtl}
.sidre-module-nav-utility-row .sidre-utility-button{appearance:none;width:36px;min-width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--sidre-nav-text);display:grid;place-items:center;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.sidre-module-nav-utility-row .sidre-utility-button:hover{background:var(--sidre-nav-soft);border-color:var(--sidre-nav-line);color:var(--sidre-nav-ink);transform:translateY(-1px)}
.sidre-module-nav-utility-row .sidre-utility-button>.sidre-shell-icon{width:18px;height:18px}
.sidre-module-nav-utility-row .sidre-utility-label{display:none}
.sidre-module-nav-utility-row .sidre-utility-mode{color:var(--sidre-nav-accent)}
.sidre-utility-label{display:inline-block;line-height:1}
.sidre-shell-icon{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.85}

/* Lower-left leaf: the one global launcher for the rest of SIDRE. */
.sidre-shell-leaf{appearance:none;position:fixed;left:var(--sidre-leaf-left);bottom:var(--sidre-leaf-bottom);z-index:2147483201;width:var(--sidre-leaf-size);height:var(--sidre-leaf-size);padding:0;margin:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.sidre-shell-leaf:focus-visible{outline:2px solid #c99639;outline-offset:4px;border-radius:17px}.sidre-shell-leaf-shape{display:block;width:var(--sidre-leaf-shape);height:var(--sidre-leaf-shape);background:linear-gradient(135deg,#c89538 0%,#69bedb 24%,#73c9ae 49%,#a487d0 73%,#d7aa4f 100%);background-size:320% 320%;-webkit-mask:url('/assets/brand/sidre-nav-leaf-gold.png') center/contain no-repeat;mask:url('/assets/brand/sidre-nav-leaf-gold.png') center/contain no-repeat;filter:drop-shadow(0 8px 13px rgba(35,57,67,.18));animation:sidre-shell-leaf-wave 12s ease-in-out infinite;transition:transform .18s ease,filter .18s ease}.sidre-shell-leaf:hover .sidre-shell-leaf-shape,.sidre-shell-leaf[aria-expanded="true"] .sidre-shell-leaf-shape{transform:translateY(-2px) scale(1.045);filter:drop-shadow(0 10px 15px rgba(35,57,67,.23))}
.sidre-shell-quick{position:fixed;left:var(--sidre-leaf-left);bottom:calc(var(--sidre-leaf-bottom) + var(--sidre-leaf-size) + 10px);z-index:2147483200;width:310px;max-width:calc(100vw - 32px);pointer-events:none}.sidre-shell-quick-panel{display:grid;gap:5px;max-height:min(620px,calc(100dvh - 110px));overflow:auto;overscroll-behavior:contain;padding:9px;border:1px solid #dbe6e9;border-radius:16px;background:rgba(255,255,255,.985);box-shadow:0 20px 48px rgba(23,63,97,.18);opacity:0;visibility:hidden;transform:translateY(8px) scale(.985);transform-origin:left bottom;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;pointer-events:none;scrollbar-width:thin}.sidre-shell-quick.is-open .sidre-shell-quick-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.sidre-shell-quick-item{min-height:52px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:5px 8px;border:1px solid transparent;border-radius:12px;color:#526e7d;text-decoration:none}.sidre-shell-quick-item:hover{background:#f6fafb;border-color:#e4ecee;color:#173f61}.sidre-shell-quick-item.is-active{background:#eef8fa;border-color:#d6ecef;color:#0f8298}.sidre-shell-quick-icon{position:relative;width:38px;height:38px;border:1px solid #dce8eb;border-radius:11px;background:#fff;display:grid;place-items:center;color:#456f86}.sidre-shell-quick-icon .sidre-shell-icon{width:20px;height:20px}.sidre-shell-quick-item.is-active .sidre-shell-quick-icon{color:#0f8298;border-color:#cfe6ea}.sidre-shell-quick-badge{position:absolute;top:-6px;left:-6px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#b64c4c;color:#fff;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.sidre-shell-quick-copy{min-width:0;display:grid;gap:2px;text-align:right}.sidre-shell-quick-copy b{font-size:12.5px;font-weight:900;line-height:1.25;color:inherit}.sidre-shell-quick-copy small{font-size:9.5px;font-weight:700;line-height:1.35;color:#8a9ca7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidre-section-icon{width:100%;height:100%;display:block;object-fit:contain}.sidre-section-icon[data-section-icon]{display:grid;place-items:center;color:inherit}.sidre-section-icon[data-section-icon]>.sidre-shell-icon{width:72%;height:72%}.sidre-shell-quick-icon>.sidre-section-icon{width:22px;height:22px}
@keyframes sidre-shell-leaf-wave{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}


/* rc.131 — Canonical navigation phase 2.
   Primary destinations occupy the upper row.
   Utility icons are deliberately lowered into a separate left-aligned row. */
.sidre-module-nav-wrap{
  --sidre-nav-bg:#07151c;--sidre-nav-ink:#edf9fa;--sidre-nav-text:#91adb7;
  --sidre-nav-muted:#6f909b;--sidre-nav-line:#183844;--sidre-nav-soft:#0c2530;
  --sidre-nav-active:#0d343c;--sidre-nav-accent:#35c9c7;
  background:color-mix(in srgb,var(--sidre-nav-bg) 97%,transparent);
  border-bottom-color:var(--sidre-nav-line);
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.sidre-module-nav{min-height:60px;gap:10px}
.sidre-module-nav-identity{
  min-height:42px;background:linear-gradient(145deg,#0b2029,#091a22);border-color:#1d4653;
  color:var(--sidre-nav-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.sidre-module-nav-section-icon{color:var(--sidre-nav-accent)}
.sidre-module-nav-identity strong{font-size:12.5px;letter-spacing:-.01em}
.sidre-module-nav-items{gap:2px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
.sidre-module-nav-items::-webkit-scrollbar{display:none}
.sidre-module-nav-item{flex:0 0 auto;color:var(--sidre-nav-text);border-radius:9px;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}
.sidre-module-nav-item:hover{background:var(--sidre-nav-soft);color:var(--sidre-nav-ink)}
.sidre-module-nav-item.is-active{background:var(--sidre-nav-active);border-color:#255461;color:#9af1ed;box-shadow:inset 0 -2px 0 var(--sidre-nav-accent)}
.sidre-module-nav-item:active{transform:translateY(1px)}
.sidre-module-nav-tools{border-inline-start-color:var(--sidre-nav-line)}
.sidre-module-nav-tools .sidre-utility-button{color:var(--sidre-nav-text)}
.sidre-module-nav-tools .sidre-utility-button:hover{background:var(--sidre-nav-soft);border-color:#244b57;color:var(--sidre-nav-ink)}
.sidre-module-nav-social .sidre-module-nav{min-height:56px;width:min(1320px,100%)}
.sidre-module-nav-social .sidre-module-nav-identity{border-color:transparent;background:transparent;box-shadow:none;padding-inline:4px 8px}
.sidre-module-nav-social .sidre-module-nav-items{flex:0 1 auto}
.sidre-module-nav-social .sidre-module-nav-item{min-width:106px}
.sidre-module-nav-account .sidre-module-nav-identity,.sidre-module-nav-admin .sidre-module-nav-identity,.sidre-module-nav-traffic .sidre-module-nav-identity,.sidre-module-nav-business .sidre-module-nav-identity{border-color:#21505e}

@media(max-width:980px){
  .sidre-module-nav{padding:7px 12px;gap:8px}
  .sidre-module-nav-items{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.sidre-module-nav-items::-webkit-scrollbar{display:none}
  .sidre-module-nav-item{flex:0 0 auto;min-height:42px}
  .sidre-module-nav-tools{padding-inline-start:7px}.sidre-module-nav-tools .sidre-utility-button{padding:0 7px}.sidre-module-nav-tools .sidre-utility-label{display:none}
  .sidre-module-nav-utility-row{padding:4px 12px 6px;min-height:44px}.sidre-module-nav-utility-row .sidre-utility-button{width:34px;min-width:34px;height:34px}
}
@media(max-width:620px){
  :root{--sidre-leaf-size:44px;--sidre-leaf-shape:44px}
  .sidre-module-nav{padding:6px 8px;gap:5px}.sidre-module-nav-identity{min-height:40px;padding:0 8px}.sidre-module-nav-identity strong{display:none}.sidre-module-nav-section-icon{width:24px;height:24px;flex-basis:24px}.sidre-module-nav-section-icon>.sidre-section-icon{width:22px;height:22px}.sidre-module-nav-item{min-height:40px;padding:6px 9px;font-size:11.5px}.sidre-module-nav-icon{width:18px;height:18px;flex-basis:18px}.sidre-module-nav-icon>.sidre-shell-icon{width:17px;height:17px}.sidre-module-nav-tools{padding-inline-start:5px}.sidre-module-nav-tools .sidre-utility-button{width:34px;min-width:34px;height:34px;padding:0}.sidre-module-nav-tools .sidre-utility-button>.sidre-shell-icon{width:16px;height:16px}
  .sidre-module-nav-utility-row{padding:4px 8px 5px;min-height:41px}.sidre-module-nav-utility-row .sidre-utility-bar{gap:4px}.sidre-module-nav-utility-row .sidre-utility-button{width:32px;min-width:32px;height:32px;border-radius:8px}.sidre-module-nav-utility-row .sidre-utility-button>.sidre-shell-icon{width:16px;height:16px}
  .sidre-shell-quick{max-width:calc(100vw - 28px)}.sidre-shell-quick-panel{border-radius:14px;max-height:calc(100dvh - 96px)}.sidre-shell-quick-item{min-height:50px}
}
@media(prefers-reduced-motion:reduce){.sidre-shell-leaf-shape,.sidre-shell-quick-panel{transition:none}.sidre-shell-leaf-shape{animation:none;background:#c89538}}

/* Canonical workspace navigation palette. Utilities remain visually related but live on their own lower row. */
html[data-sidre-ui="workspace"]{
  --sidre-nav-bg:var(--ui-surface,#0b1f28);
  --sidre-nav-ink:var(--ui-ink,#edf9fa);
  --sidre-nav-text:var(--ui-muted,#88a7b2);
  --sidre-nav-muted:var(--ui-muted,#88a7b2);
  --sidre-nav-line:var(--ui-line,#1c414c);
  --sidre-nav-soft:var(--ui-soft,#102b36);
  --sidre-nav-active:var(--ui-accent-soft,#0d3c42);
  --sidre-nav-accent:var(--ui-accent,#35c9c7);
}
html[data-sidre-ui="workspace"] .sidre-module-nav-wrap{background:color-mix(in srgb,var(--sidre-nav-bg) 96%,transparent);border-color:var(--sidre-nav-line)}
html[data-sidre-ui="workspace"] .sidre-module-nav-identity{background:var(--sidre-nav-bg);border-color:var(--sidre-nav-line);color:var(--sidre-nav-ink)}
html[data-sidre-ui="workspace"] .sidre-module-nav-item{color:var(--sidre-nav-text)}
html[data-sidre-ui="workspace"] .sidre-module-nav-item:hover{background:var(--sidre-nav-soft);color:var(--sidre-nav-ink)}
html[data-sidre-ui="workspace"] .sidre-module-nav-item.is-active{background:var(--sidre-nav-active);border-color:var(--ui-line-strong,var(--sidre-nav-line));color:var(--sidre-nav-accent)}
html[data-sidre-ui="workspace"] .sidre-shell-quick-panel{background:color-mix(in srgb,var(--ui-surface) 98%,transparent);border-color:var(--ui-line);box-shadow:var(--ui-overlay-shadow)}
html[data-sidre-ui="workspace"] .sidre-shell-quick-item{color:var(--ui-muted)}
html[data-sidre-ui="workspace"] .sidre-shell-quick-item:hover{background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-ink)}
html[data-sidre-ui="workspace"] .sidre-shell-quick-item.is-active{background:var(--ui-accent-soft);border-color:var(--ui-line-strong);color:var(--ui-accent)}
html[data-sidre-ui="workspace"] .sidre-shell-quick-icon{background:var(--ui-surface-2);border-color:var(--ui-line);color:var(--ui-muted)}
html[data-sidre-ui="workspace"] .sidre-shell-quick-item.is-active .sidre-shell-quick-icon{border-color:var(--ui-line-strong);color:var(--ui-accent)}
html[data-sidre-ui="workspace"] .sidre-shell-quick-copy small{color:var(--ui-muted)}
html[data-sidre-ui="workspace"] .sidre-shell-quick-badge{border-color:var(--ui-surface);background:var(--ui-danger)}

.sidre-utility-wrap{width:min(1460px,calc(100% - 48px));margin:0 auto;display:flex;justify-content:flex-start;box-sizing:border-box;padding:12px 0 0;position:relative;z-index:2147482700}
.sidre-utility-bar{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.sidre-utility-button{appearance:none;width:36px;height:36px;padding:0;border:1px solid var(--sidre-nav-line);border-radius:9px;background:color-mix(in srgb,var(--sidre-nav-bg) 96%,transparent);color:var(--sidre-nav-text);display:grid;place-items:center;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.sidre-utility-button:hover{background:var(--sidre-nav-soft);border-color:var(--sidre-nav-line);color:var(--sidre-nav-ink);transform:translateY(-1px)}
.sidre-utility-button>.sidre-shell-icon{width:18px;height:18px}.sidre-utility-button>.sidre-section-icon{width:20px;height:20px}
.sidre-utility-mode{color:var(--sidre-nav-accent)}
html[data-sidre-mode="day"] .sidre-utility-mode{color:#7a5b15}
@media(max-width:980px){.sidre-utility-wrap{width:calc(100% - 24px);padding:8px 0 0}.sidre-utility-bar{gap:4px}}
@media(max-width:620px){.sidre-utility-wrap{width:calc(100% - 16px);padding:6px 0 0}.sidre-utility-button{width:32px;height:32px;border-radius:8px}.sidre-utility-bar{padding:0}}

/* rc.123 compact utility-only navigation for Social/Account; no second text navigation row. */
.sidre-shell-layout[data-shell-module="social"] .sidre-utility-wrap,.sidre-shell-layout[data-shell-module="profile"] .sidre-utility-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:12px 0 4px;justify-content:flex-start}.sidre-shell-layout[data-shell-module="social"] .sidre-utility-bar,.sidre-shell-layout[data-shell-module="profile"] .sidre-utility-bar{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:0}.sidre-shell-layout[data-shell-module="social"] .sidre-utility-button,.sidre-shell-layout[data-shell-module="profile"] .sidre-utility-button{border-color:var(--sidre-nav-line);background:color-mix(in srgb,var(--sidre-nav-bg) 94%,transparent)}@media(max-width:620px){.sidre-shell-layout[data-shell-module="social"] .sidre-utility-wrap,.sidre-shell-layout[data-shell-module="profile"] .sidre-utility-wrap{width:calc(100% - 20px);padding-top:8px}}

/* rc.134 — Canonical content rails everywhere.
   Every existing two-tier module navigation now follows the same 1460px
   rail as the Admin content body. The primary row begins on the content
   right edge, and the lower utility row ends on the content left edge.
   Public/external app pages use the same rail without inventing a new menu. */
:root{
  --sidre-rail-max:1460px;
  --sidre-rail-gap:24px;
}
.sidre-module-nav,
.sidre-module-nav-utility-row,
.sidre-utility-wrap{
  width:min(var(--sidre-rail-max),calc(100% - var(--sidre-rail-gap)));
  max-width:var(--sidre-rail-max);
  margin-inline:auto;
  padding-inline:0;
  box-sizing:border-box;
}
.sidre-module-nav-items{min-width:0;overflow-x:auto}
.sidre-module-nav-utility-row,
.sidre-utility-wrap{
  direction:rtl;
  justify-content:flex-end;
}
/* Remove historical per-module rail widths so Social, Account, Traffic,
   Business, Advertising and Admin align to the same content boundaries. */
.sidre-module-nav-social .sidre-module-nav,
.sidre-shell-layout[data-shell-module="social"] .sidre-utility-wrap,
.sidre-shell-layout[data-shell-module="profile"] .sidre-utility-wrap{
  width:min(var(--sidre-rail-max),calc(100% - var(--sidre-rail-gap)));
  max-width:var(--sidre-rail-max);
  margin-inline:auto;
}
/* Top-level module content uses one rail. Nested page sections remain 100%
   of that rail to avoid double gutters. */
.sidre-shell-layout.has-module-nav :is(.global-main,.traffic-main,.traffic-main-v2,.traffic56-overview-identity){
  box-sizing:border-box!important;
  width:min(var(--sidre-rail-max),calc(100% - var(--sidre-rail-gap)))!important;
  max-width:var(--sidre-rail-max)!important;
  min-width:0!important;
  margin-inline:auto!important;
}
.sidre-shell-layout.has-module-nav :is(.page-wrap,.account-hub,.account-main,.adm-main,.adm-work){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-inline:0!important;
}
@media(max-width:980px){
  :root{--sidre-rail-gap:20px}
}
@media(max-width:640px){
  :root{--sidre-rail-gap:16px}
}

/* rc.135 — Invisible scrollbar policy.
   Keep native wheel/touch/keyboard scrolling, but never render a page or
   inner-panel scrollbar rail/thumb. This changes visibility only; it does
   not lock overflow or alter layout/content dimensions. */
html,body,*{scrollbar-width:none!important;-ms-overflow-style:none!important}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}


/* rc.140 — Social single-row navigation.
   Social no longer renders a separate first navigation row. The Social and
   Messages destinations live on the right side of the same rail as the
   lower utility actions, while search and every utility icon share one
   unframed 36px geometry. Other modules are intentionally untouched. */
.sidre-module-nav-social{position:sticky;top:0;z-index:2147482800}
.sidre-module-nav-social .sidre-social-nav-row{
  width:min(var(--sidre-rail-max,1460px),calc(100% - var(--sidre-rail-gap,24px)));
  max-width:var(--sidre-rail-max,1460px);
  min-height:58px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  box-sizing:border-box;
  direction:rtl;
}
.sidre-social-primary-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.sidre-social-nav-action{
  appearance:none;
  width:36px;
  min-width:36px;
  height:36px;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--sidre-nav-text);
  display:grid;
  place-items:center;
  text-decoration:none;
  cursor:pointer;
  box-shadow:none;
  transition:color .14s ease,background .14s ease,transform .14s ease;
}
.sidre-social-nav-action>span{width:20px;height:20px;display:grid;place-items:center}
.sidre-social-nav-action .sidre-section-icon{width:20px;height:20px}
.sidre-social-nav-action .sidre-shell-icon{width:19px;height:19px}
.sidre-social-nav-action:hover{color:var(--sidre-nav-ink);background:color-mix(in srgb,var(--sidre-nav-soft) 55%,transparent)}
.sidre-social-nav-action.is-active{color:var(--sidre-nav-accent);background:transparent;box-shadow:inset 0 -2px 0 var(--sidre-nav-accent)}
.sidre-social-utility-slot{min-width:0;display:flex;justify-content:flex-end;direction:rtl}
.sidre-social-utility-slot .sidre-utility-bar{display:flex;align-items:center;gap:6px;padding:0;background:transparent;border:0;box-shadow:none}
.sidre-social-utility-slot .sidre-utility-button,
.sidre-social-utility-slot .sidre-utility-search{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--sidre-nav-text);
  display:grid;
  place-items:center;
  transform:none!important;
}
.sidre-social-utility-slot .sidre-utility-button:hover,
.sidre-social-utility-slot .sidre-utility-search:hover{
  border:0!important;
  background:color-mix(in srgb,var(--sidre-nav-soft) 55%,transparent)!important;
  color:var(--sidre-nav-ink);
}
.sidre-social-utility-slot .sidre-utility-mode{color:var(--sidre-nav-accent)}
.sidre-social-utility-slot .sidre-utility-button>.sidre-shell-icon,
.sidre-social-utility-slot .sidre-utility-search>.sidre-shell-icon{width:18px!important;height:18px!important}
@media(max-width:620px){
  .sidre-module-nav-social .sidre-social-nav-row{min-height:52px;gap:10px}
  .sidre-social-primary-actions{gap:4px}
  .sidre-social-utility-slot .sidre-utility-bar{gap:3px}
  .sidre-social-nav-action,
  .sidre-social-utility-slot .sidre-utility-button,
  .sidre-social-utility-slot .sidre-utility-search{width:32px!important;min-width:32px!important;height:32px!important;border-radius:7px!important}
}


/* rc.149 — canonical persistent section tabs used by Traffic and Business.
   Matches the compact profile-settings navigation language: one shared rail,
   transparent items, and a restrained active underline instead of per-item cards. */
.sidre-section-tabs{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:8px 10px;border:1px solid var(--ui-line,#1c414c);border-radius:12px;background:color-mix(in srgb,var(--ui-surface,#0b1f28) 96%,transparent);box-sizing:border-box}
.sidre-section-tab-links{display:flex;align-items:center;gap:2px;flex-wrap:wrap;min-width:0}
.sidre-section-tab{appearance:none;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ui-muted,#88a7b2);display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;box-shadow:none;text-decoration:none;white-space:nowrap}
.sidre-section-tab:hover{background:var(--ui-soft,#102b36);color:var(--ui-ink,#edf9fa)}
.sidre-section-tab.is-active{background:var(--ui-accent-soft,#0d3c42);color:var(--ui-accent,#35c9c7);box-shadow:inset 0 -2px 0 var(--ui-accent,#35c9c7)}
.sidre-section-tab svg{width:16px;height:16px;flex:0 0 16px}
.sidre-section-tab-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto}
@media(max-width:760px){.sidre-section-tabs{gap:8px;padding:6px 8px}.sidre-section-tab-links{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.sidre-section-tab-links::-webkit-scrollbar{display:none}.sidre-section-tab{flex:0 0 auto;min-height:34px;padding:0 8px;font-size:11px}.sidre-section-tab-meta{flex:0 0 auto}}

/* rc.151 — Canonical top-bar geometry and page-start rhythm.
   Traffic no longer inherits the compact sticky behavior; it scrolls with
   the document like the intended module flow. All module top rows share one
   height, and every module page starts its content at the same rail gap. */
:root{--sidre-module-topbar-height:58px}
.sidre-module-nav,
.sidre-module-nav-social .sidre-social-nav-row{min-height:var(--sidre-module-topbar-height)}
.sidre-module-nav-traffic-compact{position:relative!important;top:auto!important}
.sidre-shell-layout.has-module-nav .sidre-shell-content{padding-top:var(--sidre-rail-gap,24px)}
@media(max-width:980px){.sidre-shell-layout.has-module-nav .sidre-shell-content{padding-top:var(--sidre-rail-gap,20px)}}
@media(max-width:640px){.sidre-shell-layout.has-module-nav .sidre-shell-content{padding-top:var(--sidre-rail-gap,16px)}}


/* rc.152 — Admin joins the canonical single-icon + persistent-tabs pattern.
   The module row contains one Admin identity icon and icon-only utilities.
   Primary Admin destinations live in the stable section tab rail below it. */
.sidre-module-nav-admin-compact{position:relative!important;top:auto!important}
.sidre-module-nav-admin-compact .sidre-admin-nav-row{min-height:var(--sidre-module-topbar-height,58px)}
.sidre-module-nav-admin-compact .sidre-admin-primary-action{width:36px;min-width:36px;height:36px}
.admin-persistent-tabs{width:100%;max-width:none;margin:0 0 14px}
.admin-persistent-tabs .sidre-section-tab-links{width:100%}
@media(max-width:620px){.sidre-module-nav-admin-compact .sidre-admin-primary-action{width:32px;min-width:32px;height:32px}.admin-persistent-tabs{margin-bottom:12px}}


/* rc.157 — One canonical 16px page-start gap across every module shell.
   The shell owns the space exactly once; module/page containers must not
   add a second top offset. Traffic therefore follows the same rhythm as
   Admin, Business, Account, Social and Advertising. */
:root{--sidre-page-start-gap:16px}
.sidre-shell-layout.has-module-nav .sidre-shell-content{padding-top:var(--sidre-page-start-gap)!important}
.sidre-shell-layout.has-module-nav :is(.global-main,.business-main,.admin-shell-body){padding-top:0!important;margin-top:0!important}
.sidre-shell-layout.has-module-nav .social-connect-clean{padding-top:0!important}
.sidre-shell-layout.has-module-nav :is(.sidre-section-tabs,.profile-settings-sections,.admin-persistent-tabs){margin-top:0!important}

/* rc.158 — Canonical module rhythm + Traffic/Business parity.
   Every module starts exactly 16px below the canonical top bar. The first
   page element then owns the flow; subsequent top-level page sections use
   one 8px rhythm. Traffic's section rail is structurally identical to the
   Business rail (destinations only; account metadata stays in content). */
:root{--sidre-page-start-gap:16px;--sidre-page-flow-gap:8px}
.sidre-shell-layout.has-module-nav .sidre-shell-content{padding-top:var(--sidre-page-start-gap)!important}
.sidre-shell-layout.has-module-nav :is(.ui-page-body,.module-dashboard,.admin-page,.business-workspace-stack,.traffic-main,.settings-page,.connect-page,.messages-page,.advertising-home){gap:var(--sidre-page-flow-gap)!important}
.sidre-shell-layout.has-module-nav :is(.sidre-section-tabs,.profile-settings-sections,.admin-persistent-tabs){margin-top:0!important;margin-bottom:0!important}
.sidre-shell-layout.has-module-nav :is(.settings-media-preview,.social-connect-composer,.social-search-panel){margin-bottom:0!important}
.sidre-shell-layout.has-module-nav .social-layout.social-feed-only{margin-top:0!important}
.traffic-main{gap:var(--sidre-page-flow-gap)!important}
.traffic-section-tabs{width:100%;max-width:none}
.traffic-section-tabs .sidre-section-tab-links{width:100%}