@font-face{font-family:"SiteEnglishArial";src:local("Arial");font-display:swap;unicode-range:U+0000-077F,U+07C0-10FFFF;}@font-face{font-family:"SiteEnglishTimes";src:local("Times New Roman"),local("Times");font-display:swap;unicode-range:U+0000-077F,U+07C0-10FFFF;}@font-face{font-family:"SiteEnglishSystem";src:local("Segoe UI"),local("Inter"),local("Arial");font-display:swap;unicode-range:U+0000-077F,U+07C0-10FFFF;}@font-face{font-family:"SiteEnglishGeorgia";src:local("Georgia"),local("Times New Roman");font-display:swap;unicode-range:U+0000-077F,U+07C0-10FFFF;}@font-face{font-family:"SiteDhivehiFallback";src:local("Noto Sans Thaana"),local("Noto Serif Thaana"),local("MV Faseyha"),local("MV Waheed"),local("Faruma");font-display:swap;unicode-range:U+0780-07BF;}@font-face{font-family:"UploadedFont_0b0040d3-d558-4695-ae32-b699bff1c4bf_Latin";src:url("/uploads/fonts/font-1788397494908-6c90c861.ttf");font-display:swap;unicode-range:U+0000-077F,U+07C0-10FFFF;}@font-face{font-family:"UploadedFont_0b0040d3-d558-4695-ae32-b699bff1c4bf_Thaana";src:url("/uploads/fonts/font-1788397494908-6c90c861.ttf");font-display:swap;unicode-range:U+0780-07BF;}@font-face{font-family:"UploadedFont_40dd1e00-19a0-4763-9924-620dc437094b_Latin";src:url("/uploads/fonts/font-1788398279211-37f565c1.ttf");font-display:swap;unicode-range:U+0000-077F,U+07C0-10FFFF;}@font-face{font-family:"UploadedFont_40dd1e00-19a0-4763-9924-620dc437094b_Thaana";src:url("/uploads/fonts/font-1788398279211-37f565c1.ttf");font-display:swap;unicode-range:U+0780-07BF;}@font-face{font-family:"UploadedFont_46a77074-beaa-40dc-a33c-61f2b09c0ae0_Latin";src:url("/uploads/fonts/font-1788398311633-6030076e.otf");font-display:swap;unicode-range:U+0000-077F,U+07C0-10FFFF;}@font-face{font-family:"UploadedFont_46a77074-beaa-40dc-a33c-61f2b09c0ae0_Thaana";src:url("/uploads/fonts/font-1788398311633-6030076e.otf");font-display:swap;unicode-range:U+0780-07BF;}
:root{
  --site-english-font:"SiteEnglishTimes", "Times New Roman", Times, serif;--site-dhivehi-font:"UploadedFont_46a77074-beaa-40dc-a33c-61f2b09c0ae0_Thaana";--site-mixed-font:"UploadedFont_46a77074-beaa-40dc-a33c-61f2b09c0ae0_Thaana", "SiteEnglishTimes", "Times New Roman", Times, serif;
  --shared-accent:#7367f0;--shared-accent-hover:#6255df;
  --shared-bg:#f5f5f8;--shared-panel:#ffffff;--shared-text:#29263a;--shared-muted:#6e6a7b;--shared-line:#e4e2eb;--shared-soft:#efedff;--shared-danger:#b82f30;
  --shared-link:#7367f0;--shared-link-hover:#6255df;
  --shared-header:#ffffff;--shared-header-line:#e4e2eb;--shared-brand-text:#29263a;--shared-nav-text:#556070;--shared-nav-hover-bg:#efedff;--shared-nav-hover-text:#6255df;--shared-nav-hover-line:#cfc9ff;--shared-nav-active-bg:#efedff;--shared-nav-active-text:#7367f0;--shared-nav-active-line:#bdb5ff;--shared-account-bg:#ffffff;--shared-account-text:#29263a;
  --shared-menu-btn-bg:#ffffff;--shared-menu-btn-text:#556070;--shared-menu-btn-line:#e4e2eb;--shared-menu-btn-hover-bg:#efedff;--shared-menu-btn-hover-text:#6255df;--shared-compact-menu-bg:#ffffff;--shared-compact-menu-line:#e4e2eb;
  --shared-input-bg:#ffffff;--shared-input-text:#29263a;--shared-placeholder:#6e6a7b;--shared-button-text:#ffffff;--shared-button-hover-text:#ffffff;--shared-secondary-bg:#ffffff;--shared-secondary-text:#29263a;--shared-secondary-hover-bg:#efedff;--shared-secondary-hover-text:#6255df;
  --shared-radius:14px;--shared-control-radius:10px;--shared-nav-radius:9px;--shared-header-height:70px;--shared-shadow:0 5px 20px rgba(52,45,88,.08);
  --shared-header-max-width:1180px;--shared-header-gutter:18px;--shared-header-gap:14px;--shared-brand-font-size:20px;--shared-brand-dot-size:11px;--shared-nav-gap:8px;--shared-nav-font-size:16px;--shared-nav-icon-size:16px;--shared-nav-item-height:38px;--shared-nav-pad-x:9px;--shared-account-width:220px;--shared-account-trigger-size:38px;
  --accent:var(--shared-accent);--accentHover:var(--shared-accent-hover);--bg:var(--shared-bg);--panel:var(--shared-panel);--text:var(--shared-text);--muted:var(--shared-muted);--border:var(--shared-line);--line:var(--shared-line);--soft:var(--shared-soft);--danger:var(--shared-danger);--pageBackground:var(--shared-bg);--panelBackground:var(--shared-panel);--textColor:var(--shared-text);--mutedColor:var(--shared-muted);--borderColor:var(--shared-line);--softBackground:var(--shared-soft)
}
body,button,input,select,textarea,table,th,td,body :where(h1,h2,h3,h4,h5,h6,p,a,span,strong,b,em,i,small,label,li,div,section,article,nav,header,footer,summary,blockquote):not(.a4-page):not(.a4-page *){font-family:var(--site-mixed-font)!important}
.english-font{font-family:var(--site-english-font)!important}.thaana-font{font-family:var(--site-dhivehi-font)!important}
:lang(dv),.thaana-font,[data-thaana-text]{font-family:var(--site-dhivehi-font)!important;font-feature-settings:normal;font-kerning:auto}
[dir="rtl"] :lang(dv),[dir="rtl"].thaana-font,[dir="rtl"][data-thaana-text]{text-rendering:optimizeLegibility}

/* Authoritative shared application shell */
html,body{background:var(--shared-bg)!important;color:var(--shared-text)!important}
/* The shared header is fixed rather than sticky.  Several modules intentionally use
   overflow containers; position:sticky can stop sticking when an ancestor creates a
   scrolling/clip context.  Fixed positioning guarantees the same top-pinned header
   on Blog, Spell, Dictionary, Shop, Converter, Manager, Files, PixelDoc and Admin. */
html{scroll-padding-top:calc(var(--shared-header-height) + 12px)!important}
body{padding-top:var(--shared-header-height)!important}
.site-header{height:var(--shared-header-height)!important;min-height:var(--shared-header-height)!important;background:var(--shared-header)!important;border-bottom:1px solid var(--shared-header-line)!important;color:var(--shared-nav-text)!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:2147483000!important;box-shadow:0 0px 0px rgba(35,30,58,.08)!important;overflow:visible!important;isolation:isolate!important}
.site-header .container.nav{width:min(var(--shared-header-max-width),calc(100% - (var(--shared-header-gutter) * 2)))!important;max-width:none!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--shared-header-gap)!important;position:relative!important;overflow:visible!important}
.site-header .container.nav > .brand{color:var(--shared-brand-text)!important;font-size:var(--shared-brand-font-size)!important;flex:0 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.site-header .container.nav > .brand .brand-dot{background:var(--shared-accent)!important;width:var(--shared-brand-dot-size)!important;height:var(--shared-brand-dot-size)!important;min-width:var(--shared-brand-dot-size)!important;flex:0 0 var(--shared-brand-dot-size)!important}
.site-header #siteMainNav{color:var(--shared-nav-text)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:var(--shared-nav-gap)!important;min-width:0!important;margin-left:auto!important;overflow:visible!important;font-size:var(--shared-nav-font-size)!important}
.site-header #siteMainNav>a.shared-nav-link,.site-header #siteMainNav>a{min-height:var(--shared-nav-item-height)!important;height:var(--shared-nav-item-height)!important;color:var(--shared-nav-text)!important;background:transparent!important;border:1px solid transparent!important;border-radius:var(--shared-nav-radius)!important;padding:0 var(--shared-nav-pad-x)!important;transition:background .15s ease,color .15s ease,border-color .15s ease!important;white-space:nowrap!important;flex:0 0 auto!important}
.site-header #siteMainNav>a.shared-nav-link:hover,.site-header #siteMainNav>a:hover{background:var(--shared-nav-hover-bg)!important;color:var(--shared-nav-hover-text)!important;border-color:var(--shared-nav-hover-line)!important}
.site-header #siteMainNav>a.shared-nav-link.active,.site-header #siteMainNav>a[aria-current="page"]{background:var(--shared-nav-active-bg)!important;color:var(--shared-nav-active-text)!important;border-color:var(--shared-nav-active-line)!important}
.site-header .nav-icon{width:var(--shared-nav-icon-size)!important;min-width:var(--shared-nav-icon-size)!important;height:var(--shared-nav-icon-size)!important;min-height:var(--shared-nav-icon-size)!important;flex:0 0 var(--shared-nav-icon-size)!important;font-size:var(--shared-nav-icon-size)!important;line-height:var(--shared-nav-icon-size)!important}
.site-header .nav-text{font-size:var(--shared-nav-font-size)!important;line-height:1.1!important}
.site-nav-toggle{display:none!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:var(--shared-nav-item-height)!important;height:var(--shared-nav-item-height)!important;padding:0 12px!important;border:1px solid var(--shared-menu-btn-line)!important;border-radius:var(--shared-nav-radius)!important;background:var(--shared-menu-btn-bg)!important;color:var(--shared-menu-btn-text)!important;font:inherit!important;font-weight:750!important;cursor:pointer!important;box-shadow:none!important}
.site-nav-toggle:hover,.site-header.nav-open .site-nav-toggle{background:var(--shared-menu-btn-hover-bg)!important;color:var(--shared-menu-btn-hover-text)!important;border-color:var(--shared-nav-hover-line)!important}
.site-nav-toggle-icon{font-size:var(--shared-nav-icon-size)!important}
.site-nav-toggle-label{display:inline-flex!important}
.site-header .container.nav > .nav-account-menu{position:relative!important;flex:0 0 auto!important;margin:0!important;transform:none!important;overflow:visible!important}
.site-header .container.nav > .nav-account-menu .nav-account-trigger{width:var(--shared-account-trigger-size)!important;min-width:var(--shared-account-trigger-size)!important;height:var(--shared-account-trigger-size)!important;min-height:var(--shared-account-trigger-size)!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--shared-nav-text)!important;background:transparent!important;border:1px solid transparent!important;border-radius:var(--shared-nav-radius)!important}
.site-header .container.nav > .nav-account-menu .nav-account-trigger:hover,.site-header .container.nav > .nav-account-menu[open]>.nav-account-trigger{background:var(--shared-nav-hover-bg)!important;color:var(--shared-nav-hover-text)!important;border-color:var(--shared-nav-hover-line)!important}
.site-header .container.nav > .nav-account-menu .nav-account-label,.site-header .container.nav > .nav-account-menu .nav-account-caret{display:none!important}
.site-header .container.nav > .nav-account-menu .nav-account-dropdown{position:absolute!important;top:calc(100% + 9px)!important;right:0!important;left:auto!important;width:var(--shared-account-width)!important;min-width:var(--shared-account-width)!important;max-width:min(var(--shared-account-width),calc(100vw - 20px))!important;padding:7px!important;margin:0!important;background:var(--shared-account-bg)!important;color:var(--shared-account-text)!important;border:1px solid var(--shared-header-line)!important;border-radius:var(--shared-radius)!important;box-shadow:var(--shared-shadow)!important;overflow:visible!important;transform:none!important;z-index:2147483200!important}
.site-header .container.nav > .nav-account-menu .nav-account-item{width:100%!important;min-width:0!important;height:auto!important;min-height:40px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;color:var(--shared-account-text)!important;background:transparent!important;border:1px solid transparent!important;border-radius:var(--shared-control-radius)!important}
.site-header .container.nav > .nav-account-menu .nav-account-item-label{display:inline!important;white-space:nowrap!important}
.site-header .container.nav > .nav-account-menu .nav-account-item:hover{background:var(--shared-nav-hover-bg)!important;color:var(--shared-nav-hover-text)!important;border-color:var(--shared-nav-hover-line)!important}
.site-header .container.nav > .nav-account-menu .nav-account-separator{background:var(--shared-header-line)!important}

@media(max-width:1120px){
  .site-header .container.nav{gap:var(--shared-header-gap)!important}
  .site-header .container.nav > .brand{flex:0 0 calc(var(--shared-nav-item-height) + 2px)!important;width:calc(var(--shared-nav-item-height) + 2px)!important;min-width:calc(var(--shared-nav-item-height) + 2px)!important;height:calc(var(--shared-nav-item-height) + 2px)!important;min-height:calc(var(--shared-nav-item-height) + 2px)!important;padding:0!important;justify-content:center!important;border:1px solid var(--shared-header-line)!important;border-radius:var(--shared-nav-radius)!important;background:var(--shared-panel)!important;}
  .site-header .container.nav > .brand .brand-text{display:none!important}
  .site-nav-toggle{display:inline-flex!important;flex:0 0 auto!important;margin-left:auto!important}
  .site-header #siteMainNav{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;width:100%!important;min-width:0!important;max-height:560px!important;margin:0!important;padding:10px!important;display:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;justify-content:stretch!important;gap:8px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:var(--shared-compact-menu-bg)!important;border:1px solid var(--shared-compact-menu-line)!important;border-radius:var(--shared-radius)!important;box-shadow:0 18px 48px rgba(25,22,39,.18)!important;z-index:2147483100!important}
  .site-header.nav-open #siteMainNav{display:grid!important}
  .site-header #siteMainNav>a.shared-nav-link,.site-header #siteMainNav>a{width:100%!important;min-width:0!important;max-width:none!important;height:var(--shared-nav-item-height)!important;min-height:var(--shared-nav-item-height)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0 var(--shared-nav-pad-x)!important;overflow:hidden!important}
  .site-header #siteMainNav>a .nav-text{display:inline-flex!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .site-header .container.nav > .nav-account-menu{position:relative!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;display:block!important;overflow:visible!important}
  .site-header .container.nav > .nav-account-menu>.nav-account-trigger{width:var(--shared-account-trigger-size)!important;min-width:var(--shared-account-trigger-size)!important;height:var(--shared-account-trigger-size)!important;min-height:var(--shared-account-trigger-size)!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
  .site-header .container.nav > .nav-account-menu .nav-account-label,.site-header .container.nav > .nav-account-menu .nav-account-caret{display:none!important}
  .site-header .container.nav > .nav-account-menu>.nav-account-dropdown{position:absolute!important;top:calc(100% + 9px)!important;right:0!important;left:auto!important;width:var(--shared-account-width)!important;min-width:var(--shared-account-width)!important;max-width:min(var(--shared-account-width),calc(100vw - 20px))!important;margin:0!important;padding:7px!important;box-shadow:var(--shared-shadow)!important;border-color:var(--shared-header-line)!important;background:var(--shared-account-bg)!important}
  .site-header .container.nav > .nav-account-menu .nav-account-item{width:100%!important;min-width:0!important;height:auto!important;min-height:40px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}
  .site-header .container.nav > .nav-account-menu .nav-account-item-label{display:inline!important}
}
@media(max-width:700px){.site-header #siteMainNav{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:460px){
  .site-header #siteMainNav{grid-template-columns:1fr!important}
  .site-nav-toggle{width:var(--shared-nav-item-height)!important;min-width:var(--shared-nav-item-height)!important;padding:0!important}
  .site-nav-toggle-label{display:none!important}
}

@media print{
  body{padding-top:0!important}
  .site-header{display:none!important}
}

/* Shared content surfaces across every module */
:where(.panel,.card,.sidebox,.auth-card,.form-main,.table-wrap,.stats>div,.role-badge,.empty,.search,.converter-card,.converter-panel,.converter-result,.converter-measure-card,.converter-special-card,.shop-card,.product-info,.manager-panel,.layout-app .panel){background:var(--shared-panel)!important;color:var(--shared-text)!important;border-color:var(--shared-line)!important;box-shadow:var(--shared-shadow)}
:where(.panel,.card,.sidebox,.auth-card,.form-main,.table-wrap,.stats>div,.empty,.converter-card,.converter-panel,.shop-card,.manager-panel){border-radius:var(--shared-radius)!important}
:where(h1,h2,h3,h4,h5,h6,strong,label,legend,th){color:var(--shared-text)}
:where(.muted,.meta,.byline,.section-head>span,.admin-title p:not(.eyebrow),.panel p,.sidebox small,.card p,.manager-page-head p,.shop-hero p){color:var(--shared-muted)!important}
:where(hr,.admin-tabs,.related,.card-foot,.mini,.rank,.user-row){border-color:var(--shared-line)!important}
.footer{background:var(--shared-panel)!important;color:var(--shared-muted)!important;border-color:var(--shared-line)!important}

/* Inputs and editable controls */
:where(input,select,textarea,[contenteditable]){background:var(--shared-input-bg)!important;color:var(--shared-input-text)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-control-radius)!important}
:where(input,textarea)::placeholder{color:var(--shared-placeholder)!important;opacity:1}
:where(input,select,textarea,[contenteditable]):focus{border-color:var(--shared-accent)!important;outline-color:color-mix(in srgb,var(--shared-accent) 35%,transparent)!important}

/* Primary / secondary buttons and links */
:where(.btn,.button):not(.secondary):not(.danger),button.primary,.btn.primary,.button.primary{background:var(--shared-accent)!important;color:var(--shared-button-text)!important;border-color:var(--shared-accent)!important;border-radius:var(--shared-control-radius)!important}
:where(.btn,.button):not(.secondary):not(.danger):hover,button.primary:hover,.btn.primary:hover,.button.primary:hover{background:var(--shared-accent-hover)!important;color:var(--shared-button-hover-text)!important;border-color:var(--shared-accent-hover)!important}
:where(.btn.secondary,.button.secondary,button.secondary){background:var(--shared-secondary-bg)!important;color:var(--shared-secondary-text)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-control-radius)!important}
:where(.btn.secondary,.button.secondary,button.secondary):hover{background:var(--shared-secondary-hover-bg)!important;color:var(--shared-secondary-hover-text)!important;border-color:var(--shared-accent)!important}
:where(.danger,.danger-link,.btn.danger,.button.danger){color:var(--shared-danger)!important}
main a:not(.btn):not(.button):not(.card):not(.shop-card):not(.element-tool){color:var(--shared-link)}main a:not(.btn):not(.button):not(.card):not(.shop-card):not(.element-tool):hover{color:var(--shared-link-hover)}
.eyebrow{color:var(--shared-accent)!important}

/* Tabs, sub-navigation, table headers, selected states */
.admin-tabs>a,.layout-subnav a,.shop-admin-section-nav a{color:var(--shared-muted)!important;border-radius:var(--shared-nav-radius)!important}
.admin-tabs>a:hover,.layout-subnav a:hover,.shop-admin-section-nav a:hover{background:var(--shared-nav-hover-bg)!important;color:var(--shared-nav-hover-text)!important}
.admin-tabs>a.active,.layout-subnav a.active,.shop-admin-section-nav .active{background:var(--shared-nav-active-bg)!important;color:var(--shared-nav-active-text)!important}
th{background:color-mix(in srgb,var(--shared-soft) 55%,var(--shared-panel))!important;color:var(--shared-muted)!important}td,th{border-color:var(--shared-line)!important}

/* PixelDoc: complete Global UI Theme bridge.
   The document page itself remains white because it is export content; the editor chrome follows Admin -> Design. */
.layout-app{
  --accent:var(--shared-accent)!important;--surface:var(--shared-panel)!important;--surface-2:var(--shared-soft)!important;
  --bg:var(--shared-bg)!important;--text:var(--shared-text)!important;--muted:var(--shared-muted)!important;
  --border:var(--shared-line)!important;--danger:var(--shared-danger)!important;--success:var(--shared-accent)!important;
  --radius:var(--shared-radius)!important;--ui-font:var(--site-mixed-font)!important;
  background:var(--shared-bg)!important;color:var(--shared-text)!important
}
.layout-app :where(.layout-subnav,.panel,.designer-commandbar,.canvas-toolbar,.search-wrap,.record-item,.column-card,.modern-column-row,.column-editor-card,.multi-upload-item,.multi-file-item,.switch-line,.finder-row){
  background:var(--shared-panel)!important;color:var(--shared-text)!important;border-color:var(--shared-line)!important
}
.layout-app :where(.tool-section,.derived-output,.image-preview,.record-index,.column-number,.target-page-field select,.command-select select){
  background:var(--shared-soft)!important;color:var(--shared-text)!important;border-color:var(--shared-line)!important
}
.layout-app :where(.panel,.designer-commandbar){border-radius:var(--shared-radius)!important;box-shadow:var(--shared-shadow)!important}
.layout-app :where(.canvas-toolbar,.search-wrap,.record-item,.column-card,.modern-column-row,.column-editor-card,.multi-upload-item,.multi-file-item,.switch-line,.finder-row,.tool-section,.derived-output,.image-preview){border-radius:var(--shared-control-radius)!important}

/* PixelDoc primary, secondary and danger actions use the exact Global UI button settings. */
.layout-app :where(.btn,a.btn):not(.primary):not(.danger){background:var(--shared-secondary-bg)!important;color:var(--shared-secondary-text)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-control-radius)!important}
.layout-app :where(.btn,a.btn):not(.primary):not(.danger):hover:not(:disabled){background:var(--shared-secondary-hover-bg)!important;color:var(--shared-secondary-hover-text)!important;border-color:var(--shared-accent)!important}
.layout-app :where(.btn.primary,a.btn.primary){background:var(--shared-accent)!important;color:var(--shared-button-text)!important;border-color:var(--shared-accent)!important;border-radius:var(--shared-control-radius)!important}
.layout-app :where(.btn.primary,a.btn.primary):hover:not(:disabled){background:var(--shared-accent-hover)!important;color:var(--shared-button-hover-text)!important;border-color:var(--shared-accent-hover)!important;filter:none!important}
.layout-app :where(.btn.danger,a.btn.danger){background:var(--shared-secondary-bg)!important;color:var(--shared-danger)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-control-radius)!important}
.layout-app :where(.btn.danger,a.btn.danger):hover:not(:disabled){background:var(--shared-secondary-hover-bg)!important;color:var(--shared-danger)!important;border-color:var(--shared-danger)!important}

/* Designer insert/draw tools are custom buttons, so explicitly bind every state. */
.layout-app :where(.element-tool,.draw-tool){background:var(--shared-secondary-bg)!important;color:var(--shared-secondary-text)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-control-radius)!important}
.layout-app :where(.element-tool,.draw-tool) :where(strong,b){color:inherit!important}
.layout-app :where(.element-tool,.draw-tool) small{color:var(--shared-muted)!important}
.layout-app :where(.element-tool,.draw-tool):hover:not(:disabled){background:var(--shared-secondary-hover-bg)!important;color:var(--shared-secondary-hover-text)!important;border-color:var(--shared-accent)!important}
.layout-app :where(.element-tool,.draw-tool):hover:not(:disabled) :where(strong,b,small){color:var(--shared-secondary-hover-text)!important}
.layout-app .draw-tool.primary{background:var(--shared-accent)!important;color:var(--shared-button-text)!important;border-color:var(--shared-accent)!important}
.layout-app .draw-tool.primary:hover:not(:disabled){background:var(--shared-accent-hover)!important;color:var(--shared-button-hover-text)!important;border-color:var(--shared-accent-hover)!important}
.layout-app .draw-tool.primary :where(span,b){color:inherit!important}
.layout-app :where(.tool-icon,.tool-section-icon){background:var(--shared-soft)!important;color:var(--shared-accent)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-control-radius)!important}
.layout-app .element-tool:hover .tool-icon{background:var(--shared-nav-hover-bg)!important;color:var(--shared-nav-hover-text)!important}
.layout-app :where(.element-tool,.draw-tool){box-shadow:var(--shared-shadow)!important}
.layout-app :where(.element-tool,.draw-tool):hover:not(:disabled){box-shadow:var(--shared-shadow)!important}
.layout-app .designer-tools-kicker{color:var(--shared-accent)!important}

/* Tags, badges, state chips and counters use the Global active state. */
.layout-app :where(.pill,.record-state,.mode-badge,.tool-panel-badge,.settings-badge,.file-pill,.column-number,.record-index){
  background:var(--shared-nav-active-bg)!important;color:var(--shared-nav-active-text)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-control-radius)!important
}
.layout-app .record-state.editing{background:var(--shared-nav-active-bg)!important;color:var(--shared-nav-active-text)!important;border-color:var(--shared-accent)!important}
.layout-app .page-tabs button.active{background:var(--shared-nav-active-bg)!important;color:var(--shared-nav-active-text)!important;border-color:var(--shared-accent)!important}

/* Hover/selected rows use the same hover and active colors configured in Admin -> Design. */
.layout-app .record-item:hover,.layout-app .finder-row:hover{background:var(--shared-nav-hover-bg)!important;color:var(--shared-nav-hover-text)!important;border-color:var(--shared-accent)!important}
.layout-app .record-item:hover :where(strong,small,.record-chevron,.record-index),.layout-app .finder-row:hover :where(strong,small,b,.record-index){color:var(--shared-nav-hover-text)!important}
.layout-app .record-item.selected-record,.layout-app .finder-row.active{background:var(--shared-nav-active-bg)!important;color:var(--shared-nav-active-text)!important;border-color:var(--shared-accent)!important}
.layout-app .record-item.selected-record :where(strong,small,.record-chevron,.record-index),.layout-app .finder-row.active :where(strong,small,b,.record-index){color:var(--shared-nav-active-text)!important}
.layout-app .record-main{background:transparent!important;color:inherit!important}
.layout-app .modern-check:hover{background:var(--shared-nav-hover-bg)!important;color:var(--shared-nav-hover-text)!important;border-color:var(--shared-accent)!important}

/* Forms, checks, tables and editable controls. */
.layout-app :where(input,select,textarea,[contenteditable]){background:var(--shared-input-bg)!important;color:var(--shared-input-text)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-control-radius)!important}
.layout-app :where(input,textarea)::placeholder{color:var(--shared-placeholder)!important}
.layout-app :where(input,select,textarea,[contenteditable]):focus{border-color:var(--shared-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--shared-accent) 18%,transparent)!important}
.layout-app :where(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--shared-accent)!important}
.layout-app .search-wrap input{background:transparent!important;color:var(--shared-input-text)!important}
.layout-app table{color:var(--shared-text)!important}
.layout-app th{background:var(--shared-soft)!important;color:var(--shared-muted)!important;border-color:var(--shared-line)!important}
.layout-app td{background:var(--shared-panel)!important;color:var(--shared-text)!important;border-color:var(--shared-line)!important}
.layout-app tbody tr:hover td{background:var(--shared-nav-hover-bg)!important;color:var(--shared-nav-hover-text)!important}
.layout-app .table-wrap{background:var(--shared-panel)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-radius)!important;box-shadow:var(--shared-shadow)!important}

/* Text, separators, status and helper copy. */
.layout-app :where(.muted,.field-key,.property-help,.tool-help,.canvas-help,.page-heading p,.record-summary small,.finder-row small,.command-select label,.zoom-wrap #zoomLabel,.page-label){color:var(--shared-muted)!important}
.layout-app :where(h1,h2,h3,h4,h5,h6,strong,label,.sidebar-title,.property-subtitle){color:var(--shared-text)!important}
.layout-app :where(.eyebrow,.required,.designer-tools-kicker){color:var(--shared-accent)!important}
.layout-app :where(.sidebar-divider,.form-actions,.shape-builder){border-color:var(--shared-line)!important}
.layout-app .sidebar-divider{background:var(--shared-line)!important}
.layout-app .status.good{color:var(--shared-accent)!important}.layout-app .status.bad{color:var(--shared-danger)!important}

/* Canvas chrome follows Global UI; A4/PDF page content deliberately keeps its paper/export colors. */
.layout-app .a4-page .design-element{font-family:var(--element-font-family,Arial)!important}
.layout-app .a4-page .design-element *{font-family:inherit!important}
.layout-app .a4-page .designer-file-link{color:inherit!important;text-decoration:inherit!important}
.layout-app .a4-page .pdf-field-label{color:inherit!important;text-align:inherit!important;direction:inherit!important}
.layout-app .a4-stage{background:var(--shared-soft)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-radius)!important}
.layout-app .page-label{color:var(--shared-muted)!important}
.layout-app .resize-handle{background:var(--shared-accent)!important;border-color:var(--shared-panel)!important}
.layout-app .snap-guide,.layout-app .snap-guide-label{background:var(--shared-accent)!important}.layout-app .snap-guide-label{color:var(--shared-button-text)!important;border-radius:var(--shared-control-radius)!important}
.layout-app .draw-snap-marker{background:var(--shared-panel)!important;border-color:var(--shared-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--shared-accent) 14%,transparent)!important}
.layout-app .anchor-handle{fill:var(--shared-panel)!important;stroke:var(--shared-accent)!important}.layout-app .anchor-handle.active{fill:var(--shared-accent)!important}
.layout-app .image-placeholder{background:var(--shared-soft)!important;color:var(--shared-muted)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-control-radius)!important}
.layout-app :where(.image-crop-help,.multi-empty){background:var(--shared-soft)!important;color:var(--shared-muted)!important;border-color:var(--shared-line)!important;border-radius:var(--shared-control-radius)!important}
.layout-app :where(.manager-thumb,.record-avatar,.multi-upload-item img){border-radius:var(--shared-control-radius)!important;border-color:var(--shared-line)!important}
.layout-app .design-element.image-element.crop-adjusting::after{background:var(--shared-account-bg)!important;color:var(--shared-account-text)!important;border:1px solid var(--shared-line)!important;border-radius:var(--shared-control-radius)!important}

html[data-theme="dark"]{
  --shared-accent:#9d94ff;--shared-accent-hover:#b4adff;--shared-bg:#181720;--shared-panel:#23212c;--shared-text:#f2f0f7;--shared-muted:#aaa5b8;--shared-line:#3b3847;--shared-soft:#302c55;--shared-danger:#ff8587;--shared-link:#9d94ff;--shared-link-hover:#b4adff;
  --shared-header:#23212c;--shared-header-line:#3b3847;--shared-brand-text:#f2f0f7;--shared-nav-text:#c2bdce;--shared-nav-hover-bg:#302c55;--shared-nav-hover-text:#b4adff;--shared-nav-hover-line:#544f78;--shared-nav-active-bg:#302c55;--shared-nav-active-text:#9d94ff;--shared-nav-active-line:#665fa0;--shared-account-bg:#23212c;--shared-account-text:#f2f0f7;
  --shared-menu-btn-bg:#23212c;--shared-menu-btn-text:#c2bdce;--shared-menu-btn-line:#3b3847;--shared-menu-btn-hover-bg:#302c55;--shared-menu-btn-hover-text:#b4adff;--shared-compact-menu-bg:#23212c;--shared-compact-menu-line:#3b3847;
  --shared-input-bg:#1d1b25;--shared-input-text:#f2f0f7;--shared-placeholder:#918b9f;--shared-button-text:#181720;--shared-button-hover-text:#181720;--shared-secondary-bg:#2b2935;--shared-secondary-text:#f2f0f7;--shared-secondary-hover-bg:#302c55;--shared-secondary-hover-text:#b4adff;--shared-shadow:none;color-scheme:dark
}