/* Struktura i zachowanie kontrolek. Wygląd dostarcza aplikacja. */
@import "./icons/tabler-icons.min.css";
@import "./navigation.css";
.diy-view{--diy-gap:1rem;min-width:0;}
.diy-view [hidden],.diy-dialog [hidden]{display:none!important;}
.diy-grid{display:grid;grid-template-columns:var(--diy-tracks,minmax(0,1fr));gap:var(--diy-gap);min-width:0;}
.diy-group>h3,.diy-group>summary{grid-column:1/-1;margin:0;}
.diy-field{min-width:0;}
.diy-field>label{display:block;margin-bottom:.35rem;}
.dh-ui-checkbox-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;}
.dh-ui-checkbox-field>label{grid-column:2;grid-row:1;margin:0;cursor:pointer;}
.dh-ui-checkbox-field>input[type=checkbox]{grid-column:1;grid-row:1;margin:0;width:16px;height:16px;accent-color:var(--diy-accent,Highlight);}
.dh-ui-checkbox-field>input[type=hidden]{display:none;}
.dh-ui-checkbox-field>.diy-errors{grid-column:1/-1;}
.diy-control-line{display:flex;align-items:center;gap:.5rem;}
.diy-control-line>.diy-input-wrap,.diy-control-line>.diy-select{flex:1;min-width:0;}
.diy-input-wrap{display:flex;align-items:center;gap:.5rem;}
.diy-input:not([type=checkbox]):not([type=radio]){width:100%;min-width:0;padding:.5rem .7rem;}
.diy-view button,.diy-dialog button{cursor:pointer;}
.diy-button,.diy-pagination button,.diy-dialog footer button{padding:.5rem .8rem;}
.diy-view button:disabled{cursor:default;}
.diy-button{display:inline-flex;align-items:center;gap:.4rem;}
.diy-hint{display:block;margin-top:.3rem;}
.diy-errors:empty{display:none;}
.diy-error{display:block;}
.diy-errors p{margin:.3rem 0;}
.diy-table-scroll{overflow:auto;}
.diy-table{width:100%;}
.diy-table th,.diy-table td{padding:.65rem .8rem;text-align:start;vertical-align:middle;}
.diy-table td:last-child .diy-button+.diy-button{margin-inline-start:.4rem;}
.diy-pagination{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:1rem;}
.diy-pagination select{width:auto;}
.diy-collection-item{padding:1rem 0;}
.diy-collection-item h4{margin:0 0 .7rem;}
.diy-tabs{display:flex;gap:.3rem;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;margin-bottom:1rem;}
.diy-tabs button{padding:.6rem .8rem;}
.diy-chips{display:flex;gap:.5rem;flex-wrap:wrap;}
.diy-chip{display:flex;gap:.3rem;align-items:center;padding:.4rem .6rem;}
.diy-select>input[type=search]{width:100%;margin-bottom:.4rem;}
.diy-badge{display:inline-block;padding:.2rem .5rem;}
.diy-dialog{max-width:min(60rem,95vw);width:fit-content;min-width:min(25rem,90vw);max-height:90vh;overflow:auto;padding:1.5rem;}
.diy-dialog>header{display:flex;justify-content:flex-end;margin-bottom:1rem;}
.diy-dialog footer{display:flex;gap:.6rem;margin-top:1rem;justify-content:flex-end;}
.diy-dialog .diy-view{min-width:min(45rem,80vw);}
.diy-dialog label{display:block;}
.diy-column-choice{display:flex!important;gap:.5rem;align-items:center;margin:.4rem 0;}
.diy-dialog input[type=search]{width:100%;}
.diy-toast{position:fixed;bottom:1rem;right:1rem;z-index:10000;padding:1rem;}
.diy-progress{display:flex;align-items:center;gap:.5rem;margin:1rem 0;}
@media (max-width:600px){.diy-table th,.diy-table td{padding:.5rem;}
.diy-dialog{padding:1rem;}
}
.diy-view .diy-pagination select {width: auto;flex: 0 0 auto;}
.diy-dialog.diy-dialog {box-sizing: border-box;width: min(50rem, calc(100vw - 2rem));min-width: 0;max-width: calc(100vw - 2rem);}
.diy-dialog.diy-dialog .diy-view {min-width: 0;width: 100%;}
.diy-dialog .diy-tabs {min-width: 0;max-width: 100%;}
.diy-dialog > header button {padding: .3rem .7rem;}
.diy-buttons{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;max-width:100%;min-width:0;}
.diy-buttons>.diy-button{flex:0 0 auto;white-space:nowrap;margin:0!important;}
.diy-buttons-left{justify-content:flex-start;}
.diy-buttons-wrap{flex-wrap:wrap;}
.diy-dialog.diy-window-fullscreen{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;box-sizing:border-box;}
.diy-dialog.diy-window-popup{position:fixed;margin:0;width:min(26rem,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);z-index:1000;}
.diy-menu{position:fixed;inset:auto;margin:0;min-width:10rem;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:.4rem;}
.diy-menu button,.diy-menu summary{display:block;width:100%;box-sizing:border-box;padding:.5rem .75rem;text-align:start;cursor:pointer;}
.diy-menu summary::after{content:" ▾";}
.diy-menu details>div{padding-inline-start:.75rem;}
.diy-menu :disabled,.diy-menu [aria-disabled=true]{cursor:default;}
.diy-pagination{flex-wrap:nowrap;white-space:nowrap;gap:.4rem;}
.diy-pagination button{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;min-width:2rem;min-height:2rem;flex:0 0 auto;}
.diy-pagination .diy-page-count{text-align:center;min-width:3.5rem;}
.diy-pagination select{margin-inline-start:auto;}
.diy-table-dialog>h2{margin:0 0 .5rem;}
.diy-table-dialog .diy-column-choice{display:flex;align-items:center;gap:.5rem;padding:.5rem;}
.diy-column-choice label{display:flex!important;align-items:center;gap:.6rem;flex:1;min-width:0;margin:0;cursor:pointer;}
.diy-column-choice button{flex:0 0 auto;padding:.35rem .5rem;min-width:2rem;min-height:2rem;}
.diy-column-choice .diy-drag-handle{touch-action:none;cursor:grab;user-select:none;}
.diy-table-dialog footer{flex-wrap:wrap;}
.diy-table-dialog button:disabled{cursor:default;}
.diy-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media (max-width:480px){
.diy-table-dialog footer{gap:.4rem;}
.diy-table-dialog footer button{padding:.5rem .6rem;}
}
.diy-column-choice button:disabled{cursor:default;}
.diy-master-detail{display:grid;grid-template-columns:minmax(0,var(--diy-list-width,40%)) minmax(0,1fr);gap:1.25rem;align-items:start;container-type:inline-size;}
.diy-master-detail.diy-master-list-right{grid-template-columns:minmax(0,1fr) minmax(0,var(--diy-list-width,40%));}
.diy-master-list,.diy-master-details{min-width:0;}
.diy-master-details{padding:1rem;overflow-wrap:anywhere;}
.diy-master-list .diy-table tbody tr{cursor:pointer;}
@media (max-width:760px){.diy-master-detail,.diy-master-detail.diy-master-list-right{grid-template-columns:minmax(0,1fr);}
.diy-master-list{grid-row:1;}
.diy-master-details{grid-row:2;}
}
.diy-layout{container: diy-layout / inline-size;min-width:0;max-width:100%;}
.diy-grid{align-items:start;}
.diy-group>h3,.diy-group>summary{margin:0 0 var(--diy-gap,1rem);}
.diy-grid>[data-diy-row],.diy-grid>.diy-tabs{grid-column:1/-1!important;}
@container  diy-layout (max-width:600px){.diy-grid{grid-template-columns:minmax(0,1fr);}
.diy-grid>*{grid-column:1!important;}
}
.diy-button-icon{justify-content:center;width:2.25rem;height:2.25rem;min-width:2.25rem;flex:0 0 auto;box-sizing:border-box;padding:.4rem;}
.diy-button-icon svg,.diy-button-icon i{width:1.15rem;height:1.15rem;line-height:1.15rem;flex:0 0 auto;}
.diy-table .diy-action-cell{width:1%;white-space:nowrap;text-align:left;}
.diy-items{min-width:0;max-width:100%;}
.diy-pagination{min-width:0;max-width:100%;box-sizing:border-box;}
.diy-pagination .diy-page-count{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.diy-view .diy-pagination select{box-sizing:border-box;flex:0 0 auto;width:4.25rem;min-width:0;max-width:4.25rem;padding:.35rem .4rem;}
.diy-group>summary{cursor:pointer;}
.diy-group:not([open])>summary{margin-bottom:0;}
.diy-row-drag{touch-action:none;cursor:grab;}
.diy-row-drag:active{cursor:grabbing;}
.diy-drag-cell{width:1%;white-space:nowrap;}
[data-diy-drag-group]{min-height:3rem;}
.diy-table [data-diy-fixed-column]{position:sticky;inset-inline-start:var(--diy-fixed-offset,0px);z-index:1;}
.diy-table th[data-diy-fixed-column]{z-index:2;}
.diy-icon{display:inline-block;line-height:1;flex-shrink:0;}
.diy-lookup{width:100%;min-width:0;}
.diy-lookup-trigger{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:start;min-height:44px;padding:10px 12px;}
.diy-lookup-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.diy-dialog.diy-lookup-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));min-width:0;padding:20px;}
.diy-lookup-dialog>header{align-items:center;justify-content:space-between;gap:12px;}
.diy-lookup-dialog h2{margin:0;}
.diy-lookup-dialog>header button{line-height:1;min-width:36px;min-height:36px;}
.diy-lookup-dialog .diy-lookup-search{box-sizing:border-box;min-width:0;min-height:44px;padding:10px 12px;}
.diy-lookup-options{display:flex;flex-direction:column;gap:4px;margin-top:12px;max-height:min(340px,45vh);overflow-y:auto;}
.diy-lookup-option{padding:12px;text-align:start;width:100%;overflow-wrap:anywhere;}
.diy-lookup-dialog footer{flex-wrap:wrap;}
.diy-lookup-empty{padding:12px;}
.diy-transport-error{padding:12px 16px;margin-block:12px;}
.diy-transport-error p{margin:0 0 8px;}
.diy-transport-error small{display:block;margin-block:8px;}

.dh-ui-field--compact>label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.dh-ui-http-form>.diy-grid>input[type=hidden]{display:none;}
.dh-ui-http-group{grid-column:1/-1;min-width:0;margin:0;padding:12px 0;border:0;border-top:1px solid var(--diy-border);}
.dh-ui-http-group>legend{padding-inline:0 10px;font-weight:600;}
.dh-ui-http-group-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;}
.dh-ui-http-form>.diy-grid>p,.dh-ui-http-form>.diy-grid>.dh-ui-actions{grid-column:1/-1;}
@media(max-width:600px){.dh-ui-http-group-fields{grid-template-columns:minmax(0,1fr);}}
.dh-ui-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem 1rem;}
.dh-ui-facts dd{margin:0;overflow-wrap:anywhere;}
@media(max-width:40rem){.dh-ui-facts{grid-template-columns:minmax(0,1fr);row-gap:.25rem;}.dh-ui-facts dd{margin-bottom:.75rem;}}
.dh-ui-records pre{white-space:pre-wrap;overflow-wrap:anywhere;}
@media(max-width:600px){.dh-ui-http-form:not(.dh-ui-http-form--inline)>.diy-grid{grid-template-columns:minmax(0,1fr);}}

.dh-ui-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;}
.dh-ui-secret>.diy-input{display:block;box-sizing:border-box;width:100%;}
.dh-ui-confirmation>summary{cursor:pointer;}

.diy-lookup-preview{display:block;max-width:min(100%,12rem);max-height:10rem;object-fit:contain}
[data-ui-lookup-picker]{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0}
[data-ui-lookup-picker] .diy-lookup-preview{flex-basis:100%}

.diy-choice { display: inline-flex; align-items: center; gap: .4rem; }

/* Table tools do not occupy data columns. Only gesture handles suppress touch panning. */
.diy-table-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem 0;}
.diy-table-toolbar select{max-width:18rem;min-height:2.25rem;}
.diy-table-dirty{color:var(--diy-muted,#667085);font-size:.875rem;}
.diy-table th[data-ui-column]:not([data-diy-fixed-column]){position:relative;}
.diy-table th[data-ui-column]{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.diy-table th[data-ui-sortable=true]{cursor:pointer;}
.diy-table th[data-ui-column]:focus-visible{outline:2px solid var(--diy-primary,#315fd6);outline-offset:-2px;}
.diy-sort-indicator{white-space:nowrap;}
.diy-column-resize{position:absolute;inset-block:0;inset-inline-end:0;width:10px;cursor:col-resize;touch-action:none;z-index:3;}
.diy-column-resize:hover{background:var(--diy-border,#d0d5dd);}
.diy-table-dialog{width:min(46rem,calc(100vw - 2rem));max-height:85dvh;overflow:auto;}
.diy-table-dialog section{display:flex;gap:.5rem;flex-direction:column;padding-block:.5rem;}
.diy-table-dialog section h3{margin-block:.25rem;}
.diy-table-dialog button,.diy-table-dialog input,.diy-table-dialog select{min-height:2.5rem;}
.diy-sort-choice{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.35rem;}
.diy-sort-choice>span{flex:1;min-width:8rem;}
.diy-table-dialog .diy-drag-handle{touch-action:none;}
@media(pointer:coarse){.diy-column-resize{width:18px;}.diy-table-toolbar button,.diy-table-dialog button,.diy-table-dialog select{min-height:44px;}}
@media(max-width:640px){.diy-table-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;border-radius:1rem 1rem 0 0;box-sizing:border-box;}.diy-sort-choice>span{flex-basis:calc(100% - 3rem);}.diy-table-toolbar{align-items:stretch;}.diy-table-toolbar select{width:100%;max-width:none;}}

/* Theme-aware fallback tokens for standalone components, including dialogs mounted on body. */
:is([data-bs-theme="dark"],[data-theme="dark"]), :is([data-bs-theme="dark"],[data-theme="dark"]) .diy-view {
  color-scheme:dark;--diy-text:var(--bs-body-color,#e2e8f0);--diy-accent:#b0b9ff;--diy-accent-ink:#101827;--diy-border:var(--bs-border-color,#475569);--diy-muted:var(--bs-secondary-color,#b0bdd0);
  --diy-input-background:var(--bs-body-bg,#18202f);--diy-dialog-background:var(--bs-body-bg,#18202f);
  --diy-button-background:var(--bs-secondary-bg,#253047);--diy-selection:var(--bs-tertiary-bg,#303d57);
}
.diy-table-dialog{color:var(--bs-body-color,inherit);background:var(--diy-dialog-background,Canvas);}
.diy-table-tools-compact{justify-content:flex-end;min-height:2rem;gap:.4rem;}
.diy-table-tools-compact .diy-table-dirty{order:-1;font-size:.75rem;}
.diy-table-menu{width:18rem;min-width:0;box-sizing:border-box;font-size:.875rem;color:var(--diy-text,inherit);background:var(--diy-dialog-background,Canvas);border:1px solid var(--diy-border,#d4dbe6);border-radius:.5rem;box-shadow:0 8px 24px #10182824;}
.diy-table-menu .diy-menu-title{padding:.4rem .6rem .5rem;font-size:.75rem;font-weight:600;overflow-wrap:anywhere;border-bottom:1px solid var(--diy-border,#d4dbe6);margin-bottom:.25rem;}
.diy-table-menu :is(button,summary){display:block;width:100%;min-height:2rem;height:auto;padding:.4rem .6rem;text-align:start;white-space:normal;font:inherit;border:0;border-radius:.25rem;background:transparent;color:inherit;box-shadow:none;list-style:none;}
.diy-table-menu summary::-webkit-details-marker{display:none;}
.diy-table-menu summary::after{content:'›';float:right;}
.diy-table-menu details[open]>summary::after{content:'⌄';}
.diy-table-menu details>div{padding-inline-start:.6rem;border-inline-start:1px solid var(--diy-border,#d4dbe6);margin:.2rem .4rem;}
.diy-table-menu :is(button,summary):hover,.diy-table-menu :is(button,summary):focus-visible{background:var(--diy-selection,#edf2ff);outline-offset:-2px;}
.diy-table-menu [aria-checked=true]::after{content:'✓';float:right;}
.diy-table-menu :disabled{opacity:.45;}
.diy-table-dialog{width:min(34rem,calc(100vw - 2rem));box-sizing:border-box;font:inherit;padding:1rem;}
.diy-table-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;}
.diy-table-dialog>header h2{font-size:1rem;line-height:1.4;margin:0;}
.diy-table-dialog>header .diy-dialog-close{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;min-height:1.75rem;padding:0;border:0;background:transparent;color:var(--diy-muted,GrayText);}
.diy-table-dialog>header .diy-dialog-close:is(:hover,:focus-visible){background:var(--diy-selection,#edf2ff);color:var(--diy-text,CanvasText);}
.diy-table-dialog .is-dragging{position:relative;z-index:1;box-shadow:0 2px 8px #10182824;background:var(--diy-dialog-background,Canvas);cursor:grabbing;}
.diy-table-dialog .is-dragging .diy-drag-handle{cursor:grabbing;}
:is(.diy-view,.diy-dialog) input:is([type=checkbox],[type=radio]){accent-color:var(--diy-accent,Highlight);}
.diy-table-dialog :is(input:not([type=checkbox]),select){box-sizing:border-box;min-width:0;max-width:100%;min-height:2rem;padding:.35rem .5rem;font:inherit;color:inherit;border:1px solid var(--diy-border,#d4dbe6);border-radius:.3rem;background:var(--diy-input-background,Canvas);}
.diy-table-dialog .diy-button{min-height:2rem;padding:.35rem .6rem;border:1px solid var(--diy-border,#d4dbe6);border-radius:.3rem;background:var(--diy-button-background,ButtonFace);color:inherit;font:inherit;cursor:pointer;}
.diy-table-dialog>footer{display:flex;justify-content:flex-end;border-top:1px solid var(--diy-border,#d4dbe6);padding-top:.75rem;margin-top:.75rem;}
.diy-table-dialog.diy-width-dialog{width:min(26rem,calc(100vw - 2rem));}
.diy-width-editor{display:flex;align-items:flex-end;gap:.5rem;}
.diy-width-editor label{display:grid;gap:.35rem;flex:1;min-width:0;font-size:.8rem;}
.diy-width-dialog section .diy-button{text-align:start;background:transparent;}
@media(pointer:coarse){.diy-table-menu :is(button,summary),.diy-table-dialog .diy-button,.diy-table-dialog :is(input,select){min-height:44px;}}

:is([data-bs-theme="dark"],[data-theme="dark"]) :is(.diy-view,.diy-table,.diy-table-dialog){color:var(--diy-text);}
:is([data-bs-theme="dark"],[data-theme="dark"]) .diy-table th{color:var(--diy-text);background:var(--diy-button-background);}
:is([data-bs-theme="dark"],[data-theme="dark"]) .diy-table tbody tr:hover{background:var(--diy-selection);}
.diy-table-toolbar select{color:var(--diy-text,inherit);background:var(--diy-input-background,Canvas);}
/* Compact table tools: all actions remain reachable when their strip overflows. */
.diy-table-action-bar{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;min-width:0;margin-block:0 .25rem;}
.diy-table-action-bar .diy-table-toolbar{flex:0 0 auto;padding:0;flex-wrap:nowrap;}
.diy-selection-actions{display:flex;align-items:center;gap:.3rem;overflow-x:auto;min-width:0;max-width:100%;margin-inline-start:auto;}
.diy-selection-actions>.diy-button{flex:0 0 auto;white-space:nowrap;font-size:.75rem;min-height:1.9rem;padding:.25rem .5rem;}
.diy-table-tools-cell .diy-table-tools-compact [data-ui-table-menu]{display:inline-flex;align-items:center;justify-content:center;padding:0;width:1.75rem;min-height:1.75rem;height:1.75rem;font-size:.875rem;line-height:1;border:0;box-shadow:none;background:transparent;color:var(--diy-muted,GrayText);}
.diy-table-tools-compact [data-ui-table-menu] .diy-icon{font-size:14px;}
.diy-table-tools-cell .diy-table-tools-compact [data-ui-table-menu]:is(:hover,:focus-visible,[aria-expanded=true]){background:var(--diy-selection,#edf2ff);color:var(--diy-text,CanvasText);}
.diy-table[style*="table-layout:fixed"] :is(th,td){overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;}
.diy-table-menu :is(button,summary){display:flex;align-items:center;gap:.6rem;}
.diy-menu-icon{display:block;width:1rem;height:1rem;flex:0 0 1rem;}
.diy-menu-label{flex:1;min-width:0;overflow-wrap:anywhere;}
.diy-table-menu summary::after,.diy-table-menu details[open]>summary::after,.diy-table-menu [aria-checked=true]::after{content:none;}
.diy-menu-chevron{transition:transform .12s ease;}
.diy-table-menu details[open]>summary>.diy-menu-chevron{transform:rotate(90deg);}
.diy-table-menu hr{border:0;border-top:1px solid var(--diy-border,#d4dbe6);margin:.3rem .5rem;}
.diy-table-menu .diy-menu-views{border:0;padding:0;margin:.3rem .25rem;}
.diy-menu-views input{box-sizing:border-box;width:100%;margin-bottom:.3rem;padding:.35rem .5rem;font:inherit;}
.diy-menu-view-list{max-height:12rem;overflow-y:auto;overscroll-behavior:contain;}
.diy-table-menu [hidden]{display:none!important;}
.diy-menu-views p{margin:.5rem;font-size:.8rem;color:var(--diy-muted,#667085);}
.diy-table-dialog.diy-columns-dialog{width:min(28rem,calc(100vw - 1rem));padding:.75rem;}
.diy-table-dialog.diy-columns-dialog .diy-column-choice{padding:.2rem;margin:0;border:0;border-bottom:1px solid var(--diy-border,#ddd);border-radius:0;gap:.3rem;min-height:2.25rem;}
.diy-columns-dialog .diy-column-choice label{display:flex;align-items:center;gap:.5rem;flex:1;margin:0;min-width:0;}
.diy-table-dialog.diy-columns-dialog .diy-column-choice button{display:flex;align-items:center;justify-content:center;min-height:1.75rem;height:1.75rem;width:1.75rem;padding:0;flex:0 0 auto;}
.diy-table-dialog.diy-columns-dialog input[type=checkbox]{min-height:0;}
.diy-columns-dialog>footer{margin-top:.5rem;padding-top:.5rem;}
@media(pointer:coarse){.diy-table-dialog.diy-columns-dialog .diy-column-choice button{min-height:2.5rem;height:2.5rem;width:2.5rem;}}
@media(prefers-reduced-motion:reduce){.diy-menu-chevron{transition:none;}}
.diy-table .diy-table-tools-cell{width:32px;min-width:32px;padding:0 2px;}
.diy-table th.diy-table-tools-cell{position:sticky;inset-inline-end:0;z-index:4;background:var(--diy-table-header-background,var(--diy-button-background,Canvas));}
.diy-table :is(th,td).diy-table-spacer-cell{padding:0;min-width:0;border-inline:0;}
.diy-submenu{min-width:min(15rem,calc(100vw - 16px));box-shadow:0 8px 24px #0003;}
.diy-submenu input[type=search]{box-sizing:border-box;width:100%;font:inherit;}
.diy-menu [aria-haspopup=menu][aria-expanded=true]{background:var(--diy-selection,#edf2ff);}
.dh-ui-records details{border-bottom:1px solid var(--diy-border,#d4dbe6);}
.dh-ui-records summary{display:flex;align-items:center;gap:.6rem;list-style:none;cursor:pointer;padding:.5rem .25rem;}
.dh-ui-records summary::-webkit-details-marker{display:none;}
.dh-ui-records summary::after{content:"";width:.4rem;height:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-inline-start:auto;margin-inline-end:.4rem;flex:0 0 auto;transition:transform .12s ease;}
.dh-ui-records details[open]>summary::after{transform:rotate(45deg);}
.dh-ui-records summary:hover{background:var(--diy-selection,#edf2ff);}
.dh-ui-records .dh-ui-record-version{font-variant-numeric:tabular-nums;border:1px solid var(--diy-border,#d4dbe6);padding:.1rem .4rem;border-radius:.3rem;font-size:.75rem;margin-inline-start:auto;white-space:nowrap;}
.dh-ui-records summary:has(.dh-ui-record-version)::after{margin-inline-start:0;}
.dh-ui-records pre{font:inherit;color:var(--diy-muted,GrayText);padding:.5rem .75rem;margin:0 0 .5rem;}
.dh-ui-distribution{margin:0;display:grid;gap:1rem;}
.dh-ui-distribution-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem .75rem;font-size:.8125rem;}
.dh-ui-distribution-row>span{overflow-wrap:anywhere;}
.dh-ui-distribution-row>strong{font-variant-numeric:tabular-nums;}
.dh-ui-distribution-track{grid-column:1/-1;height:.45rem;border-radius:1rem;background:var(--diy-selection,#edf2ff);overflow:hidden;}
.dh-ui-distribution-track>span{display:block;height:100%;border-radius:inherit;background:var(--diy-accent,#315edb);}
.diy-table-tools-cell .diy-table-toolbar{padding:0;}
.diy-table-dialog.diy-sort-dialog{width:min(36rem,calc(100vw - 1rem));padding:.75rem;font-size:.8125rem;}
.diy-sort-dialog .diy-sort-choice{display:grid;grid-template-columns:1.75rem minmax(0,1fr) 7.5rem auto;gap:.4rem;align-items:center;padding:.3rem 0;border-bottom:1px solid var(--diy-border,#ddd);}
.diy-sort-dialog .diy-sort-choice>span{min-width:0;overflow-wrap:anywhere;}
.diy-sort-dialog .diy-sort-row-actions{display:flex;gap:.25rem;}
.diy-sort-dialog .diy-sort-choice button{display:inline-flex;align-items:center;justify-content:center;min-height:1.75rem;height:1.75rem;width:1.75rem;padding:0;}
.diy-table-dialog .diy-drag-handle{border:0;background:transparent;color:var(--diy-muted,GrayText);cursor:grab;}
.diy-sort-dialog .diy-sort-choice select{width:100%;min-height:1.75rem;height:1.75rem;padding:.15rem .3rem;font-size:inherit;}
.diy-sort-controls{display:grid;gap:.5rem;margin-top:.65rem;}
.diy-sort-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center;}
.diy-sort-resets{display:flex;gap:.3rem;flex-wrap:wrap;border-top:1px solid var(--diy-border,#ddd);padding-top:.5rem;}
.diy-sort-dialog .diy-sort-resets button{border:0;background:transparent;color:var(--diy-muted,GrayText);padding:.25rem .4rem;font-size:.75rem;}
.diy-sort-dialog [role=status]:empty{display:none;}
.diy-sort-dialog [role=status]{margin:.4rem 0 0;font-size:.75rem;color:var(--diy-muted,GrayText);}
@media(max-width:480px){.diy-sort-dialog .diy-sort-choice{grid-template-columns:1.75rem minmax(0,1fr) auto;}.diy-sort-dialog .diy-sort-choice>select{grid-column:2;grid-row:2;width:7.5rem;}.diy-sort-row-actions{grid-column:3;grid-row:1 / 3;}}
@media(pointer:coarse){.diy-sort-dialog .diy-sort-choice button{min-height:2.5rem;height:2.5rem;width:2.5rem;}.diy-sort-dialog .diy-sort-choice{grid-template-columns:2.5rem minmax(0,1fr) auto;}.diy-sort-dialog .diy-sort-choice>select{grid-column:2;grid-row:2;min-height:2.5rem;height:2.5rem;}.diy-sort-dialog .diy-sort-row-actions{grid-column:3;grid-row:1 / 3;}}
/* Shared compact resource trends; color follows the application's primary theme. */
.dh-ui-trend{margin:0;min-width:0;color:var(--diy-accent,#315de5)}
.dh-ui-trend figcaption{font-weight:600;color:var(--diy-text,inherit);margin-bottom:.5rem}
.dh-ui-trend svg{display:block;width:100%;height:auto;max-height:160px}
.dh-ui-trend-range{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--diy-muted,inherit)}