.st-pages{container: stpages / inline-size}
@media not all and (max-width: 900px) and (pointer: coarse){@container stpages (max-width: 1499px){.st-page{--st-fs-body: 12.5px;--st-fs-label: 12.5px;--st-fs-control: 12.5px;--st-fs-button: 12.5px;--st-fs-th: 12.5px;--st-fs-value: 13px;--st-fit: .85;--st-btn-px: 10px;--st-input-px: 8px;--st-fbox-px: 5px;--st-date-fit: calc(10.5ch + var(--st-input-px) + var(--st-ctl-h) + 2px);font-size: var(--st-fs-body)}
}
@container stpages (max-width: 1199px){.st-page{--st-fs-body: 12px;--st-fs-label: 12px;--st-fs-control: 12px;--st-fs-button: 12px;--st-fs-th: 12px;--st-fs-value: 12.5px;--st-fit: .72;--st-btn-px: 8px;--st-input-px: 6px;--st-fbox-px: 4px;--st-lookup-btn-w: 26px}
}
@container stpages (max-width: 1499px){.st-page .st-btn{padding-left: var(--st-btn-px);padding-right: var(--st-btn-px)}
.st-page .st-toolbar .st-btn{padding: 0 calc(var(--st-btn-px) * .7)}
.st-page .st-input{padding-left: var(--st-input-px);padding-right: var(--st-input-px)}
.st-page .st-select{padding-right: calc(var(--st-input-px) + 18px);background-position: right var(--st-input-px) center}
.st-page .st-frow > .st-fbox:not(.st-fbox--panel){padding-left: var(--st-fbox-px);padding-right: var(--st-fbox-px)}
.st-page .st-daterange,.st-page .st-fbox__body:has(> .st-daterange){flex-wrap: nowrap}
.st-page .st-fbox:has(> .st-fbox__body > .st-daterange){min-width: min-content}
.st-page .st-fbox--s{flex-basis: calc(8.5rem * var(--st-fit));min-width: max(calc(8.5rem * var(--st-fit)),var(--st-fbox-title-min,0px))}
.st-page .st-fbox--s:has(.st-lookup){flex-basis: calc(11rem * var(--st-fit));min-width: max(calc(11rem * var(--st-fit)),9.5rem,var(--st-fbox-title-min,0px))}
.st-page .st-fbox--m{flex-basis: calc(11rem * var(--st-fit));min-width: max(calc(11rem * var(--st-fit)),var(--st-fbox-title-min,0px))}
.st-page .st-fbox--l{flex-basis: calc(16rem * var(--st-fit));min-width: calc(16rem * var(--st-fit))}
.st-page .st-fbox .st-daterange .st-select{width: calc(8.5rem * var(--st-fit))}
.st-page .st-fbox .st-time{width: calc(92px * var(--st-fit))}
.st-page .st-dateinput:not(.st-dateinput--time){width: max(var(--st-date-fit),calc(9.5rem * var(--st-fit)));min-width: min(100%,var(--st-date-fit))}
.st-page .st-dateinput > .st-date{min-width: 0;padding-right: calc(var(--st-ctl-h) + 2px)}
.st-page .st-fbox .st-fbox__body > .st-dateinput,.st-page .st-fbox .st-daterange__side > .st-dateinput{flex-basis: var(--st-date-fit);width: var(--st-date-fit);min-width: min(100%,var(--st-date-fit))}
.st-page .st-time{min-width: calc(5.5rem * var(--st-fit))}
.st-page .st-lookup{min-width: min(100%,calc(7rem * var(--st-fit) + var(--st-lookup-btns,2) * var(--st-lookup-btn-w)))}
.st-page .st-grid__foottrack{flex-wrap: nowrap}
.st-page .st-sum{padding: 0 calc(var(--st-btn-px) * .6);gap: 4px}
}
.st-listpage__grid:not(.st-tabs-inner__panel .st-listpage__grid){flex: 1 1 0;min-height: 160px}
.st-page .st-editpage > .st-savebar{position: sticky;bottom: 0;z-index: 6;margin: 0 calc(-1 * var(--st-gutter));padding: 4px var(--st-gutter);background: var(--st-surface);border-top: 1px solid var(--st-border)}
.st-page__body:has(> .st-coll__kinds--wide + .st-tahsilat){display: flex;flex-direction: column}
.st-coll__kinds--wide + .st-tahsilat{flex: 1 1 0;height: auto;min-height: 0}
.st-scrollx.is-fit .st-btn:is(:has(> img),:has(> svg),:has(> .st-licon)){width: var(--st-tap);min-width: var(--st-tap);padding: 0;gap: 0;justify-content: center}
.st-scrollx.is-fit .st-btn:is(:has(> img),:has(> svg),:has(> .st-licon)) > span,.st-grid__footbar:has(> .st-grid__foot.is-fit) > .st-grid__editbtn > .st-grid__editlabel{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}
.st-grid__footbar:has(> .st-grid__foot.is-fit) > .st-grid__editbtn{width: var(--st-tap);padding: 0;justify-content: center}
.st-page .st-fbox .st-time{flex: 0 0 auto;width: calc(5ch + 2 * var(--st-input-px,10px) + 4px);min-width: calc(5ch + 2 * var(--st-input-px,10px) + 4px)}
@container stpages (max-width: 1499px){.st-page .st-frow > .st-fbox:has(> .st-fbox__body > .st-daterange){flex-basis: min-content}
}
.st-frow[data-st-brk]{row-gap: 0}
.st-frow[data-st-brk]::after{content: "";flex: 0 0 100%;margin-top: 4px;order: 1}
.st-frow[data-st-brk] > [data-st-l2]{order: 2}
}