*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f4f6f8;color:#1d2733}.wrap,.card{max-width:1050px;margin:35px auto;padding:24px}.card{background:white;border-radius:10px;box-shadow:0 2px 10px #0002}.narrow{max-width:460px}label{display:block;font-weight:700;margin:14px 0}input{display:block;width:100%;padding:11px;margin-top:5px;border:1px solid #aaa;border-radius:6px}button,.buttonlink{display:inline-block;background:#1d5f91;color:white;border:0;padding:11px 18px;border-radius:6px;text-decoration:none;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.showcard{background:white;padding:18px;border-radius:8px;border-top:8px solid;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:7px}.showcard strong{font-size:1.2rem}.muted{color:#65717d}.error{background:#fee;padding:10px;border-radius:6px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}header{padding:14px 20px;color:white;display:flex;gap:20px;align-items:center;flex-wrap:wrap}header nav{margin-left:auto;display:flex;gap:14px}header a{color:white;font-weight:700}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:10px;border-bottom:1px solid #ddd}.tablewrap{overflow:auto}@media(max-width:650px){.twocol{grid-template-columns:1fr}.wrap,.card{margin:12px;padding:16px}header nav{margin-left:0;width:100%}}
.inline{display:inline}.linkbutton{background:none;border:0;padding:0;color:#075aa5;text-decoration:underline;cursor:pointer;font:inherit}.danger{color:#a11}.error{padding:.7rem;background:#fee;border:1px solid #d99}.swatch{display:inline-block;width:1rem;height:1rem;border:1px solid #777;margin-right:.4rem;vertical-align:-.1rem}.wide{max-width:900px}select{width:100%;padding:.65rem;margin:.25rem 0 1rem}hr{margin:2rem 0}
.dangerbutton{background:#8f1d1d;margin-left:.5rem}.buttonlink{margin:.2rem}.tablewrap form{margin:0}
.notice{background:#fff3cd;border:1px solid #e0c36b;padding:10px;border-radius:6px}.success{background:#e8f6ec;border:1px solid #8bc69a;padding:10px;border-radius:6px}.searchbar{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;margin-bottom:18px}.searchbar input{margin:0}.check{display:flex;align-items:center;gap:7px;margin:0;font-weight:600}.check input{width:auto;margin:0}.boothlist{display:grid;gap:8px}.boothrow{display:grid;grid-template-columns:140px 1fr 120px;gap:12px;background:white;padding:14px;border-radius:7px;text-decoration:none;color:inherit;border-left:6px solid #b73535}.boothrow.complete{background:#e5e7e9;border-left-color:#6c757d}.compact{margin:16px 0;max-width:none}.category{background:white;border-radius:8px;margin:12px 0;border:1px solid #ddd}.category>summary{padding:14px;font-weight:800;cursor:pointer}.item{padding:14px;border-top:1px solid #ddd}.item.missing{border-left:6px solid #c62828;background:#fff8f8}.item.done{background:#f2f3f4}.itemform{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:end;margin-top:10px}.itemform label{margin:0}.pkg{font-weight:800}.notes{margin-top:10px}.note{padding:8px 10px;background:#f5f5f5;border-radius:5px}.note.system{font-style:italic}.card h2{margin-top:0}@media(max-width:650px){.searchbar,.boothrow,.itemform{grid-template-columns:1fr}.boothrow{gap:4px}}

/* ADM-011 Booth Work field UI */
.screenref{font-weight:800;color:#65717d;margin-bottom:6px}.booth-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.booth-title-row h1{margin:.3rem 0}.booth-nav{display:flex;gap:8px;flex-wrap:wrap}.secondarybtn{background:#59636d}.booth-context{display:flex;gap:18px;flex-wrap:wrap;padding:9px 0 13px;border-bottom:1px solid #d8dde2}.booth-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.booth-status button{margin-left:auto}.item-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.item-description{min-width:0}.item-status{margin-left:auto;text-align:right;white-space:nowrap}.item.missing .missing-display{color:#b00020}.itemform{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.delivery-label{font-weight:700}.qty-input{width:72px!important;margin:0!important;padding:11px 8px!important;text-align:center;font-size:1.05rem;font-weight:700;-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-btn{min-width:48px;min-height:46px;padding:8px 14px;font-size:1.5rem;line-height:1}.delivered-btn{min-height:46px}.note-toggle{min-width:48px;min-height:46px;padding:8px 12px;background:#59636d}.note-toggle.has-notes{font-weight:800}.save-state{font-weight:700;color:#24713b;min-width:72px}.save-state.save-error{color:#a11}.item-note-panel{margin-top:10px;border-top:1px dashed #ccd2d8;padding-top:8px}.item-note-panel>summary{cursor:pointer;font-weight:700}.noteform{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin:8px 0}.noteform input{margin:0}.page-message{display:none}
@media(max-width:650px){.item-head{align-items:flex-start}.item-status{white-space:normal;max-width:48%;font-size:.92rem}.itemform{display:flex;grid-template-columns:none}.delivery-label{width:100%}.qty-btn,.delivered-btn,.note-toggle{min-height:50px}.noteform{grid-template-columns:1fr}.booth-status{align-items:flex-start;flex-direction:column}.booth-status button{margin-left:0}}

/* ADM-011 R3 */
.note-toggle{margin-left:auto}
.note-toggle.has-note{background:#8a4f00;font-weight:800}
.note-close{float:right;margin:0 0 8px 10px;padding:7px 12px}
.notes::after{content:"";display:block;clear:both}

/* ADM-011 R4 — compact delivery controls */
.adm011-controls{
  display:flex !important;
  align-items:flex-end;
  gap:8px;
  flex-wrap:nowrap;
  width:100%;
}
.adm011-controls label{
  margin:0;
  flex:0 0 auto;
}
.adm011-controls input[name="delivered_qty"]{
  width:82px !important;
  min-width:82px;
  max-width:82px;
  margin-top:5px;
  text-align:center;
}
.adm011-controls .qty-btn,
.adm011-controls button{
  flex:0 0 auto;
}
.adm011-controls .note-toggle{
  margin-left:auto !important;
}
.note-panel{
  margin-top:10px;
  border-top:1px dashed #ccc;
  padding-top:10px;
}
.note-panel[hidden]{
  display:none !important;
}
@media(max-width:650px){
  .adm011-controls{
    display:flex !important;
    grid-template-columns:none !important;
    flex-wrap:nowrap;
    overflow-x:auto;
  }
  .adm011-controls input[name="delivered_qty"]{
    width:72px !important;
    min-width:72px;
    max-width:72px;
  }
}

/* ADM-011 R5 — exact live markup corrections */
.item-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  width:100%;
  margin-top:10px;
}
.item-actions .delivered-label{
  flex:0 0 auto;
  font-weight:700;
}
.item-actions .qtyinput{
  display:inline-block !important;
  flex:0 0 72px !important;
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  margin:0 !important;
  padding:11px 8px !important;
  text-align:center;
  font-size:1.05rem;
  font-weight:700;
  -moz-appearance:textfield;
}
.item-actions .qtyinput::-webkit-outer-spin-button,
.item-actions .qtyinput::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.item-actions .qtybtn{
  flex:0 0 48px !important;
  width:48px;
  min-width:48px;
  min-height:46px;
  padding:8px !important;
  font-size:1.5rem;
  line-height:1;
}
.item-actions .deliveredbtn{
  flex:0 0 auto !important;
  min-height:46px;
  white-space:nowrap;
}
.item-actions .notebtn{
  flex:0 0 auto !important;
  margin-left:auto !important;
  min-width:54px;
  min-height:46px;
  padding:8px 12px;
  background:#59636d;
  white-space:nowrap;
}
.item-actions .notebtn.has-notes{
  background:#8a4f00;
}
.item-actions .note-count{
  margin-left:4px;
  font-weight:800;
}
.item-actions .save-state{
  flex:0 0 auto;
  min-width:0;
}
.item-note-panel>summary{
  display:none;
}
.item-note-panel .noteclose{
  float:right;
  margin:0 0 8px 10px;
  padding:7px 12px;
}
.item-note-panel::after{
  content:"";
  display:block;
  clear:both;
}
@media(max-width:650px){
  .item-actions{
    flex-wrap:nowrap !important;
    overflow-x:auto;
  }
  .item-actions .qtyinput{
    flex-basis:64px !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
  }
}

/* ADM-011 R6 */
.adm011-topline{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid #d8dde2}
.adm011-topline .screenref{margin:0;flex:0 0 auto}
.adm011-topline .booth-meta{display:flex;align-items:center;gap:30px;flex-wrap:wrap;min-width:0}
.booth-title-row{display:block}.booth-title-row h1{margin:14px 0 8px}
.booth-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.booth-nav .disabled{opacity:.55;cursor:not-allowed}.nav-message{font-weight:700;color:#65717d;margin-left:8px}
.item-note-panel>summary{display:none}.item-note-panel .noteform{display:block;margin:8px 0 12px}.item-note-panel .noteform label{margin:0}
.item-note-panel textarea{width:100%;min-height:90px;padding:10px;margin-top:5px;border:1px solid #aaa;border-radius:6px;font:inherit;resize:both}
.booth-note-form{display:flex;align-items:flex-end;gap:10px;max-width:760px}.booth-note-form label{flex:1 1 auto;margin:0}.booth-note-form input{width:100%;margin-top:5px}.booth-note-form button{flex:0 0 auto;white-space:nowrap}
@media(max-width:650px){.adm011-topline{gap:10px}.adm011-topline .booth-meta{gap:10px 18px}.booth-note-form{flex-wrap:wrap}.booth-note-form label{flex:1 1 220px}}

/* STEP 1 — shared Beta-style application shell */
.app-header{padding:13px 22px;color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;box-shadow:0 2px 8px #0003}
.app-brand{display:flex;flex-direction:column;gap:3px}.app-brand>strong{font-size:1.28rem}.app-brand>span{font-size:.92rem;opacity:.94}
.app-user{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.app-user-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.app-user small{opacity:.9}
.shell-button{display:inline-block;color:#fff!important;text-decoration:none;border:1px solid #ffffff80;border-radius:5px;padding:7px 11px;font-weight:700;background:#ffffff12}.shell-button:hover{background:#ffffff26}
.admin-shell-nav,.field-shell-nav{position:relative;z-index:20;display:flex;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid #cbd3db;box-shadow:0 1px 5px #0001;padding-left:max(18px,calc((100% - 1050px)/2))}
.shell-menu{position:relative}.shell-menu>summary{list-style:none;cursor:pointer;padding:13px 17px;font-weight:800;color:#173b5c;border-right:1px solid #d7dde3}.shell-menu>summary::-webkit-details-marker{display:none}.shell-menu>summary span{font-size:.72em;margin-left:5px}.shell-menu[open]>summary{background:#173b5c;color:#fff}
.shell-menu-panel{position:absolute;top:100%;left:0;min-width:225px;background:#fff;border:1px solid #cbd3db;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column}.shell-menu-panel a{padding:11px 14px;text-decoration:none;color:#173b5c;font-weight:700;border-bottom:1px solid #edf0f2}.shell-menu-panel a:hover{background:#eef4f8}.shell-menu-panel .shell-disabled{color:#89939c;cursor:not-allowed}
.shell-current{padding:13px 18px;font-weight:800;color:#596875;margin-left:4px}.field-shell-nav a{padding:13px 16px;text-decoration:none;color:#173b5c;font-weight:800;border-right:1px solid #d7dde3}.field-shell-nav a:hover{background:#eef4f8}
@media(max-width:700px){.app-header{flex-direction:column;gap:10px}.app-user{margin-left:0;align-items:flex-start;text-align:left}.app-user-actions{justify-content:flex-start}.admin-shell-nav,.field-shell-nav{padding-left:0;overflow:visible;flex-wrap:wrap}.shell-current{width:100%;padding:8px 14px}.shell-menu-panel{min-width:210px}.field-shell-nav a{font-size:.82rem;padding:10px}}

/* STEP 2 — ADM-001 Admin Home reconciliation */
.adm-home-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.adm-home-title h1{margin-bottom:5px}.adm-home-title .muted{margin-top:0}.screenref{display:inline-block;border:1px solid #b9c4ce;border-radius:5px;background:#f3f6f8;color:#425466;font-weight:800;padding:6px 9px;white-space:nowrap}
.adm-hall-status{border:1px solid #cfd7de;border-radius:8px;background:#f7f9fb;margin:12px 0 18px;overflow:hidden}.adm-hall-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 13px;border-bottom:1px solid #e1e6ea;color:#34495a}.adm-hall-row:last-child{border-bottom:0}.adm-hall-row strong{color:#173b5c}
.adm-home-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.adm-home-card{border:1px solid #ccd5dd;border-radius:9px;background:#fff;padding:16px;box-shadow:0 1px 4px #0000000d}.adm-home-card h2{margin:0 0 12px;color:#173b5c;font-size:1.12rem}.adm-home-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.adm-home-action{display:flex;flex-direction:column;gap:4px;min-height:76px;padding:13px 14px;border:1px solid #bfcbd5;border-radius:7px;background:#f8fafb;color:#173b5c;text-decoration:none;box-sizing:border-box}.adm-home-action strong{font-size:1rem}.adm-home-action span{font-size:.86rem;color:#5e6b76;line-height:1.3}.adm-home-action:hover{background:#eef4f8;border-color:#8da7ba}.adm-home-action.primary{background:#173b5c;color:#fff;border-color:#173b5c}.adm-home-action.primary span{color:#e6eef4}.adm-home-action.disabled{background:#f3f4f5;color:#7f8991;border-color:#d8dde1;cursor:not-allowed}.adm-home-action.disabled span{color:#8d969d}.adm-history-card{margin-top:16px}.adm-history-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.adm-history-buttons .adm-home-action{min-height:52px;justify-content:center}
@media(max-width:800px){.adm-home-groups{grid-template-columns:1fr}.adm-home-buttons{grid-template-columns:1fr}.adm-history-buttons{grid-template-columns:1fr}.adm-home-title{flex-wrap:wrap}}