/* Feathers Studio: a compact work surface with a persistent tool rail. */
body.brand-theme {
  --studio-dark:#2d2d2b;
  --studio-light:#f9f9f7;
  --studio-accent:#cc7d5e;
  --ink:var(--text4,#2d2d2b);
  --muted:#605c57;
  --line:#e5e0da;
  --paper:#fff;
  --surface:#f4f1ed;
  --accent-ink:#88472f;
  --accent-wash:color-mix(in srgb,var(--accent4) 15%,var(--paper));
  --control5:34px;
  --control-small5:30px;
  --radius5:7px;
  --field-gap5:8px 12px;
  font-size:13px;
  line-height:1.5;
}
body.brand-theme[data-theme=dark] {
  --bg:var(--studio-dark);
  --paper:#353532;
  --surface:#30302e;
  --ink:#f9f9f7;
  --muted:#c5bfb8;
  --line:#51504b;
  --accent-ink:#efac94;
}
.brand-theme .app {grid-template-columns:194px minmax(0,1fr)}
.brand-theme .main {min-width:0}
body.brand-theme aside,body.brand-theme[data-theme=dark] aside {
  width:auto;
  min-width:0;
  padding:12px 8px 8px;
  background:var(--studio-dark)!important;
  border-color:#464540!important;
  color:var(--studio-light)!important;
}
.brand-theme aside .brand {padding:4px 7px 12px;margin:0 0 6px;color:var(--studio-light);border-color:#4b4944}
.brand-theme .brand img {width:30px;height:30px}
.brand-theme .brand-name {font-size:16px}
.brand-theme aside .brand-name span,.brand-theme aside .account4 span:not(.avatar),
body.brand-theme aside .navlabel,body.brand-theme aside .role-switch-label,
body.brand-theme aside .demo-foot {color:#c5bfb8!important}
.brand-theme #nav {gap:2px;padding:0 0 8px;scrollbar-width:thin;scrollbar-color:#6b665f transparent}
body.brand-theme #nav button {
  display:flex;align-items:center;gap:8px;min-height:32px;padding:5px 8px;
  color:#e4e0da;background:transparent;border:1px solid transparent;text-align:left;
  line-height:1.25;font-size:12px;
}
body.brand-theme #nav button:hover {background:#3d3a36!important;color:#fff}
body.brand-theme #nav button.active {background:#4e3b34!important;border-color:#755446!important;color:#ffceb9!important}
.brand-theme #nav svg {display:block;width:16px;height:16px;opacity:1}
.brand-theme #nav .navlabel {margin:10px 8px 3px;font-size:9px}
.brand-theme aside .sidefoot {margin:2px 0 0;padding:8px 6px 0!important;border-color:#4b4944!important}
.brand-theme aside .account4 {margin-bottom:3px}
.brand-theme aside .avatar {width:28px;height:28px;background:#48423d;border-color:#61554d;color:#f4d7c9}
body.brand-theme aside .settings-link {display:inline-flex;align-items:center;gap:6px;min-height:28px;color:#f9f9f7!important}
body.brand-theme aside .settings-link.active {color:#ffceb9!important}
body.brand-theme aside .role-switch-label {margin:4px 0!important}
body.brand-theme aside #preview4 {background:#373633;color:#f9f9f7;border-color:#595650;color-scheme:dark;margin-top:3px!important}
.brand-theme aside .demo-foot {margin-top:5px}
.brand-theme header {
  position:sticky;top:0;z-index:20;justify-content:flex-start;align-items:center;
  min-height:49px;padding:7px 16px;gap:9px;background:var(--paper);
}
.brand-theme .headright {margin-left:auto;gap:6px}
.brand-theme .crumb {font-size:12px;color:var(--muted)}
.brand-theme .header-action5,.brand-theme .notification-button {min-height:32px;padding:4px 8px}
.brand-theme .rail-toggle6 {display:grid;place-items:center;width:32px;min-height:32px;padding:0;flex:none}
.brand-theme .rail-toggle6 svg {width:17px;height:17px}
.brand-theme .content {max-width:none;padding:15px 16px 46px}
.brand-theme .pagehead {gap:10px;margin-bottom:13px}
.brand-theme .pagehead h1 {font-size:25px;font-weight:700;line-height:1.22;margin-bottom:3px}
.brand-theme .pagehead .muted {margin-top:4px;line-height:1.5}
.brand-theme :is(.panel,.item,.metric) {padding:13px;border-radius:9px}
.brand-theme .panelhead {gap:8px;margin-bottom:9px}
.brand-theme .panelhead h2 {font-weight:600}
.brand-theme :is(.twocol,.grid2,.metrics,.board) {gap:10px}
.brand-theme .metric b {font-size:27px;margin-bottom:3px}
.brand-theme .stage-switch {gap:7px;margin-bottom:6px}
.brand-theme .stage-switch button {min-height:64px;gap:3px;padding:7px 10px!important}
.brand-theme .stage-switch button span {min-height:0;font-size:11px;line-height:1.3}
.brand-theme .stage-switch button b {font-size:23px;line-height:1.16}
.brand-theme .filter-note {margin-bottom:11px}
.brand-theme .issue {padding:8px 0;gap:8px}
.brand-theme .blocker-row {min-height:29px;padding:4px 0!important}
.brand-theme .bar i {background:var(--studio-accent)!important}
.brand-theme .progress i {background:var(--studio-accent)}
.brand-theme .tablewrap {scrollbar-width:thin}
.brand-theme th {height:auto;padding:7px 10px;font-size:11px;line-height:1.45;background:var(--surface)}
.brand-theme td {padding:8px 10px;line-height:1.45}
.brand-theme :is(.toolbar,.contract-actions) {gap:6px;margin-bottom:10px}
.brand-theme .tabs {gap:4px;margin-bottom:12px;overflow-x:auto;scrollbar-width:thin}
.brand-theme .tabs button {padding:6px 10px;min-height:34px;border-radius:6px 6px 0 0;white-space:nowrap}
.brand-theme :is(.tabs button.active,.linkbtn,a) {color:var(--accent-ink)}
.brand-theme .tabs button.active {background:var(--accent-wash);border-color:var(--accent4)}
.brand-theme :is(.current-crumb,.stage-switch button.active,.settings-nav4 button.active) {
  background:var(--accent-wash)!important;color:var(--accent-ink)!important;border-color:var(--accent4)!important;
}
.brand-theme :is(button.primary,.review-fab,.notification-button b) {
  background:var(--accent4,var(--studio-accent))!important;
  border-color:var(--accent4,var(--studio-accent))!important;
  color:#211914!important;
  font-weight:700;
}
.brand-theme :is(button.primary,.review-fab):hover {filter:brightness(1.08)}
.brand-theme button {min-height:var(--control5);padding:5px 9px;line-height:1.45;box-shadow:none}
.brand-theme button.small {min-height:var(--control-small5);padding:4px 8px}
.brand-theme .linkbtn {min-height:0;padding:0}
.brand-theme :is(button,input,select,textarea,summary,a):focus-visible {outline:2px solid var(--accent-ink);outline-offset:2px}
.brand-theme aside :is(button,select):focus-visible {outline-color:#ffceb9}
.brand-theme :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select) {padding:5px 8px;line-height:1.4;border-color:#d8d2cb}
.brand-theme textarea {min-height:66px;padding:6px 8px;line-height:1.5}
.brand-theme label.ux-field5 {gap:3px;margin-bottom:8px}
.brand-theme .formgrid {margin-bottom:8px;align-items:end}
.brand-theme .formgrid>label.ux-field5>.field-label5 {min-height:0;line-height:1.32}
.brand-theme input[type=checkbox] {accent-color:var(--studio-accent)}
.brand-theme .listrow {padding:8px 0;gap:9px}
.brand-theme .column {min-height:200px;padding:8px;background:var(--surface)}
.brand-theme .column>h3 {min-height:32px;padding-bottom:7px}
.brand-theme .task {padding:9px;margin-bottom:7px}
.brand-theme .task>h3 {margin:6px 0 4px}
.brand-theme .task footer {padding-top:6px}
.brand-theme .calendar-day4,.brand-theme .calendar-empty4 {min-height:86px;padding:6px}
.brand-theme .settings-grid4 {gap:10px}
.brand-theme .settings-nav4 {top:60px}
.brand-theme .settings-nav4>button {min-height:34px}
.brand-theme dialog::backdrop {background:#28242084;backdrop-filter:blur(2px)}
.brand-theme #modal[open] {width:min(800px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:11px}
.brand-theme #modal[data-ux-type=item][open] {width:min(960px,calc(100vw - 24px))}
.brand-theme #modal .modalhead {padding:9px 13px;gap:8px}
.brand-theme #modal .modalhead h2 {font-size:18px}
.brand-theme #modal .modalbody {padding:11px 13px;scroll-padding-top:52px}
.brand-theme #modal .modalfoot {padding:8px 13px;gap:7px;background:var(--surface)}
.brand-theme #modal .panel {padding:11px;margin-bottom:8px}
.brand-theme #modal .panelhead {gap:7px}
.brand-theme .form-index5 {
  top:-11px;margin:-11px -13px 8px;padding:7px 13px;gap:5px;background:var(--paper)!important;
}
.brand-theme .form-index5 button {
  min-height:29px;padding:4px 8px;background:var(--surface)!important;color:var(--ink)!important;
}
.brand-theme .form-index5 button[aria-expanded=true] {
  background:var(--accent-wash)!important;color:var(--accent-ink)!important;border-color:var(--accent4);
}
.brand-theme .form-hint5 {margin-bottom:7px;font-size:11px}
.brand-theme #modal .brief-section6 {
  padding:0;margin:0 0 6px;scroll-margin-top:4px;border:1px solid var(--line);
  border-radius:8px;background:var(--surface);
}
.brand-theme #modal .brief-section6>summary {
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  min-height:36px;margin:0;padding:5px 10px;list-style:none;font-size:12px;font-weight:600;color:var(--ink);
}
.brand-theme .brief-section6>summary::-webkit-details-marker {display:none}
.brand-theme .brief-section6>summary::after {
  content:'';width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;
  transform:rotate(45deg);margin-right:2px;transition:transform .15s ease;
}
.brand-theme .brief-section6[open]>summary::after {transform:rotate(225deg)}
.brand-theme .brief-section6>summary:hover {background:var(--accent-wash)}
.brand-theme .brief-section6[open]>summary {border-bottom:1px solid var(--line)}
.brand-theme .brief-fields6 {padding:8px 10px;background:var(--paper);border-radius:0 0 8px 8px}
.brand-theme #modal #itemForm .brief-fields6>section.panel {
  margin:0;padding:0;border:0;background:var(--paper)!important;
}
.brand-theme #modal #itemForm .brief-fields6>section.panel.print4 {padding:8px;margin-bottom:6px;border:1px solid var(--line)}
.brand-theme #itemForm .brief-fields6>.formgrid:last-child {margin-bottom:0}
.brand-theme #brief6-basics .formgrid {grid-template-columns:minmax(140px,1fr) minmax(160px,1.5fr) minmax(92px,.55fr)}
.brand-theme #brief6-production .formgrid {grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-theme #brief6-production .formgrid>.full {grid-column:1/-1}
.brand-theme #itemForm .notice {margin:8px 0 4px;padding:6px 9px}
.brand-theme #itemForm .color-row>input[type=color],.brand-theme #itemForm .color-row label {margin-bottom:6px}
.brand-theme #itemForm input[type=file] {min-height:34px;padding:3px}
.brand-theme #itemForm .check {margin-block:6px}
body.brand-theme[data-theme=dark] :is(header,.panel,.metric,.tablewrap,dialog,.task,.item,.modalhead) {
  background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important;
}
body.brand-theme[data-theme=dark] :is(th,.column,.modalfoot,.empty,.stock-readonly,.product,.stage-switch button) {
  background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important;
}
body.brand-theme[data-theme=dark] :is(.stage-switch button.active,.settings-nav4 button.active,.current-crumb) {
  background:var(--accent-wash)!important;color:var(--accent-ink)!important;border-color:var(--accent4)!important;
}
body.brand-theme[data-theme=dark] :is(button,input,select,textarea) {background:var(--surface);border-color:#66615b;color:var(--ink)}
body.brand-theme[data-theme=dark] :is(h1,h2,h3,.metric b,.stage-switch b) {color:var(--ink)}
body.brand-theme[data-theme=dark] :is(.sub,.topnote,.muted,.filter-note,.stage-line small,label) {color:var(--muted)!important}
body.brand-theme[data-theme=dark] :is(td,.listrow,.issue) {border-color:var(--line)!important}
body.brand-theme[data-theme=dark] :is(.issue p,.task p,.item p,.review-help,.review-dialog small,.field-label5) {color:var(--muted)}
body.brand-theme[data-theme=dark] :is(.bar,.review-context) {background:#48453f!important;color:var(--ink)}
.brand-theme .headright .review-fab {
  position:static;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  min-height:32px;padding:4px 8px;background:var(--paper)!important;
  border-color:var(--line)!important;color:var(--ink)!important;box-shadow:none!important;
  font-weight:500;white-space:nowrap;
}
.brand-theme .headright .review-fab:hover {background:var(--accent-wash)!important}
body.brand-theme[data-theme=dark] #tour5[open] {background:transparent!important}
@media(min-width:761px) {
  .brand-theme.rail-compact6 .app {grid-template-columns:55px minmax(0,1fr)}
  .brand-theme.rail-compact6 aside {padding-inline:6px}
  .brand-theme.rail-compact6 aside .brand {padding-inline:5px}
  .brand-theme.rail-compact6 :is(.brand-name,#nav button span,#nav .navlabel,.account4>div,.role-switch-label,.demo-foot,.settings-link span+span) {display:none}
  .brand-theme.rail-compact6 #nav button {justify-content:center;min-height:36px;padding:5px}
  .brand-theme.rail-compact6 .sidefoot {display:grid;justify-items:center;padding-inline:0!important}
}
@media(min-width:1000px) {
  .brand-theme .stage-switch {grid-template-columns:repeat(7,minmax(0,1fr))}
  .brand-theme .twocol {grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
}
@media(max-width:760px) {
  .brand-theme .rail-toggle6 {display:none}
  .brand-theme .headright .review-fab {min-width:34px;min-height:38px;padding:4px}
  .brand-theme .review-label6 {display:none}
  .brand-theme header {padding:5px 9px;min-height:48px;gap:5px}
  .brand-theme .crumb {font-size:11px}
  .brand-theme .content {padding:12px 10px 56px}
  .brand-theme .pagehead {gap:7px;margin-bottom:10px}
  .brand-theme .pagehead h1 {font-size:22px}
  .brand-theme .stage-switch {grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-theme .stage-switch button {min-height:51px}
  .brand-theme .formgrid {gap:7px;margin-bottom:7px}
  .brand-theme #brief6-basics .formgrid,.brand-theme #brief6-production .formgrid {grid-template-columns:minmax(0,1fr)}
  .brand-theme :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea) {font-size:16px}
  .brand-theme :is(.menu-toggle5,.menu-close5,.notification-button,.header-action5) {min-width:38px;min-height:38px}
  .brand-theme #modal[data-ux-type=item][open] {width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}
  .brand-theme #modal .modalhead,.brand-theme #modal .modalfoot {padding:7px 9px}
  .brand-theme #modal .modalbody {padding:9px}
  .brand-theme .form-index5 {top:-9px;margin:-9px -9px 7px;padding:5px 9px}
  .brand-theme #modal .brief-section6>summary,.brand-theme #modal .modalfoot button {min-height:42px}
  .brand-theme #modal {--control5:39px}
}
@media(prefers-reduced-motion:no-preference) {
  .brand-theme :is(button,input,select,textarea,summary) {transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}
  .brand-theme #modal[open],.brand-theme .welcome5[open],.brand-theme #unsaved4[open] {animation:studio-dialog-in .18s ease-out both}
  .brand-theme .studio-enter6,.brand-theme .brief-section6[open]>.brief-fields6 {animation:studio-content-in .16s ease-out both}
  @keyframes studio-dialog-in {from{opacity:0;transform:translateY(7px) scale(.995)}to{opacity:1;transform:none}}
  @keyframes studio-content-in {from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce) {
  .brand-theme *, .brand-theme *::before,.brand-theme *::after {animation:none!important;transition:none!important}
}