/* A named layer makes shared important surfaces win over legacy important editor colors. */
@layer baudokuControls {
/* BauDoku 2.23.0. Shared control surfaces; no changes to plan/PDF geometry. */
body.baudoku-ui{
  --control-top:#ffffff;--control-bottom:#e7edf5;--control-edge:#afbdcf;
  --control-base:#a9b8cc;--control-ink:#243851;--control-highlight:#ffffff;
  --control-shadow:#152c4926;--control-focus:#3378f6;
}
html body.baudoku-ui :is(#measurement-editor-form,#container,.page,.topbar,dialog) :is(button,a.button,a.deletelink,input[type=submit],input[type=button],input[type=reset],summary.tool,.report-tabs>a){
  background:linear-gradient(180deg,var(--control-top),var(--control-bottom))!important;
  color:var(--control-ink)!important;border:1px solid var(--control-edge)!important;
  border-radius:12px!important;min-height:44px;padding:10px 15px;
  box-shadow:inset 0 1px 0 var(--control-highlight),inset 0 -1px 0 #ffffff24,0 4px 0 var(--control-base),0 7px 12px var(--control-shadow)!important;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:650;
  text-decoration:none;cursor:pointer;touch-action:manipulation;
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
  transform:translateY(0)!important;margin-bottom:4px;
}
/* Dark dock buttons inherit the same raised construction with different materials. */
body.baudoku-ui .hs221-toolbar{
  --control-top:#344c69;--control-bottom:#1d304a;--control-edge:#4d6481;
  --control-base:#081425;--control-ink:#f2f7ff;--control-highlight:#6d83a1;
  --control-shadow:#00000040;
}
html body.baudoku-ui :is(#measurement-editor-form,#container,.page,.topbar,dialog) :is(.button-primary,.drawing-panel-save,.submit-row input.default,#quick-wall-save,#quick-measure-apply,#quick-text-apply,#photo-save,#save-measure-labels,#save-linked-dimension){
  --control-top:#4289ff;--control-bottom:#185bd2;--control-edge:#2765ce;
  --control-base:#11428e;--control-ink:#fff;--control-highlight:#92bfff;
  --control-shadow:#164ca737;
}
/* Destructive actions retain their meaning even inside a primary action group. */
html body.baudoku-ui :is(#measurement-editor-form,#container,.page,.topbar,dialog) :is(.danger-outline,.button-danger,.danger,.remove,.row-remove,.opening-remove,.photo-danger,.measure-delete,a.deletelink,#clear-signature,#quick-text-delete,#hs-delete-path){
  --control-top:#fff7f7;--control-bottom:#f7dfe2;--control-edge:#d7a1a9;
  --control-base:#bd828d;--control-ink:#912638;--control-highlight:#fff;
  --control-shadow:#8d29351a;
}
/* Persisted selection is recessed; ordinary save/submit buttons are never latched. */
html body.baudoku-ui :is(#measurement-editor-form,#container,.page,.topbar,dialog) :is(button[aria-pressed=true],button.active,.tool.active,.report-tabs>a.active,[aria-current=page]){
  --control-top:#124ab5;--control-bottom:#2879ef;--control-edge:#8ebaff;
  --control-ink:#fff;--control-highlight:#c4dbff;
  padding-right:29px;position:relative;transform:translateY(3px)!important;
  box-shadow:inset 0 3px 6px #092a7060,inset 0 -1px 0 #93bdff,0 0 0 2px #5b96fa44!important;
}
html body.baudoku-ui :is(#measurement-editor-form,#container,.page,.topbar,dialog) :is(button[aria-pressed=true],button.active,.tool.active,.report-tabs>a.active,[aria-current=page])::after{
  content:'✓'!important;position:absolute;top:5px;right:7px;font:800 12px/1 system-ui;color:#fff;
}
@media(hover:hover){
  html body.baudoku-ui :is(#measurement-editor-form,#container,.page,.topbar,dialog) :is(button,a.button,a.deletelink,input[type=submit],input[type=button],input[type=reset],summary.tool,.report-tabs>a):not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.06)}
}
html body.baudoku-ui :is(#measurement-editor-form,#container,.page,.topbar,dialog) :is(button,a.button,a.deletelink,input[type=submit],input[type=button],input[type=reset],summary.tool,.report-tabs>a):not(:disabled):not([aria-disabled=true]):active{
  transform:translateY(3px)!important;box-shadow:inset 0 2px 4px #13294335,0 1px 0 var(--control-base)!important;
}
html body.baudoku-ui :is(#measurement-editor-form,#container,.page,.topbar,dialog) :is(button,a.button,a.deletelink,input[type=submit],input[type=button],input[type=reset],summary.tool,.report-tabs>a):focus-visible{
  outline:3px solid var(--control-focus)!important;outline-offset:5px!important;
}
html body.baudoku-ui :is(#measurement-editor-form,#container,.page,.topbar,dialog) :is(button,input,a.button):is(:disabled,[aria-disabled=true]){
  --control-top:#e8edf3;--control-bottom:#e8edf3;--control-edge:#cbd4df;--control-ink:#687589;
  box-shadow:none!important;transform:none!important;filter:none!important;cursor:not-allowed;opacity:1;
}
html body.baudoku-ui :is(#measurement-editor-form,#container,.page,.topbar,dialog) :is(button,input,a.button):is(:disabled,[aria-disabled=true])::after{content:none!important}
/* Dashboard module tiles and radio choices use gentle depth, without rotating text. */
body.baudoku-ui .module-card{border-radius:18px;box-shadow:inset 0 1px #fff,0 5px 0 #c7d4e4,0 12px 24px #17385512;transition:transform .12s,box-shadow .12s}
body.baudoku-ui .module-card:active{transform:translateY(3px)!important;box-shadow:inset 0 2px 4px #172c4520,0 2px 0 #c7d4e4}
body.baudoku-ui .module-card:focus-visible{outline:3px solid #3378f6;outline-offset:5px}
body.baudoku-ui :is(.measurement-kind-options,.measurement-source-options) label{border-radius:13px;box-shadow:inset 0 1px #fff,0 3px 0 #c7d4e4}
body.baudoku-ui :is(.measurement-kind-options,.measurement-source-options) label:has(input:checked){background:#e8f1ff;border-color:#3479e8;box-shadow:inset 0 2px 4px #205ca52b,0 0 0 2px #3479e82a}
/* Compact in-field helpers must not widen decimal inputs or cover adjacent controls. */
html body.baudoku-ui #measurement-editor-form :is(.quick-measure-trigger,.quick-text-trigger){padding:4px!important;min-width:36px;min-height:40px;border-radius:8px!important;margin:0 0 3px}
body.baudoku-ui :is(.hs221-main,.measurement-toolbar,.submit-bar,.quick-wall-presets,.quick-wall-actions,.hs-path-dialog-actions,.report-tabs){row-gap:12px!important}
body.baudoku-ui [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html body.baudoku-ui *{transition:none!important;animation:none!important}}
@media(forced-colors:active){
  html body.baudoku-ui :is(button,.button,summary.tool,.report-tabs>a){box-shadow:none!important;border:2px solid ButtonText!important}
  html body.baudoku-ui :is([aria-pressed=true],button.active,.report-tabs>a.active){outline:3px solid Highlight!important}
}
@media print{html body.baudoku-ui :is(button,.button,.module-card,summary.tool){box-shadow:none!important;transform:none!important}}

}