/* Native UI subtrees own their styles, including portals and print hosts. */
@scope (:root:not([data-kms-ui="native"])) to ([data-kms-ui="native"]) {
/* Only action groups are adapted; attachment, signature, note and opinion panels stay native. */
@layer kms-approval-layout { .kms-approval-panel { display:flex; } }
.kms-approval-panel {
 background:#f8fafc !important; border:1px solid #cbd5e1 !important; border-top:2px solid #334155 !important;
 border-radius:2px !important; padding:10px !important; box-shadow:0 2px 8px rgba(15,23,42,.06) !important;
 flex-direction:column !important; gap:6px !important; min-width:124px; box-sizing:border-box !important;
 position:sticky; top:8px; max-width:100%;
}
.kms-approval-panel .kms-approval-action {
 width:100% !important; height:34px !important; min-height:34px !important; max-height:34px !important;
 justify-content:center !important; border-radius:2px !important; font-size:13px !important; font-weight:600 !important;
 box-sizing:border-box !important; padding:0 10px !important; text-align:center;
}
[data-kms-approval-flex] { display:flex !important; align-items:center; }

.kms-approval-divider { border:0; border-top:1px solid #e2e8f0; margin:3px 0; width:100%; flex-basis:100%; }
.kms-approval-unit { display:flex; align-items:center; flex-wrap:nowrap; gap:4px; }
.kms-approval-unit > .kms-approval-action { flex:1; min-width:0; }
.kms-approval-unit > [data-kms-help] { flex:none; }
.kms-approval-close { margin-top:auto; }
:is(.kms-approval-panel,[data-kms-approval-flex],.kms-approval-divider):is([hidden],.hidden,.hide,.d-none,.is-hidden,[style*="display:none"],[style*="display: none"]) { display:none !important; }
@media (max-width:768px) {
 .kms-approval-panel { position:sticky; top:auto; bottom:0; left:0; right:0; width:100% !important; min-width:0; flex-direction:row !important; flex-wrap:wrap !important; z-index:550; }
 .kms-approval-panel > :is(.kms-approval-action,.kms-approval-unit) { flex:1 1 110px; width:auto !important; }
 .kms-approval-panel .kms-approval-action { height:36px !important; min-height:36px !important; max-height:36px !important; }
 .kms-approval-panel .kms-approval-close { margin-top:0; }
 .kms-approval-panel .kms-approval-divider { display:none; }
 .kms-approval-layout:not(.kappm-root) { grid-template-columns:minmax(0,1fr) !important; flex-direction:column !important; }
 .kms-approval-layout:not(.kappm-root) > * { min-width:0; max-width:100%; }
 .kms-approval-host:not(.kappm-side) { width:100% !important; min-width:0 !important; max-width:100% !important; position:static !important; }
 .kappm-sheet .kms-approval-panel { position:static; padding:6px !important; box-shadow:none !important; }
}
@media print { .kms-approval-panel,.kms-approval-divider { display:none !important; } }

/* Calm five-tier palette. Tone is presentation-only; legacy action variants/groups remain intact. */
.kappm-card{background:#f8fafc!important;border:1px solid #cbd5e1!important;border-top:2px solid #334155!important;border-radius:2px!important;box-shadow:0 2px 8px rgba(15,23,42,.06)!important}
:is(.kms-approval-panel,.kappm,.kappm-actions) :is(.kms-approval-action,.kappm-btn,[data-kms-approval-tone],.kappm-btn-primary,.kappm-btn-save,.kappm-btn-secondary,.kappm-btn-danger,.kappm-btn-close):not([data-kms-approval-ignore]){
 background:var(--kms-approval-bg,#fff)!important;border:1px solid var(--kms-approval-border,#cbd5e1)!important;color:var(--kms-approval-text,#334155)!important;font-weight:var(--kms-approval-weight,500)!important;box-shadow:none!important;border-radius:2px!important;
}
:is(.kms-approval-panel,.kappm,.kappm-actions) :is([data-kms-approval-tone="submit"],.kappm-btn-primary:not([data-kms-approval-tone])){--kms-approval-bg:#1e3a5f;--kms-approval-border:#162d4c;--kms-approval-text:#fff;--kms-approval-weight:600;--kms-approval-hover-bg:#152c4a;--kms-approval-hover-border:#0f172a;--kms-approval-hover-text:#fff}
:is(.kms-approval-panel,.kappm,.kappm-actions) :is([data-kms-approval-tone="save"],.kappm-btn-save:not([data-kms-approval-tone])){--kms-approval-bg:#f1f5f9;--kms-approval-border:#94a3b8;--kms-approval-text:#1e293b;--kms-approval-weight:600;--kms-approval-hover-bg:#e2e8f0;--kms-approval-hover-border:#64748b;--kms-approval-hover-text:#0f172a}
:is(.kms-approval-panel,.kappm,.kappm-actions) :is([data-kms-approval-tone="neutral"],.kappm-btn-secondary:not([data-kms-approval-tone])){--kms-approval-bg:#fff;--kms-approval-border:#cbd5e1;--kms-approval-text:#334155;--kms-approval-weight:500;--kms-approval-hover-bg:#f1f5f9;--kms-approval-hover-border:#94a3b8;--kms-approval-hover-text:#0f172a}
:is(.kms-approval-panel,.kappm,.kappm-actions) :is([data-kms-approval-tone="danger"],.kappm-btn-danger:not([data-kms-approval-tone])){--kms-approval-bg:#fff;--kms-approval-border:#e2cbd0;--kms-approval-text:#9f1239;--kms-approval-weight:500;--kms-approval-hover-bg:#fff1f2;--kms-approval-hover-border:#fda4af;--kms-approval-hover-text:#881337}
:is(.kms-approval-panel,.kappm,.kappm-actions) :is([data-kms-approval-tone="close"],.kappm-btn-close:not([data-kms-approval-tone])){--kms-approval-bg:#f1f5f9;--kms-approval-border:#cbd5e1;--kms-approval-text:#64748b;--kms-approval-weight:500;--kms-approval-hover-bg:#e2e8f0;--kms-approval-hover-border:#94a3b8;--kms-approval-hover-text:#334155}
:is(.kms-approval-panel,.kappm,.kappm-actions) :is(.kms-approval-action,.kappm-btn,[data-kms-approval-tone],.kappm-btn-primary,.kappm-btn-save,.kappm-btn-secondary,.kappm-btn-danger,.kappm-btn-close):hover:not(:disabled):not([aria-disabled="true"]){background:var(--kms-approval-hover-bg,#f1f5f9)!important;border-color:var(--kms-approval-hover-border,#94a3b8)!important;color:var(--kms-approval-hover-text,#0f172a)!important}
:is(.kms-approval-panel,.kappm,.kappm-actions) :is(.kms-approval-action,.kappm-btn,[data-kms-approval-tone]):focus-visible{outline:2px solid #64748b!important;outline-offset:2px}

}