@media screen{.control-page{position:fixed;inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-width:none;max-height:none;margin:0;padding:0;border:1px solid #bac8d7;border-radius:12px;background:#f7f9fb;color:#1d3047;overflow:hidden}.control-page[open]{display:flex;flex-direction:column}.control-page::backdrop{background:#0c182bbd}.control-page>header{background:#263d52;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;flex-shrink:0}.control-page h2{font-size:23px;font-weight:800}.control-page header p{font-size:12px;color:#c9d5e1}.control-page header button{color:#fff;background:#ffffff15;border-color:#ffffff55}.control-page button{border:1px solid #b7c9ba;padding:6px 10px;border-radius:5px;font-weight:700;font-size:12px;cursor:pointer}.control-page button:hover{filter:brightness(.96)}.control-page button:disabled{opacity:.5;cursor:wait}.control-page .primary{background:#226342;color:#fff}.control-page .danger{color:#ae2236}.control-page>nav{display:flex;gap:6px;padding:8px 16px;border-bottom:1px solid #d4dee6;flex-wrap:wrap;background:#fff}.control-page>nav button.active{background:#e5f0e8;color:#1f573c;border-color:#41825e}.control-page>main{min-height:0;overflow:auto;flex:1;padding:12px 16px}.control-page .control-status{padding:7px 16px;min-height:30px;font-size:12px;flex-shrink:0;color:#28583b}.control-page .control-status.error{color:#b91c1c}.control-page input,.control-page select,.control-page textarea{border:1px solid #c6d2de;border-radius:5px;background:#fff;color:#20334a;padding:7px 9px;font-size:12px;min-width:0}.control-page input[type=checkbox]{width:17px;height:17px;padding:0;accent-color:#226342}.control-page label{display:flex;gap:5px;flex-direction:column;font-size:12px;font-weight:650}.control-page .check{flex-direction:row;align-items:center;gap:8px}.control-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.control-panel{padding:12px;background:white;border:1px solid #d8e1e9;border-radius:5px;min-width:0;margin-bottom:12px}.control-panel h3{font-size:15px;font-weight:750;margin-bottom:10px}.control-page .control-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:9px 0}.control-page .control-note{font-size:11px;color:#5d6e82;margin:8px 0;line-height:1.5}.control-page .control-scroll{overflow:auto;max-height:60dvh}.control-page table{width:100%;border-collapse:collapse;font-size:12px;background:#fff;min-width:650px}.control-page td,.control-page th{border:1px solid #d7e0e9;text-align:left;padding:5px 8px}.control-page th{background:#e8eef4;position:sticky;top:0;z-index:1}.control-page tr:nth-child(even){background:#f4f7fa}.control-page td input,.control-page td select{width:100%;min-width:70px;padding:4px 6px}.control-page .control-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d8e1e9;background:#fff;margin:8px 0 12px}.control-summary>div{padding:8px 12px;border-right:1px solid #d8e1e9;font-size:11px}.control-summary strong{display:block;font-size:19px;margin-top:2px}.control-page .count-picks{display:grid;grid-template-columns:repeat(3,1fr);max-height:38dvh;overflow:auto;border:1px solid #d6e0e9;padding:8px;gap:8px}.control-page .count-picks label{flex-direction:row;align-items:center;font-size:11px}.control-page .count-picks label[hidden]{display:none}.control-page pre{white-space:pre-wrap;max-width:520px;font-size:11px}.receipt-designer-columns{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1fr) minmax(320px,1.1fr);gap:12px}.receipt-designer-columns .control-form{grid-template-columns:1fr 1fr}.receipt-preview-host{overflow:auto;background:#eaf0f3;padding:16px;min-height:300px}.receipt-preview-paper{background:#fff;color:#000;box-shadow:0 3px 15px #24354c22;margin:auto;max-width:100%;padding:12px;font-family:monospace}.receipt-preview-paper table{min-width:0;background:#fff}.receipt-preview-paper td,.receipt-preview-paper th{border:0;position:static;background:#fff;color:#000}.receipt-preview-paper tr{background:#fff}.receipt-preview-paper .preview-line{display:flex;justify-content:space-between;gap:8px}.receipt-preview-paper .preview-rule{border-top:1px dashed #000;margin:6px 0}.receipt-preview-paper h3{text-align:center;font-size:14px}.receipt-preview-paper .preview-barcode{display:block;width:42%;max-height:30px}.control-page :focus-visible{outline:2px solid #2b8551;outline-offset:2px}
@media(min-width:701px){#inventory-modal,#khata-modal,#summary-modal,#expense-modal{padding:8px!important}#inventory-modal>div,#khata-modal>div,#summary-modal>div,#expense-modal>div{width:calc(100vw - 16px)!important;max-width:none!important;height:calc(100dvh - 16px)!important;max-height:none!important}#finance-hub,#supplier-finance,#buying-list-page{width:calc(100vw - 16px)!important;max-width:none!important;height:calc(100dvh - 16px)!important;max-height:none!important}#workspace-landing .overview-content{width:100%;max-width:none}.accounts-dashboard{max-width:none}}
@media(max-width:900px){.receipt-designer-columns{grid-template-columns:1fr 1fr}.receipt-preview-host{grid-column:1/-1}.control-form{grid-template-columns:1fr 1fr}.control-page .count-picks{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.control-page{inset:calc(env(safe-area-inset-top,0px) + 5px) 5px calc(env(safe-area-inset-bottom,0px) + 5px);width:calc(100vw - 10px);height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 10px)}.control-page>header{padding:10px 12px}.control-page h2{font-size:19px}.control-page>header button{min-height:40px;flex-shrink:0}.control-page>main{padding:8px}.control-page .control-form{grid-template-columns:1fr}.receipt-designer-columns{grid-template-columns:1fr}.control-page .count-picks{grid-template-columns:1fr}.control-page .control-summary{grid-template-columns:repeat(3,1fr)}.control-summary strong{font-size:16px}.control-page input,.control-page select{font-size:16px}.control-page .control-bar button{min-height:36px}}
}
@media print{.control-page{display:none!important}}