/* Layout follows the available screen width, including installed apps. */
body{min-width:0}main,#content,header>div,.toolbar>*,.fields>*,.cell-value{min-width:0}main{width:calc(100% - 232px)}header,#headerActions,.panel-title,.row-actions,footer{flex-wrap:wrap}#headerActions{justify-content:flex-end;max-width:100%}button,.button{white-space:normal;overflow-wrap:anywhere;line-height:1.4}h1,h2,h3,p,label,.cell-value{overflow-wrap:anywhere}.panel{border-radius:16px}.metric{border-radius:14px}.table-wrap{max-width:100%;overscroll-behavior-x:contain}table{white-space:normal;table-layout:auto}th,td{vertical-align:top}th{white-space:nowrap}td .cell-value{overflow-wrap:anywhere}td small{line-height:1.5}.row-actions{gap:8px}.row-actions button{min-height:40px}.mobile-card-table td:last-child{min-width:150px}.toolbar .search{flex:1 1 260px}.toolbar label:not(.search){flex:0 1 auto}.toolbar select{max-width:100%;flex:0 1 240px}.chart{gap:clamp(4px,1.2vw,18px)}.bar-column{min-width:0}.bar-column small{overflow-wrap:anywhere}.bars{gap:clamp(2px,.5vw,6px)}.bar{width:clamp(10px,1.8vw,22px)}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric strong{font-size:clamp(20px,2vw,28px);line-height:1.3}.settings{width:100%;max-width:960px}.settings form{max-width:100%}.settings [data-category-form]{padding:18px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;gap:10px;margin:12px 0}.settings [data-category-form] .action-group{margin:0}.settings h3{margin:24px 0 12px;font-size:16px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fields label>div{display:flex;flex-wrap:wrap;gap:8px}.fields label>div input,.fields label>div small{flex-basis:100%}.fields label>button{align-self:flex-start}.dialog-head{gap:12px}.dialog-head h2{min-width:0}.dialog-head button{flex-shrink:0}.dialog-actions{flex-wrap:wrap}.auth-card{min-width:0}#toast{z-index:1100;overflow-wrap:anywhere}#systemNotice{overflow-wrap:anywhere}
@media(min-width:1025px) and (max-width:1150px){main{width:calc(100% - 200px)}}
@media(max-width:1024px){main{width:100%;margin-left:0;padding:22px clamp(12px,3vw,28px) calc(100px + env(safe-area-inset-bottom))}header{align-items:flex-start}#headerActions{justify-content:flex-start;flex:1 1 100%}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics .metric:last-child{grid-column:auto}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar .search{flex:auto}.toolbar select{max-width:none}.mobile-card-table td{display:grid;grid-template-columns:minmax(70px,28%) minmax(0,1fr);gap:12px;min-width:0!important}.mobile-card-table td:before{flex:auto}.mobile-card-table .cell-value{text-align:right}.mobile-card-table .row-actions{justify-content:flex-end}.mobile-card-table tr{padding:12px 14px;border-radius:12px;background:#fff;margin:12px 0}.mobile-card-table td:last-child{min-width:0}.mobile-card-table td.empty{display:block}.bottom-nav a,.bottom-nav button{min-width:0;flex:1}.bottom-nav span{white-space:normal;text-align:center}.phone-top>a{min-width:0}dialog{width:min(760px,calc(100% - 24px));max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;border-radius:18px}#editor{padding:22px}.dialog-actions{position:static;padding-bottom:env(safe-area-inset-bottom)}.dialog-head{position:static}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}footer{gap:8px}.connection-row button{flex:0 1 auto}}
@media(max-width:600px){.metrics{grid-template-columns:1fr}.metric strong{font-size:26px;margin:10px 0}.fields{grid-template-columns:minmax(0,1fr)}.panel{padding:16px 12px}header h1{font-size:26px}.chart{height:250px}.bar-column small{font-size:9px;line-height:1.5}.settings .action-group>button{flex:1 1 130px}.auth-card{padding:24px 18px}#authScreen{padding:20px 12px}.dialog-actions button{flex:1 1 120px}#headerActions button{flex:1 1 130px}.toolbar label:not(.search) input{min-width:0;max-width:100%}.mobile-card-table td{grid-template-columns:minmax(65px,25%) minmax(0,1fr)}.row-actions button{padding:8px 10px}}
@media(max-height:500px) and (max-width:1024px){dialog{max-height:calc(100dvh - 12px)}.phone-top{position:static}main{padding-bottom:90px}}
@media print{main{width:100%;margin:0;padding:0}.bottom-nav,.phone-top,.connection-row{display:none!important}.mobile-card-table thead{display:table-header-group}.mobile-card-table tbody{display:table-row-group}.mobile-card-table tr{display:table-row}.mobile-card-table td{display:table-cell;text-align:left}.mobile-card-table td:before{display:none}.mobile-card-table .cell-value{text-align:left}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(min-width:1025px){.mobile-card-table td[data-label="Tanggal"]{min-width:110px;white-space:nowrap}.mobile-card-table td[data-label="Jenis"]{min-width:105px;white-space:nowrap}.mobile-card-table td[data-label="Nominal"]{white-space:nowrap;min-width:150px}}