/* 門口簽到：門口同事專用，大掣、大搜尋框（2026-11-13 iPhone／iPad 版面） */
#door-root{max-width:1180px;container-type:inline-size;padding-bottom:84px}
/* 場次大卡：今日場次一撳即轉 */
.door-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:10px}
.door-card{display:grid;gap:4px;text-align:left;min-height:88px;padding:12px 14px;border:2px solid var(--line-strong);border-radius:14px;background:#fff;font:inherit;color:#183044;cursor:pointer;-webkit-tap-highlight-color:transparent}
.door-card.on{border-color:var(--navy);background:var(--navy);color:#fff}
.door-card-time{font-size:14px;opacity:.85}
.door-card-title{font-size:17px;line-height:1.3}
.door-card-count{font-size:15px;font-weight:600;color:#167342}
.door-card.on .door-card-count{color:#9fe0b8}
.door-more{margin:0 0 10px}
.door-more summary{min-height:44px;display:flex;align-items:center;font-size:15px;color:var(--muted);cursor:pointer}
.door-seminar{width:100%;min-height:48px;font-size:16px;border:1px solid var(--line-strong);border-radius:10px;padding:6px 10px;background:#fff}
/* sticky：進度＋搜尋＋分頁 */
.door-sticky{position:sticky;top:-24px;z-index:5;background:var(--bg,#f7f6f2);padding:10px 0 8px;margin:0 0 4px;box-shadow:0 6px 8px -8px rgba(0,0,0,.25)}
.door-progress{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.door-progress b{flex:none;font-size:18px;color:var(--navy)}
.door-bar{flex:1;height:12px;border-radius:999px;background:#e6ecef;overflow:hidden}
.door-bar i{display:block;height:100%;background:#1f9254;transition:width .3s}
#door-root .door-search{width:100%;min-height:56px;font-size:20px !important;padding:10px 14px;border:2px solid var(--navy);border-radius:12px;box-sizing:border-box;background:#fff;-webkit-appearance:none;appearance:none}
.door-tabs{display:flex;gap:8px;margin:8px 0 0}
.door-tab{flex:1;min-height:48px;border:1px solid var(--line-strong);background:#fff;border-radius:10px;font:inherit;font-size:17px;cursor:pointer;color:#183044}
.door-tab.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}
/* 名單 */
.door-list{display:grid;gap:8px;margin-top:8px}
.door-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-height:72px;box-sizing:border-box}
.door-row.on{background:#f1faf4;border-color:#bfe3cc}
.door-row.picking{border-color:var(--navy);box-shadow:0 0 0 2px rgba(15,35,64,.12)}
.door-who{flex:1;min-width:0}
.door-who b{display:block;font-size:19px;color:#183044;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.door-who small{color:var(--muted);font-size:14px}
.door-act{display:flex;align-items:center;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.door-go{min-height:56px;min-width:104px;font-size:19px;font-weight:700;border:0;border-radius:12px;background:#1f9254;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.door-go:active{filter:brightness(.9)}
.door-go:disabled{opacity:.5}
.door-step{min-height:52px;min-width:52px;font-size:24px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;cursor:pointer;touch-action:manipulation}
.door-num{min-width:32px;text-align:center;font-size:22px}
.door-hint{color:var(--muted)}
.door-done{color:#167342;font-weight:700;font-size:16px}
.door-undo{border:0;background:none;color:var(--muted);text-decoration:underline;font:inherit;font-size:15px;cursor:pointer;min-height:44px;min-width:44px;padding:0 8px}
.door-empty{color:var(--muted);padding:16px 4px;font-size:16px}
/* 現場新客：固定喺底 */
.door-add{position:fixed;z-index:110;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));width:min(560px,calc(100% - 32px));min-height:56px;font-size:18px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.door-form{margin:8px 0}
.door-field{display:grid;gap:6px;margin:10px 0;font-size:15px}
.door-field input,.door-field select{min-height:52px;font-size:17px;width:100%;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:10px;padding:8px 10px;background:#fff}
.door-btns{display:flex;gap:8px}
.door-btns .btn{flex:1;min-height:52px;font-size:17px}
.door-l2{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:6px;border-top:1px dashed #cfe5d7}
.door-l2-btn{min-height:44px;padding:0 14px;border:1px solid var(--teal);border-radius:10px;background:#fff;color:var(--teal-dark);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.door-l2-btn.on{background:var(--teal-bg)}
.door-l2-when{min-height:48px;font-size:16px;flex:1 1 200px;border:1px solid var(--line-strong);border-radius:10px;padding:4px 8px}
.door-l2 .door-hint{flex-basis:100%}
.door-rm{display:block;border:0;background:none;padding:8px 0 0;min-height:32px;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.door-who b .door-wa{font-weight:400;font-size:13px;color:var(--muted);margin-left:8px}
.door-later-box{margin-top:6px}
/* iPad（直／橫）：名單兩欄 */
@container (min-width:720px){
  .door-list{grid-template-columns:1fr 1fr;align-items:start}
  .door-later-head,.door-later-note,.door-empty{grid-column:1/-1}
}
/* iPhone：手機底部選單之上；人數揀選逼行 */
@media(max-width:900px){.door-sticky{top:-16px}}
@media(max-width:760px){
  .door-sticky{top:-12px}
  .door-add{bottom:calc(72px + env(safe-area-inset-bottom))}
  #door-root{padding-bottom:96px}
  .door-cards{grid-template-columns:1fr;gap:8px}
  .door-card{min-height:0;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:10px 12px}
  .door-card-time{grid-row:1;grid-column:1}
  .door-card-title{grid-column:2;grid-row:1;font-size:16px}
  .door-card-count{grid-column:1/-1}
  .door-progress b{font-size:16px}
  .door-row.picking .door-act{flex-basis:100%;justify-content:flex-start}
}
@media(max-width:420px){.door-go{min-width:88px}}