.commission-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.commission-heading small{color:var(--amber);font:700 12px Consolas,monospace;letter-spacing:1.3px}
.commission-heading h2{margin:5px 0;font-size:27px}
.commission-heading p{margin:0;color:var(--muted);font-size:15px}
.commission-heading-actions{display:grid;justify-items:end;gap:8px}
.commission-month-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.commission-layout-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.commission-layout-tools span{color:var(--muted);font-size:11px}
.commission-month-picker{display:grid;gap:3px;color:var(--muted);font-size:12px}
.commission-month-picker input{width:180px;min-height:40px;color-scheme:dark}
.commission-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:1px;column-gap:18px;row-gap:18px;align-items:start}
.commission-person{position:relative;grid-column:span var(--commission-panel-span,6);min-width:0;overflow:hidden}
.commission-layout-editing .commission-person{outline:1px dashed #f0a73d88}
.commission-layout-editing .commission-person-head{cursor:grab;user-select:none}
.commission-layout-editing .commission-person-head:active{cursor:grabbing}
.commission-person.commission-dragging{opacity:.45}
.commission-resize-handle{display:none;position:absolute;right:3px;bottom:3px;width:16px;height:16px;touch-action:none;cursor:nwse-resize;border-right:3px solid var(--amber);border-bottom:3px solid var(--amber);border-radius:0 0 4px 0}
.commission-layout-editing .commission-resize-handle{display:block}
.commission-person.commission-user-sized{display:flex;flex-direction:column}
.commission-person.commission-user-sized .commission-person-head{flex:0 0 auto}
.commission-person.commission-user-sized .commission-person-body{flex:1 1 auto;overflow:auto}
.commission-person-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line)}
.commission-person.collapsed .commission-person-head{border-bottom:0}
.commission-person-head h2{margin:3px 0 0;font-size:21px}
.commission-person-head small{color:var(--amber);font:700 12px Consolas,monospace}
.commission-head-actions{display:flex;align-items:center;gap:8px}
.commission-person-month-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--line);flex:0 0 auto}
.commission-person-month-controls button{min-height:44px;padding:8px 10px;font-size:14px;white-space:nowrap}
.commission-person-month-controls span{text-align:center;color:var(--amber);font-size:14px;overflow-wrap:anywhere}
.commission-person.collapsed .commission-person-month-controls{display:none}
.commission-collapse{min-width:88px}
.commission-mobile-order-controls{display:none;gap:6px}
.commission-mobile-order-controls button{min-width:38px;padding:7px 10px}
.commission-rate-editor{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px}
.commission-rate-editor input{width:82px;min-height:38px;padding:7px}
.commission-person-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.commission-person-summary>div{padding:13px 15px;background:#101720}
.commission-person-summary span,.commission-person-summary strong{display:block}
.commission-person-summary span{color:var(--muted);font-size:12px}
.commission-person-summary strong{margin-top:5px;font-size:18px}
.commission-person-summary>div:nth-child(2) strong{color:var(--green)}
.commission-weekdays,.commission-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.commission-weekdays{padding:10px 12px 6px;background:#0c1218}
.commission-weekdays span{text-align:center;color:var(--muted);font:700 12px Consolas,monospace}
.commission-calendar{gap:5px;padding:6px 12px 14px;background:#0c1218}
.commission-day{position:relative;min-height:72px;padding:8px;text-align:left;border:1px solid #2b3948;border-radius:7px;background:#111a23;color:var(--text);white-space:normal}
.commission-day:hover,.commission-day:focus-visible{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}
.commission-day:disabled{cursor:default;opacity:.82}
.commission-day:disabled:hover{border-color:#2b3948;box-shadow:none}
.commission-day.empty{visibility:hidden}
.commission-day.today{border-color:var(--cyan)}
.commission-day.checkpoint::after{content:'CHECK';position:absolute;top:6px;right:5px;padding:2px 4px;border-radius:3px;background:#533b14;color:#ffd27d;font:700 9px Consolas,monospace}
.commission-day time{display:block;font:700 13px Consolas,monospace}
.commission-day b{display:block;margin-top:9px;color:#fff;font-size:14px}
.commission-day small{display:block;margin-top:2px;color:var(--green);font-size:12px}
.commission-day.no-sales b{color:#68798c;font-weight:500}
.commission-checkpoints{padding:14px 16px;border-top:1px solid var(--line);background:#0e151e}
.commission-checkpoints>small{color:var(--amber);font:700 12px Consolas,monospace;letter-spacing:1px}
.commission-checkpoint-list{display:flex;gap:8px;margin-top:9px;overflow-x:auto}
.commission-checkpoint{min-width:150px;padding:10px;border:1px solid #3c4857;border-radius:7px;background:#111a23}
.commission-checkpoint b,.commission-checkpoint span,.commission-checkpoint small{display:block}
.commission-checkpoint b{font-size:13px}
.commission-checkpoint span{margin-top:5px;font-size:14px}
.commission-checkpoint small{margin-top:2px;color:var(--green);font-size:12px}
.commission-settings{padding:12px 16px;border-top:1px solid var(--line);background:#0b1219}
.commission-settings summary{width:max-content;color:var(--muted);font-size:13px;cursor:pointer}
.commission-settings[open] summary{margin-bottom:12px;color:var(--amber)}
.commission-dialog{width:min(720px,calc(100vw - 28px));height:min(760px,calc(100dvh - 36px));max-height:calc(100dvh - 36px);padding:0;background:#101720;color:var(--text);border:1px solid #435266;border-radius:14px;overflow:hidden}
.commission-dialog[open]{display:flex;flex-direction:column}
.commission-dialog>.modal-head{position:relative;z-index:2;flex:0 0 auto;background:#101720}
.commission-dialog>.modal-head .icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:1px solid #46596d;border-radius:9px;background:#17222d;color:#fff;font-size:28px;line-height:1}
.commission-dialog-body{min-height:0;flex:1 1 auto;padding:18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable}
body.commission-dialog-open{overflow:hidden}
.commission-day-summary{display:flex;gap:22px;padding:13px 15px;border:1px solid #35506b;border-radius:9px;background:#0c1822}
.commission-day-summary span{color:var(--muted);font-size:13px}
.commission-day-summary b{display:block;margin-top:4px;font-size:18px}
.commission-entry-list{display:grid;gap:8px;margin:14px 0}
.commission-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#0d141c}
.commission-entry b,.commission-entry span,.commission-entry small{display:block}
.commission-entry b{font-size:15px}
.commission-entry span{margin-top:3px;color:var(--muted);font-size:13px}
.commission-entry small{margin-top:3px;color:var(--green);font-size:12px}
.commission-entry-actions{display:flex;gap:6px}
.commission-entry-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.commission-entry-form label{display:grid;gap:7px;color:var(--muted);font-size:14px}
.commission-entry-form .wide{grid-column:1/-1}
.commission-form-actions{display:flex;justify-content:flex-end;gap:8px}
.commission-loading,.commission-error{grid-column:1/-1;padding:28px;text-align:center;border:1px dashed var(--line);border-radius:10px}
.commission-error{color:var(--red)}
@media(max-width:1180px){.commission-person{grid-column:1/-1!important}}
@media(max-width:900px),(pointer:coarse){
  .commission-layout-editing .commission-mobile-order-controls{display:flex}
  .commission-layout-editing .commission-person-head{cursor:default}
  .commission-layout-editing .commission-resize-handle{display:none}
}
@media(max-width:760px){
  .commission-heading{align-items:flex-start;flex-direction:column}
  .commission-heading-actions{width:100%;justify-items:stretch}
  .commission-month-controls{width:100%}
  .commission-layout-tools{justify-content:flex-start}
  .commission-layout-tools span{width:100%}
  .commission-month-picker{flex:1}
  .commission-month-picker input{width:100%}
  .commission-person-summary{grid-template-columns:1fr 1fr}
  .commission-calendar{gap:3px;padding-inline:7px}
  .commission-weekdays{padding-inline:7px}
  .commission-day{min-height:64px;padding:6px}
  .commission-day.checkpoint::after{content:'•';top:4px}
  .commission-day b{font-size:12px}
  .commission-day small{font-size:11px}
  .commission-entry-form{grid-template-columns:1fr}
  .commission-entry-form .wide{grid-column:1}
  .commission-entry{grid-template-columns:1fr}
  .commission-entry-actions{justify-content:flex-end}
  .commission-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0}
  .commission-dialog>.modal-head{padding:max(12px,env(safe-area-inset-top)) 14px 12px;box-shadow:0 1px 0 var(--line)}
  .commission-dialog>.modal-head h2{font-size:19px;line-height:1.25}
  .commission-dialog>.modal-head .icon{width:48px;height:48px}
  .commission-dialog-body{padding:14px 14px max(28px,env(safe-area-inset-bottom));scroll-padding-block:12px 28px}
  .commission-day-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .commission-entry-form input{min-height:48px;font-size:16px}
  .commission-form-actions{position:sticky;bottom:0;z-index:1;margin:4px -14px -14px;padding:12px 14px max(12px,env(safe-area-inset-bottom));background:#101720eF;box-shadow:0 -1px 0 var(--line)}
  .commission-form-actions button{min-height:46px}
}