/* Dock preferences are scoped to the shell; application contents stay untouched. */
.dock-zone {
  --dock-item-extra: 17px;
  --dock-padding-x: 16px;
  --dock-padding-y: 10px;
  --dock-chosen-icon: var(--dock-effective-icon, var(--dock-user-icon, var(--dock-icon)));
  --dock-chosen-gap: var(--dock-effective-gap, var(--dock-user-gap, var(--dock-gap)));
}
.dock-zone .dock {
  gap: var(--dock-chosen-gap);
  padding: var(--dock-effective-padding, var(--dock-user-padding, var(--dock-padding-y))) var(--dock-effective-padding, var(--dock-user-padding, var(--dock-padding-x)));
}
.dock-zone .dock-item { width: calc(var(--dock-chosen-icon) + var(--dock-item-extra)); }
.dock-zone .dock-item .app-glyph { width: var(--dock-chosen-icon); height: var(--dock-chosen-icon); }

body[data-dock-style="bare"] .dock-label { text-shadow: 0 1px 4px #0008, 0 0 12px #0005; }
body[data-tone="light"][data-dock-style="bare"] .dock-label { text-shadow: 0 1px 5px #fff9; }

/* The top edge begins below the menu and permanent application tabs. */
body[data-dock-position="top"] .dock-zone {
  top: calc(var(--top) + var(--tabs));
  bottom: auto;
  padding: 14px 12px 32px;
}
body[data-dock-position="top"] .dock { transform-origin: center top; }
body[data-dock-position="top"] .dock-zone:focus-within .dock { transform: translateY(3px) scale(1.06); }
body[data-dock-position="top"] .dock-item .app-glyph { transform-origin: center top; }
body[data-dock-position="top"] .dock-item:focus-visible .app-glyph { transform: translateY(8px) scale(1.24); }
body.dock-hidden[data-dock-position="top"] .dock-zone .dock { transform: translateY(calc(-100% - 34px)) scale(.96); }

/* Side Docks retain upright labels and are centered in the usable workspace. */
body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-zone {
  top: calc(var(--top) + var(--tabs));
  bottom: 0;
  height: max-content;
  max-height: calc(100dvh - var(--top) - var(--tabs));
  width: max-content;
  max-width: 100vw;
  margin-block: auto;
  transform: none;
  padding: 12px 32px 12px 14px;
}
body[data-dock-position="left"] .dock-zone { left: 0; right: auto; }
body[data-dock-position="right"] .dock-zone { right: 0; left: auto; padding-inline: 32px 14px; }
body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-zone .dock {
  flex-direction: column;
  align-items: center;
  padding: var(--dock-effective-padding, var(--dock-user-padding, 12px)) var(--dock-effective-padding, var(--dock-user-padding, 10px));
}
body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-item { gap: 3px; padding-bottom: 4px; }
body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-item .app-glyph { transform-origin: center; }
body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-label { font-size: clamp(9px, .8vw, 12px); }
body[data-dock-position="left"] .dock { transform-origin: left center; }
body[data-dock-position="right"] .dock { transform-origin: right center; }
body[data-dock-position="left"] .dock-zone:focus-within .dock { transform: translateX(3px) scale(1.06); }
body[data-dock-position="right"] .dock-zone:focus-within .dock { transform: translateX(-3px) scale(1.06); }
body[data-dock-position="left"] .dock-item:focus-visible .app-glyph { transform: translateX(8px) scale(1.24); }
body[data-dock-position="right"] .dock-item:focus-visible .app-glyph { transform: translateX(-8px) scale(1.24); }
body.dock-hidden[data-dock-position="left"] .dock-zone .dock { transform: translateX(calc(-100% - 34px)) scale(.96); }
body.dock-hidden[data-dock-position="right"] .dock-zone .dock { transform: translateX(calc(100% + 34px)) scale(.96); }

body[data-dock-position="top"] #dock-reveal { top: calc(var(--top) + var(--tabs)); bottom: auto; align-items: flex-start; height: 14px; }
body[data-dock-position="top"] #dock-reveal span { margin-top: 3px; margin-bottom: 0; }
body:is([data-dock-position="left"], [data-dock-position="right"]) #dock-reveal {
  top: calc(var(--top) + var(--tabs));
  bottom: 0;
  width: 14px;
  height: auto;
  align-items: center;
}
body[data-dock-position="left"] #dock-reveal { left: 0; right: auto; justify-content: flex-start; }
body[data-dock-position="right"] #dock-reveal { right: 0; left: auto; justify-content: flex-end; }
body:is([data-dock-position="left"], [data-dock-position="right"]) #dock-reveal span { width: 3px; height: 44px; margin: 0 3px; }

/* Scrolling is a last resort for exceptionally short or narrow workspaces.
   Ordinary Docks retain visible overflow so their zoom and light stay intact. */
body[data-dock-overflow="true"] .dock-zone .dock {
  max-width: calc(100vw - 24px);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--line) transparent;
  overscroll-behavior: contain;
}
body[data-dock-overflow="true"]:is([data-dock-position="left"], [data-dock-position="right"]) .dock-zone .dock {
  max-height: calc(100dvh - var(--top) - var(--tabs) - 24px);
  max-width: none;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (hover: hover) and (pointer: fine) {
  body[data-dock-position="top"] .dock-zone:hover .dock { transform: translateY(3px) scale(1.06); }
  body[data-dock-position="top"] .dock-item:hover .app-glyph { transform: translateY(8px) scale(1.24); }
  body[data-dock-position="top"] .dock-item:has(+ .dock-item:hover) .app-glyph,
  body[data-dock-position="top"] .dock-item:hover + .dock-item .app-glyph { transform: translateY(3px) scale(1.10); }
  body[data-dock-position="left"] .dock-zone:hover .dock { transform: translateX(3px) scale(1.06); }
  body[data-dock-position="right"] .dock-zone:hover .dock { transform: translateX(-3px) scale(1.06); }
  body[data-dock-position="left"] .dock-item:hover .app-glyph { transform: translateX(8px) scale(1.24); }
  body[data-dock-position="right"] .dock-item:hover .app-glyph { transform: translateX(-8px) scale(1.24); }
  body[data-dock-position="left"] .dock-item:has(+ .dock-item:hover) .app-glyph,
  body[data-dock-position="left"] .dock-item:hover + .dock-item .app-glyph { transform: translateX(3px) scale(1.10); }
  body[data-dock-position="right"] .dock-item:has(+ .dock-item:hover) .app-glyph,
  body[data-dock-position="right"] .dock-item:hover + .dock-item .app-glyph { transform: translateX(-3px) scale(1.10); }
}

/* Keyboard and touch users have the same control as the context-menu gesture. */
#dock-settings-toggle svg { width: 17px; height: 17px; }
.dock-settings-dialog {
  width: min(440px, calc(100vw - 28px));
  max-width: none;
  max-height: calc(100dvh - 28px);
  margin: auto;
  padding: 0;
  border-radius: 20px;
  border: 1px solid var(--line);
  color: var(--chrome-ink);
  background: var(--chrome-bg);
  backdrop-filter: blur(28px) saturate(1.25);
  -webkit-backdrop-filter: blur(28px) saturate(1.25);
  box-shadow: 0 25px 90px #0012216e, inset 0 1px 0 #ffffff18;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--line) transparent;
}
/* Blur a separate layer below the Dock, rather than the modal backdrop which
   covers every ordinary element regardless of its z-index. */
.dock-settings-dialog::backdrop { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
body:has(#dock-settings-dialog[open])::after {
  content: ""; position: fixed; inset: 0; z-index: 85; pointer-events: none;
  background: #00111932; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
}
body:has(#dock-settings-dialog[open]) .dock-zone { z-index: 90; }
body:has(#dock-settings-dialog[open]) .dock-zone .dock { transform: none !important; transition: none; }
body:has(#dock-settings-dialog[open]) .dock-item .app-glyph { transform: none !important; animation: none; }
body:has(#dock-settings-dialog[open]) .dock-settings-dialog {
  background: var(--desktop-backdrop); backdrop-filter: none; -webkit-backdrop-filter: none;
}
.dock-settings-dialog > div { margin: 0; display: block; }
.dock-settings-dialog .dock-settings-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px 24px 17px; border-bottom: 1px solid var(--line); }
.dock-settings-dialog h2 { margin: 0; font-size: 18px; font-weight: 650; letter-spacing: -.2px; }
.dock-settings-dialog .dock-settings-header small { display: block; margin-top: 5px; font-size: 11px; opacity: .65; line-height: 1.5; }
.dock-settings-dialog .dock-settings-close { min-width: 28px; min-height: 28px; padding: 0; border-radius: 7px; background: transparent; font-size: 21px; line-height: 1; opacity: .7; }
.dock-settings-dialog .dock-settings-close:hover { background: var(--tab-active); opacity: 1; }
.dock-settings-dialog .dock-settings-body { padding: 3px 24px 5px; }
.dock-settings-dialog fieldset, .dock-settings-dialog .dock-settings-section { min-width: 0; margin: 0; padding: 16px 0; border: 0; border-bottom: 1px solid var(--line); }
.dock-settings-dialog fieldset:last-child, .dock-settings-dialog .dock-settings-section:last-child { border-bottom: 0; }
.dock-settings-dialog legend { float: left; width: 100%; padding: 0; margin: 0 0 11px; font-size: 10px; font-weight: 650; letter-spacing: .09em; text-transform: uppercase; opacity: .7; }
.dock-settings-dialog legend + * { clear: both; }
.dock-settings-dialog .dock-style-options, .dock-settings-dialog .dock-position-options, .dock-settings-dialog .dock-shape-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.dock-settings-dialog .dock-shape-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dock-settings-dialog .dock-style-options { margin-bottom: 15px; }
.dock-settings-dialog .dock-style-choice, .dock-settings-dialog .dock-position-choice, .dock-settings-dialog .dock-shape-choice { min-height: 38px; padding: 8px 4px; border: 1px solid var(--line); border-radius: 8px; font-size: 11px; background: color-mix(in srgb, var(--chrome-ink) 3%, transparent); }
.dock-settings-dialog .dock-style-choice, .dock-settings-dialog .dock-shape-choice { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-height: 57px; }
.dock-settings-dialog .dock-shape-preview { display: block; width: 42px; height: 17px; border: 1px solid color-mix(in srgb, var(--accent) 70%, var(--line)); background: color-mix(in srgb, var(--accent) 15%, transparent); }
.dock-settings-dialog .dock-shape-theme { border-radius: 6px; border-style: dashed; }
.dock-settings-dialog .dock-shape-rounded { border-radius: 5px; }
.dock-settings-dialog .dock-shape-capsule { border-radius: 999px; }
.dock-settings-dialog .dock-shape-square { border-radius: 1px; }
.dock-settings-dialog .dock-shape-arch { border-radius: 50% 50% 2px 2px / 9px 9px 2px 2px; }
.dock-settings-dialog .dock-shape-ribbon { border-radius: 1px 10px 1px 10px; }
.dock-settings-dialog .dock-style-preview { display: block; width: 36px; height: 12px; border: 1px solid var(--line); border-radius: 4px; }
.dock-settings-dialog .dock-style-glass { background: linear-gradient(120deg, #ffffff4a, color-mix(in srgb, var(--accent) 24%, transparent)); box-shadow: inset 0 1px 0 #ffffff4d, 0 2px 5px #00122226; }
.dock-settings-dialog .dock-style-matte { background: color-mix(in srgb, var(--chrome-ink) 24%, var(--desktop-backdrop)); box-shadow: 0 2px 5px #00122226; }
.dock-settings-dialog .dock-style-outline { background: transparent; border-color: var(--accent); }
.dock-settings-dialog .dock-style-bare { border-color: transparent; background: radial-gradient(circle at 5px 50%, var(--accent) 0 3px, transparent 3.5px), radial-gradient(circle at 17px 50%, var(--accent) 0 3px, transparent 3.5px), radial-gradient(circle at 29px 50%, var(--accent) 0 3px, transparent 3.5px); }
.dock-settings-dialog .dock-style-choice:hover, .dock-settings-dialog .dock-position-choice:hover, .dock-settings-dialog .dock-shape-choice:hover { background: var(--tab-active); }
.dock-settings-dialog :is(.dock-style-choice, .dock-position-choice, .dock-shape-choice)[aria-pressed="true"] { border-color: var(--accent); background: var(--tab-active); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent); }
.dock-settings-dialog .dock-settings-field { display: block; margin: 0 0 16px; font-size: 12px; }
.dock-settings-dialog .dock-settings-field > span { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.dock-settings-dialog .dock-settings-field:last-child { margin-bottom: 0; }
.dock-settings-dialog .dock-settings-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin: 0 0 9px; font-size: 12px; }
.dock-settings-dialog .dock-settings-row:last-child { margin-bottom: 0; }
.dock-settings-dialog .dock-settings-row label { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; }
.dock-settings-dialog output, .dock-settings-dialog .dock-setting-output { font-size: 11px; opacity: .7; font-variant-numeric: tabular-nums; }
.dock-settings-dialog input[type="range"] { display: block; width: 100%; height: 22px; margin: 4px 0 0; accent-color: var(--accent); cursor: pointer; }
.dock-settings-dialog input[type="color"] { width: 48px; height: 30px; padding: 2px; border: 1px solid var(--line); border-radius: 7px; background: transparent; cursor: pointer; }
.dock-settings-dialog input[type="checkbox"] { accent-color: var(--accent); width: 15px; height: 15px; margin: 0; cursor: pointer; }
.dock-settings-dialog input:disabled { cursor: default; opacity: .45; }
.dock-settings-dialog select { color: inherit; background: var(--desktop-backdrop); border: 1px solid var(--line); border-radius: 7px; padding: 8px; }
.dock-settings-dialog .dock-settings-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 24px 20px; border-top: 1px solid var(--line); }
.dock-settings-dialog .dock-settings-actions button { min-height: 36px; padding: 9px 13px; border: 1px solid var(--line); border-radius: 8px; font-size: 11px; }
.dock-settings-dialog .dock-settings-actions button:last-child { background: var(--accent); border-color: var(--accent); color: var(--desktop-backdrop); font-weight: 650; }
.dock-settings-dialog .dock-settings-actions button:hover { filter: brightness(1.08); }
.dock-settings-dialog .dock-settings-hint { margin: 0; font-size: 10px; line-height: 1.5; opacity: .6; }
.dock-settings-dialog .dock-settings-note { margin: 12px 0 0; font-size: 10px; line-height: 1.5; opacity: .6; }

@media (max-width: 760px) {
  .dock-zone { --dock-item-extra: 8px; --dock-padding-x: 8px; --dock-padding-y: 8px; }
  body[data-dock-position="top"] .dock-zone { padding: 10px 5px 26px; }
  body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-zone { padding-block: 8px; }
  body[data-dock-position="left"] .dock-zone { padding-inline: 8px 24px; }
  body[data-dock-position="right"] .dock-zone { padding-inline: 24px 8px; }
  body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-zone .dock { padding: var(--dock-effective-padding, var(--dock-user-padding, 8px)); border-radius: 16px; }
  body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-label { font-size: 9px; }
  body[data-dock-position="top"] .dock-zone:is(:hover, :focus-within) .dock,
  body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-zone:is(:hover, :focus-within) .dock { transform: none; }
  body.dock-hidden[data-dock-position="top"] .dock-zone .dock { transform: translateY(calc(-100% - 34px)) scale(.96); }
  body.dock-hidden[data-dock-position="left"] .dock-zone .dock { transform: translateX(calc(-100% - 34px)) scale(.96); }
  body.dock-hidden[data-dock-position="right"] .dock-zone .dock { transform: translateX(calc(100% + 34px)) scale(.96); }
}
@media (max-width: 420px) {
  .dock-zone { --dock-item-extra: 6px; }
  .dock-settings-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 15px; }
  .dock-settings-dialog .dock-settings-header { padding: 18px 18px 14px; }
  .dock-settings-dialog .dock-settings-body { padding-inline: 18px; }
  .dock-settings-dialog .dock-settings-actions { padding: 14px 18px 17px; }
  .dock-settings-dialog .dock-style-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dock-settings-dialog .dock-position-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dock-settings-dialog .dock-shape-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dock-settings-dialog .dock-settings-row { gap: 8px; }
}
@media (max-width: 760px) {
  body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-settings-dialog .dock-settings-row { flex-wrap: wrap; }
  body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-settings-dialog :is(.dock-style-options, .dock-position-options) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body:is([data-dock-position="left"], [data-dock-position="right"]) .dock-settings-dialog .dock-shape-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-height: 500px) {
  .dock-settings-dialog { max-height: calc(100dvh - 16px); }
  .dock-settings-dialog .dock-settings-header { padding-block: 13px; }
  .dock-settings-dialog fieldset, .dock-settings-dialog .dock-settings-section { padding-block: 11px; }
  .dock-settings-dialog .dock-settings-field { margin-bottom: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .dock-zone, .dock-zone .dock, .dock-zone .app-glyph, .dock-settings-dialog { transition: none !important; animation: none !important; }
}

/* Only the tray contour changes. Never clip the Dock: icons and orbit lights
   must remain free to extend beyond its surface when they magnify. "Du thème"
   deliberately adds no override, retaining each theme's original silhouette. */
body[data-dock-shape="rounded"] .dock-zone .dock { border-radius: 20px; }
body[data-dock-shape="capsule"] .dock-zone .dock { border-radius: 999px; }
body[data-dock-shape="square"] .dock-zone .dock { border-radius: 3px; }
body[data-dock-shape="ribbon"] .dock-zone .dock { border-radius: 5px 32px 5px 32px; }
body[data-dock-shape="arch"] .dock-zone .dock { border-radius: 50% 50% 10px 10px / 34px 34px 10px 10px; }
body[data-dock-shape="arch"][data-dock-position="top"] .dock-zone .dock { border-radius: 10px 10px 50% 50% / 10px 10px 34px 34px; }
body[data-dock-shape="arch"][data-dock-position="left"] .dock-zone .dock { border-radius: 10px 34px 34px 10px / 10px 50% 50% 10px; }
body[data-dock-shape="arch"][data-dock-position="right"] .dock-zone .dock { border-radius: 34px 10px 10px 34px / 50% 10px 10px 50%; }
body[data-dock-shape="ribbon"]:is([data-dock-position="left"], [data-dock-position="right"]) .dock-zone .dock { border-radius: 32px 5px 32px 5px; }

/* The support is a separate surface. Its dimensions never resize the icon row,
   hit targets or dialog exclusion bounds; icons and their lights remain free. */
body[data-dock-position] .dock-zone .dock {
  position: relative;
  isolation: isolate;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.dock-zone .dock::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: var(--dock-surface-left, 0px);
  top: var(--dock-surface-top, 0px);
  width: var(--dock-surface-width, 100%);
  height: var(--dock-surface-height, 100%);
  max-width: calc(100vw - 24px);
  max-height: calc(100dvh - var(--top) - var(--tabs) - 24px);
  transform: none;
  box-sizing: border-box;
  pointer-events: none;
  border: 1px solid var(--dock-tray-border, var(--line));
  border-radius: inherit;
  border-top-left-radius: var(--dock-corner-tl, inherit);
  border-top-right-radius: var(--dock-corner-tr, inherit);
  border-bottom-right-radius: var(--dock-corner-br, inherit);
  border-bottom-left-radius: var(--dock-corner-bl, inherit);
  background: var(--dock-user-fill, var(--dock-bg));
  box-shadow: var(--dock-tray-shadow, inset 0 1px 0 #ffffff26, 0 9px 32px #00152530);
  backdrop-filter: blur(17px) saturate(1.25);
  -webkit-backdrop-filter: blur(17px) saturate(1.25);
}
body[data-desktop-theme="assemblee"] .dock { --dock-tray-shadow: inset 0 1px 0 #fff4, 0 12px 32px #001d3440; }
body[data-desktop-theme="trame"] .dock { --dock-tray-border: #cdb28475; }
body[data-desktop-theme="langue"] .dock { --dock-tray-shadow: inset 0 1px 0 #fff, 0 10px 30px #0b5c9230; }
body[data-desktop-theme="crepuscule"] .dock { --dock-tray-border: #f2cf9e38; }
body[data-desktop-theme="azur"] .dock { --dock-tray-border: #96c9ff75; --dock-tray-shadow: inset 0 1px 0 #d5ebff38, 0 9px 32px #00152c40; }
body[data-desktop-theme="clarte"] .dock { --dock-tray-shadow: inset 0 1px 0 white, 0 12px 35px #30659b30; }
body[data-desktop-theme="place"] .dock { --dock-tray-border: #fff9; --dock-tray-shadow: inset 0 1px 0 white, 0 8px 20px #163c6b2c; }
body[data-desktop-theme="verre"] .dock { --dock-tray-border: #a4d9ff9e; --dock-tray-shadow: inset 0 1px 0 #c8efff80, 0 10px 30px #011f504f; }
body[data-desktop-theme="terre"] .dock { --dock-tray-border: #ffd29b55; --dock-tray-shadow: inset 0 1px 0 #ffc59e55, 0 12px 32px #33090050; }
body[data-desktop-theme="nuit"] .dock { --dock-tray-border: #cd9bff44; --dock-tray-shadow: inset 0 1px 0 #dfb9ff22, 0 0 22px #773edc25, 0 12px 32px #05011950; }
body[data-desktop-theme="panorama"] .dock { --dock-tray-border: #40e9ed80; }
body[data-dock-style="matte"] .dock-zone .dock::before {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: inset 0 1px 0 #ffffff18, 0 10px 28px #00152526;
}
body[data-dock-style="outline"] .dock-zone .dock::before {
  background: transparent;
  border-color: var(--dock-user-fill, var(--accent));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--dock-user-fill, var(--accent)) 12%, transparent), 0 8px 24px #0015251c;
}
body[data-dock-style="bare"] .dock-zone .dock::before { display: none; }
.dock-remodel { margin-top: 15px; }
.dock-remodel summary { cursor: pointer; padding: 8px 0 12px; font-size: 12px; font-weight: 600; color: var(--accent); }
.dock-remodel .dock-auto-thickness { display: flex; align-items: center; gap: 7px; font-size: 11px; margin: 0 0 13px; }
.dock-remodel .dock-corner-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; }
.dock-remodel .dock-corner-fields .dock-settings-field > span { display: flex; flex-wrap: wrap; gap: 3px 7px; font-size: 11px; }
#dock-support-reset { padding: 8px 11px; border: 1px solid var(--line); border-radius: 7px; font-size: 11px; background: var(--tab-active); }