.app-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);max-width:100%;height:100%;max-height:100%;padding:0;border:0;border-left:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:-12px 0 40px #0000001a;overflow-y:auto;overscroll-behavior:contain}
.app-drawer::backdrop{background:#28302524}
.app-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}
.app-drawer-header h2{font-size:1.15rem}
.app-drawer-header button{font-size:1.5rem;flex-shrink:0}
.filters-toggle{margin:0}
body.app-drawer-open{overflow:hidden}
body .app-drawer.filter-drawer form{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:1.25rem;border:0;border-radius:0;background:var(--color-surface);box-shadow:none;max-width:none}
body .app-drawer.filter-drawer form fieldset{padding:0}
body .app-drawer.filter-drawer form legend{padding:0 0 1rem}
body .app-drawer.filter-drawer :is(.report-filter-grid,.kit-catalog-extra-filters,.checkout-catalog-more>div){display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
body .app-drawer.filter-drawer form>.field{min-width:0}
body .app-drawer.filter-drawer form>details{grid-column:auto;border:0;padding:0}
body .app-drawer.filter-drawer form>details>summary{display:none}
body .app-drawer.filter-drawer :is(.kit-actions,.report-actions,.catalog-actions){display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.75rem;margin:.5rem 0 0;grid-column:1/-1}
body .app-drawer.filter-drawer form>.kit-actions{order:10}
body .app-drawer.filter-drawer .ts-dropdown{z-index:50}
.representative-drawer{width:min(760px,100%)}
.representative-drawer [data-representative-selection]{padding:1.25rem}
.representatives-page.has-detail-drawer .representatives-layout{grid-template-columns:minmax(0,1fr)}
.app-drawer .operation-form-card{border:0;border-radius:0;box-shadow:none;max-width:none;margin:0}
.app-drawer .operation-form-header{display:none}
.app-drawer .operation-form-body{padding:1.25rem}
.app-drawer .operation-form-section{padding:0;border:0;background:transparent}
.app-drawer .operation-fields{grid-template-columns:minmax(0,1fr)}
.app-drawer .operation-section-heading{display:none}
.app-drawer .operation-form-footer{padding:1rem 1.25rem;flex-wrap:wrap}

.page-heading-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.65rem;flex-shrink:0}
.page-heading>.page-heading-actions:empty{display:none}
.page-heading .page-heading-actions>.overview-heading-actions{display:contents}
.app-drawer .app-drawer-header{background:var(--color-surface);position:sticky;top:0;z-index:60}
.app-drawer-header .icon-button{display:inline-flex;font-size:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;width:40px;height:40px}
.app-drawer .button{border-radius:6px;min-height:44px;font-size:.85rem}
body .app-drawer :is(.product-form-footer,.operation-form-footer,.operation-form-body,.operation-form-section,.operation-form section:first-child){background:var(--color-surface);border-radius:0}
body .app-drawer .operation-form-section{padding:0;border:0}
body .app-drawer :is(.product-form-footer,.operation-form-footer){justify-content:flex-end;gap:.75rem;border-top:1px solid var(--color-border)}
body .app-drawer :is(.product-form-footer,.operation-form-footer) .button{width:auto;flex:0 1 auto}
.catalog-drawer{width:min(540px,100%)}
@media(max-width:700px){.page-heading{flex-wrap:wrap;align-items:flex-start}.page-heading-actions{width:100%}}