/* Inurofication v2 Pass 16: UI Typography Foundation.
   Canonical values sourced from existing UI components, not canvas typography.
   Standard: Studio left rail menu; H1: Content Library; H2: Treatments;
   Shoulder: Content Library / Background Options cyan eyebrow.
   Keep typography semantics separate from button hover/selected styling. */
:root {
  --inuro-ui-font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --inuro-ui-text-size: 12px;
  --inuro-ui-text-weight: 500;
  --inuro-ui-text-line: 1;
  --inuro-ui-text-color: #fff; /* Headings and existing white typography */
  --inuro-ui-standard-text-color: var(--inuro-ice); /* Left rail normal-state text */
  --inuro-ui-h1-size: 18px;
  --inuro-ui-h1-line: 1.2;
  --inuro-ui-h1-weight: 700;
  --inuro-ui-h2-size: 12px;
  --inuro-ui-h2-line: 1.2;
  --inuro-ui-h2-weight: 700;
  --inuro-ui-h2-tracking: .11em;
  --inuro-ui-shoulder-size: 10px;
  --inuro-ui-shoulder-line: 1.2;
  --inuro-ui-shoulder-weight: 800;
  --inuro-ui-shoulder-tracking: .12em;
  --inuro-ui-shoulder-color: var(--inuro-cyan, #31d9e6);
}
/* Libraries: reuse the actual Content Library title structure and measurements. */
body:not(.studio-home) .content-library-head h2,
body:not(.studio-home) .special-library-head h2 {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h1-size);
  font-weight: var(--inuro-ui-h1-weight);
  color: var(--inuro-ui-text-color);
  line-height: var(--inuro-ui-h1-line);
  margin: 2px 0 0;
}
body:not(.studio-home) .content-library-kicker {
  display: block;
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-shoulder-size);
  font-weight: var(--inuro-ui-shoulder-weight);
  letter-spacing: var(--inuro-ui-shoulder-tracking);
  line-height: var(--inuro-ui-shoulder-line);
  color: var(--inuro-ui-shoulder-color);
}
body:not(.studio-home) .inuro-treatment-sidebar-title {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h2-size);
  font-weight: var(--inuro-ui-h2-weight);
  letter-spacing: var(--inuro-ui-h2-tracking);
  line-height: var(--inuro-ui-h2-line);
  color: var(--inuro-ui-text-color);
}
/* Reuse sidebar text values across standard navigation without touching icons. */
body:not(.studio-home) .studio-tool-rail .studio-tool-label,
body.studio-home .pm-nav-btn > span:not(.nav-icon):not(.count),
body.studio-home .pm-folder-btn .folder-name {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-text-size);
  font-weight: var(--inuro-ui-text-weight);
  line-height: var(--inuro-ui-text-line);
}
/* Home's section titles should not use a separate cyan headline palette. */
body.studio-home .pm-title h2 {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h1-size) !important;
  font-weight: var(--inuro-ui-h1-weight);
  color: var(--inuro-ui-text-color) !important;
}
body.studio-home .pm-section-heading h3 {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h2-size);
  font-weight: var(--inuro-ui-h2-weight);
  color: var(--inuro-ui-text-color) !important;
}

/* Pass 16.1: Existing panel/dialog headings consume the same canonical tokens.
   Narrow selectors intentionally protect canvas text, icon glyphs, input values,
   special numeric displays, and component-specific interactive states. */
body:not(.studio-home) #objectOptionsBody .inuro-options-heading,
body:not(.studio-home) .inuro-treatment-sidebar-title {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h2-size);
  font-weight: var(--inuro-ui-h2-weight);
  line-height: var(--inuro-ui-h2-line);
  color: var(--inuro-ui-text-color);
}
body.studio-home #accountModal h2,
body.studio-home #settingsModal h2 {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h1-size) !important;
  font-weight: var(--inuro-ui-h1-weight) !important;
  line-height: var(--inuro-ui-h1-line);
  color: var(--inuro-ui-text-color) !important;
}
body.studio-home #accountModal .account-tab,
body.studio-home #settingsModal .settings-tab {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-text-size);
  font-weight: var(--inuro-ui-text-weight);
}

/* Pass 18: Object Options modal header uses canonical panel heading and shoulder.
   Scoped to UI only; the canvas typography pipeline is unaffected. */
#objectOptionsModal .object-options-head #objectOptionsTitle {
  font-family:var(--inuro-ui-font);
  font-size:var(--inuro-ui-h2-size);
  font-weight:var(--inuro-ui-h2-weight);
  line-height:var(--inuro-ui-h2-line);
  letter-spacing:var(--inuro-ui-h2-tracking);
  color:var(--inuro-ui-text-color);
  text-transform:uppercase;
}
#objectOptionsModal .object-options-head .object-options-kicker {
  font-family:var(--inuro-ui-font);
  font-size:var(--inuro-ui-shoulder-size);
  font-weight:var(--inuro-ui-shoulder-weight);
  line-height:var(--inuro-ui-shoulder-line);
  letter-spacing:var(--inuro-ui-shoulder-tracking);
  color:var(--inuro-ui-shoulder-color);
}

/* Pass 19: Studio navigation typography.
   Pointer's menu label is the canonical source. This block changes only
   text properties, leaving all interactions, geometry and state backgrounds alone. */
body:not(.studio-home) #studioIsland :is(
  #versionHistoryBtn, #brandManageBtn, #brandSaveBtn, #assetManageBtn,
  #canvasMenuBtn, #fitZoom, #zoomMenuBtn, #gridDensityMenuBtn,
  .canvas-toolbar .toolbar-check
) {
  font-family:var(--inuro-ui-font)!important;
  font-size:var(--inuro-ui-text-size)!important;
  font-weight:var(--inuro-ui-text-weight)!important;
  line-height:var(--inuro-ui-text-line)!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}
/* Keep hover/selected/disabled state colors governed by the existing button system. */
body:not(.studio-home) #studioIsland :is(
  #versionHistoryBtn, #brandManageBtn, #brandSaveBtn, #assetManageBtn,
  #canvasMenuBtn, #fitZoom, #zoomMenuBtn, #gridDensityMenuBtn,
  .canvas-toolbar .toolbar-check
):not(:hover):not(:disabled):not(.active):not([aria-expanded="true"]) {
  color:var(--inuro-ice)!important;
}
/* Only the menu caption: don't restyle icons or badges. */
body:not(.studio-home) #studioIsland .studio-tool-rail .studio-rail-ai > .toolbox-header,
body:not(.studio-home) #studioIsland .studio-tool-rail .studio-rail-ai > .toolbox-header .studio-tool-label {
  font-family:var(--inuro-ui-font)!important;
  font-size:var(--inuro-ui-text-size)!important;
  font-weight:var(--inuro-ui-text-weight)!important;
  line-height:var(--inuro-ui-text-line)!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}

/* Pass 21: Normal AI rail caption follows Add Image / standard nav text.
   Hover and active color remain controlled by the existing rail state rules. */
body:not(.studio-home) #studioIsland .studio-tool-rail .studio-rail-ai:not(.open) > .toolbox-header:not(:hover) .studio-tool-label {
  color:var(--inuro-ice)!important;
}

/* Pass 30: Inuro canonical close button. Library X is the reference.
   No per-window icon size or hover chrome. Keep close event bindings unchanged. */
:root{--inuro-close-hover-bg:linear-gradient(180deg,rgba(26,119,137,.35),rgba(11,73,89,.35))}
:is(#objectOptionsClose,#brandManagerClose,#assetManagerClose,#templateLibraryClose,
#contentLibraryClose,#versionHistoryClose,#textEditorClose,#inuroColorClose,
#accountClose,#settingsClose,.content-library-close,.inuro-close,
.inuro-window-close,.image-treatment-close,.texture-window-close,
.settings-close-button,.account-close,.modal-close,.close-btn,.close-button,
.home-modal-close,.dialog-close,.toast-close,button.icon-button[id$="Close"],
button[aria-label^="Close"].icon-button){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:34px!important;height:34px!important;min-width:34px!important;
 flex:0 0 34px!important;padding:0!important;margin:0!important;
 font-family:Arial,sans-serif!important;font-size:18px!important;font-weight:400!important;
 font-style:normal!important;line-height:1!important;letter-spacing:0!important;
 text-align:center!important;vertical-align:middle!important;text-shadow:none!important;
 transform:none!important;color:var(--inuro-ice)!important;
 background:transparent!important;background-image:none!important;
 border:1px solid transparent!important;border-radius:8px!important;
 box-shadow:none!important;outline:none!important;cursor:pointer;
 transition:background .15s ease,color .15s ease;
}
:is(#objectOptionsClose,#brandManagerClose,#assetManagerClose,#templateLibraryClose,
#contentLibraryClose,#versionHistoryClose,#textEditorClose,#inuroColorClose,
#accountClose,#settingsClose,.content-library-close,.inuro-close,
.inuro-window-close,.image-treatment-close,.texture-window-close,
.settings-close-button,.account-close,.modal-close,.close-btn,.close-button,
.home-modal-close,.dialog-close,.toast-close,button.icon-button[id$="Close"],
button[aria-label^="Close"].icon-button):hover{
 color:var(--inuro-cyan-bright,#2adfff)!important;
 background:var(--inuro-close-hover-bg)!important;
 border-color:transparent!important;box-shadow:none!important;outline:none!important;
}
:is(#objectOptionsClose,#brandManagerClose,#assetManagerClose,#templateLibraryClose,
#contentLibraryClose,#versionHistoryClose,#textEditorClose,#inuroColorClose,
#accountClose,#settingsClose,.content-library-close,.inuro-close,
.inuro-window-close,.image-treatment-close,.texture-window-close,
.settings-close-button,.account-close,.modal-close,.close-btn,.close-button,
.home-modal-close,.dialog-close,.toast-close,button.icon-button[id$="Close"],
button[aria-label^="Close"].icon-button):focus-visible{
 color:var(--inuro-cyan-bright,#2adfff)!important;
 background:var(--inuro-close-hover-bg)!important;
 border-color:transparent!important;outline:none!important;
 box-shadow:0 0 0 2px rgba(184,216,226,.25)!important;
}

/* Pass 50: Template dialog heading uses canonical Treatments Heading 2 tokens. */
#templateLibraryModal #templateLibraryTitle,
#textEditorModal #textEditorTitle {
 font-family:var(--inuro-ui-font)!important;
 font-size:var(--inuro-ui-h2-size)!important;
 font-weight:var(--inuro-ui-h2-weight)!important;
 line-height:var(--inuro-ui-h2-line)!important;
 letter-spacing:var(--inuro-ui-h2-tracking)!important;
 color:var(--inuro-ui-text-color)!important;
 margin:0;
}

/* Pass 58.38.7: Account Upgrade uses the canonical Treatments Heading 2. */
#accountUpgradeConfirmModal #accountUpgradeTitle {
  font-family:var(--inuro-ui-font)!important;
  font-size:var(--inuro-ui-h2-size)!important;
  font-weight:var(--inuro-ui-h2-weight)!important;
  line-height:var(--inuro-ui-h2-line)!important;
  letter-spacing:var(--inuro-ui-h2-tracking)!important;
  color:var(--inuro-ui-text-color)!important;
  text-transform:uppercase;
  margin:0;
}