#modal:has(.order-sheet){position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;box-sizing:border-box;padding:16px!important;overflow:hidden!important;border-radius:0!important}
#modal:has(.order-sheet) #modalContent{height:100%;overflow:hidden;padding:0!important}
.order-sheet{height:100%;display:flex;flex-direction:column;gap:14px;max-width:1400px;margin:auto;min-height:0;color:#785c65}
.order-sheet header{display:flex;justify-content:space-between;align-items:center;padding-right:48px}.order-sheet h2{font-size:24px;margin:3px 0}.order-sheet header small{font-size:10px;letter-spacing:.12em}.order-sheet header>span{font-size:12px}
.order-filters{display:flex;gap:12px;align-items:end}.order-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px}.order-filters select{max-width:100%;font-size:13px;padding:8px}.order-filters button{font-size:13px;min-height:38px}
.order-items{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:12px;padding:3px 8px 8px 0;scrollbar-gutter:stable}
.order-items article{border:1px solid #d4af88;border-radius:14px;padding:14px;background:#fff9ec;box-shadow:0 3px #b99b7e33}.order-item-name{display:flex;align-items:center;gap:10px}.order-item-name>span{font-size:28px}.order-item-name strong{font-size:15px}.order-item-name small,#sheetSummary>small{display:block;font-size:11px;margin-top:4px}.order-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}.order-item-bottom b{font-size:12px}.order-item-bottom>div{display:flex;align-items:center}.order-item-bottom button{width:38px;height:38px;padding:0;min-height:38px}.order-item-bottom output{display:inline-block;text-align:center;width:35px;font-size:16px;font-weight:bold}
.order-sheet footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:2px solid #d6b58e;padding-top:12px}.order-sheet footer button{min-width:180px;min-height:44px}.order-sheet footer strong{font-size:17px}.order-sheet footer strong small{font-size:12px}
@media(max-height:500px){#modal:has(.order-sheet){padding:10px 16px!important}.order-sheet{gap:7px}.order-sheet h2{font-size:18px}.order-sheet header small{font-size:8px}.order-filters label{flex-direction:row;align-items:center}.order-filters select{padding:4px;font-size:11px}.order-filters button{min-height:32px;font-size:11px}.order-items{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.order-items article{padding:8px}.order-item-bottom{margin-top:5px}.order-sheet footer{padding-top:6px}.order-sheet footer strong{font-size:14px}}
@media(max-width:500px){.order-filters{flex-wrap:wrap;gap:6px}.order-filters label{max-width:100%}.order-items{grid-template-columns:1fr}.order-sheet footer button{min-width:100px}.order-sheet header>span{display:none}}
#modal .order-sheet>header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;text-align:left!important;padding:4px 44px 6px 0!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important}
#modal .order-sheet>header h2{margin:2px 0!important}#modal .order-sheet>header>span{margin:0!important}
#modal:has(.work-sheet){position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:16px!important;box-sizing:border-box;overflow:hidden!important;border-radius:0!important}
#modal:has(.work-sheet) #modalContent{height:100%;padding:0!important;overflow:hidden}
.work-sheet{height:100%;display:flex;flex-direction:column;max-width:1300px;margin:auto;min-height:0}
#modal .work-sheet>header{padding:0 45px 8px 0!important;background:none!important;border:0!important;text-align:left!important;box-shadow:none!important}.work-sheet>header small{font-size:10px}.work-sheet>header h2{font-size:24px;margin:3px 0!important}
.work-sheet-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 8px 12px 0}
.work-sheet #panel{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;position:static!important;transform:none!important;overflow:visible!important;padding:8px!important;box-sizing:border-box}
.work-sheet #panel>.card{display:inline-block;vertical-align:top;width:calc(50% - 14px);margin:7px;box-sizing:border-box}.work-sheet #panel>.card button{min-height:40px}.work-sheet #panel>h2:first-child{display:none}.work-sheet #panel>.sub{font-size:12px}.work-sheet .emera-intro{max-height:110px}.work-sheet .emera-intro canvas{max-height:100px;width:auto!important}
@media(max-height:500px){.work-sheet>header h2{font-size:18px}.work-sheet #panel{font-size:12px}.work-sheet #panel>.card{padding:12px}.work-sheet #panel h2{font-size:17px}.hud-left{gap:7px!important}.hud-left button{min-height:44px!important;height:48px!important}.hud-left button i{font-size:20px!important}.hud-left button small{font-size:11px!important}}
@media(max-width:540px){.work-sheet #panel>.card{width:100%;margin:6px 0}}