.att-root,.att-dialog,.att-kiosk{--att-ink:#342a25;--att-muted:#81756c;--att-border:#e7dfd4;--att-brand:#703d2e;--att-green:#317457;--att-bg:#f7f5ef;color:var(--att-ink);font-family:'Pretendard Variable','Pretendard',system-ui,sans-serif;line-height:1.5}
.att-root *,.att-dialog *,.att-kiosk *{box-sizing:border-box}
.att-dialog [hidden]{display:none!important}
.att-section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:8px 0 16px}.att-section-heading h3{font-size:19px}
.att-employee-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.att-employee-card{padding:20px;background:#fff;border:1px solid var(--att-border);border-radius:18px;min-width:0;box-shadow:0 4px 18px #342a2504}
.att-staff-identity{display:flex;gap:12px;align-items:center;min-width:0}.att-staff-identity h4{font-size:19px;margin:0;letter-spacing:-.03em;overflow-wrap:anywhere}.att-staff-identity .att-meta{margin:3px 0 0}.att-staff-avatar{width:44px;height:44px;border-radius:14px;background:#f1ebe2;color:#866b4d;display:grid;place-items:center;font-weight:750;font-size:18px;flex-shrink:0}
.att-staff-pay{background:#f8f5ef;border-radius:12px;padding:14px 15px;margin:18px 0 4px;display:flex;justify-content:space-between;align-items:center;gap:12px}.att-staff-pay span{font-size:12px;color:var(--att-muted)}.att-staff-pay strong{font-size:20px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.att-account-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0}.att-account-line>div{min-width:0}.att-account-line p{font-size:13px;font-weight:650;overflow-wrap:anywhere;margin:3px 0 0}
.att-copy-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:9px 12px;border:1px solid var(--att-border);border-radius:9px;background:#fff;color:var(--att-brand);font-size:12px!important;font-weight:700;white-space:nowrap}.att-copy-button:hover{background:#f8f4ed}.att-copy-primary{color:white;background:var(--att-brand);border-color:var(--att-brand)}.att-copy-primary:hover{background:#603326}.att-copy-button:disabled{opacity:1!important;color:#a49b91;background:#f5f3ef;border-color:#ebe7e0;cursor:default!important}
.att-card-foot{border-top:1px solid #eee9e1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;flex-wrap:wrap}.att-card-foot .att-link-button{min-width:44px;min-height:44px;text-decoration:none}.att-delete-link{color:#978e85!important}
.att-payroll-cards{display:grid;gap:14px}.att-payroll-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);border:1px solid var(--att-border);border-radius:18px;background:#fff;overflow:hidden}.att-payroll-person{padding:22px 24px}.att-staff-name{border:0;background:transparent;padding:0;color:var(--att-ink);font-size:19px;font-weight:750;text-align:left;min-height:32px;overflow-wrap:anywhere}.att-staff-name:hover{color:var(--att-brand);text-decoration:underline}
.att-payroll-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.att-payroll-metrics span{display:block;font-size:11px;color:var(--att-muted);margin-bottom:5px}.att-payroll-metrics strong{font-size:13px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.att-amber-text{color:#936321}
.att-payroll-transfer{border-left:1px solid var(--att-border);padding:8px 22px 16px;background:#fcfbf8}.att-payout{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eee9e1;padding-top:16px}.att-payout strong{display:block;font-size:23px;letter-spacing:-.04em;margin-top:4px;font-variant-numeric:tabular-nums}.att-payroll-total{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#eee7db;border:1px solid #e0d5c3;border-radius:14px;margin-top:18px;gap:12px}.att-payroll-total span{font-size:13px}.att-payroll-total strong{font-size:24px;letter-spacing:-.03em}
.att-form-section{min-width:0;border:0;border-top:1px solid var(--att-border);padding:18px 0 0;margin:20px 0 0}.att-form-section legend{font-weight:750;font-size:15px;padding:0 10px 0 0}.att-form-section legend small{font-size:11px;font-weight:400;color:var(--att-muted);margin-left:6px}.att-sensitive{border:1px solid var(--att-border);border-radius:12px;padding:0 14px;margin:4px 0 18px;background:#fcfbf8}.att-sensitive summary{cursor:pointer;min-height:48px;align-content:center;font-size:13px;font-weight:650}.att-sensitive summary span{font-size:11px;color:var(--att-muted);float:right;font-weight:400}.att-sensitive[open] summary{margin-bottom:10px}.att-private-input{display:flex;gap:8px}.att-private-input input{min-width:0}
.att-toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:13px 20px;border-radius:13px;background:#342a25;color:#fff;font-size:14px;box-shadow:0 6px 30px #20100630;z-index:10000;max-width:calc(100vw - 32px);text-align:center;pointer-events:none}.att-toast.is-error{background:#963f35}.att-clipboard-field{position:fixed;left:-9999px;top:0}
@media(max-width:800px){.att-payroll-card{grid-template-columns:1fr}.att-payroll-transfer{border-left:0;border-top:1px solid var(--att-border)}.att-payroll-person{padding:18px 20px}.att-payroll-metrics{margin-top:14px}.att-payroll-transfer{padding:0 20px 18px}}
@media(max-width:580px){
  .att-root{padding:20px 14px 40px!important}.att-root .att-topline>.att-filters{display:grid!important;grid-template-columns:1fr 1fr;width:100%!important;gap:8px;margin-top:10px}.att-topline>.att-filters .att-primary{grid-column:1/-1}.att-root .att-topline .att-button{font-size:13px;min-height:46px}
  .att-root .att-stats{gap:10px;margin:18px 0}.att-stat{border-radius:13px!important;padding:14px!important}.att-stat-value{font-size:21px!important;overflow-wrap:anywhere}.att-stat small{font-size:10px!important;line-height:1.5;display:block}.att-stat-label{font-size:11px!important}.att-floor-toolbar{margin-top:16px!important}.att-floor-toolbar>.att-meta{display:none}
  .att-root .att-toolbar:not(.att-floor-toolbar)>.att-filters{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.att-root .att-filters #att-employee-filter{grid-column:1/3;width:100%}.att-root #att-month{width:100%;min-width:0;text-align:center}.att-root .att-input,.att-dialog .att-input{font-size:16px}.att-root .att-tab{min-height:44px}
  .att-employee-cards{grid-template-columns:minmax(0,1fr);gap:12px}.att-employee-card{padding:18px;border-radius:16px}.att-card-foot .att-meta{font-size:11px}.att-staff-pay strong{font-size:22px}.att-payroll-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.att-payroll-metrics strong{font-size:14px}.att-payroll-person{padding:18px}.att-payroll-transfer{padding:0 18px 18px}.att-payout strong{font-size:24px}.att-payroll-total{padding:17px}.att-payroll-total strong{font-size:22px}.att-section-heading .att-button{font-size:12px}.att-copy-button{padding:10px 12px}
  .att-dialog{width:100%!important;max-width:100%!important;max-height:94dvh!important;margin:auto 0 0!important;border-radius:22px 22px 0 0!important;padding:22px 20px max(14px,env(safe-area-inset-bottom))!important}.att-dialog h2{font-size:22px}.att-dialog .att-dialog-head{margin-bottom:22px}.att-dialog .att-dialog-actions{position:sticky;bottom:calc(-1 * max(14px,env(safe-area-inset-bottom)));background:#fff;padding:14px 0 max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--att-border);display:grid;grid-template-columns:1fr 1.6fr;gap:10px;z-index:1;margin-top:20px}.att-dialog-actions .att-button{min-height:50px;font-size:15px}.att-dialog .att-form-grid{gap:0}.att-dialog .att-field{margin-bottom:18px}.att-sensitive .att-field{margin-bottom:14px}.att-dialog .att-icon-button{height:40px;width:40px}
}
.att-root button,.att-root input,.att-root select,.att-dialog button,.att-dialog input,.att-dialog select,.att-dialog textarea,.att-kiosk button,.att-kiosk input,.att-kiosk select{font:inherit}
.att-root button,.att-dialog button,.att-kiosk button{cursor:pointer;touch-action:manipulation}
.att-root button:disabled,.att-dialog button:disabled,.att-kiosk button:disabled{opacity:.5;cursor:wait}
.att-root :focus-visible,.att-dialog :focus-visible,.att-kiosk :focus-visible{outline:3px solid #b38441;outline-offset:3px}
.att-root{padding:28px;max-width:1600px;margin:auto}
.att-root h2,.att-root h3,.att-dialog h2{margin:0;font-weight:750;letter-spacing:-.04em}
.att-topline,.att-toolbar,.att-row,.att-dialog-head,.att-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.att-eyebrow{font-size:11px;letter-spacing:.16em;color:var(--att-brand);font-weight:750;margin:0 0 6px}
.att-root h2{font-size:28px}.att-subtitle{color:var(--att-muted);font-size:13px;margin:6px 0 0}
.att-button{border:1px solid var(--att-border);background:#fff;border-radius:10px;padding:10px 15px;min-height:44px;color:var(--att-ink);font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.att-button:hover{background:#f2ede5}.att-button.att-primary{background:var(--att-brand);color:white;border-color:var(--att-brand)}
.att-button.att-danger{color:#a43f36;border-color:#ecd1ca;background:#fff9f7}
.att-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}
.att-stat{border:1px solid var(--att-border);border-radius:14px;padding:18px 20px;background:#fff}
.att-stat:last-child{background:#eee7db;border-color:#e0d5c3}.att-stat-label{font-size:12px;color:var(--att-muted);font-weight:600}
.att-stat-value{font-size:25px;font-weight:750;letter-spacing:-.04em;margin:5px 0 1px;line-height:1.4;font-variant-numeric:tabular-nums}
.att-stat small{font-size:11px;color:var(--att-muted)}
.att-toolbar{margin-bottom:13px}.att-tabs{display:flex;gap:4px;background:#eae5dc;padding:4px;border-radius:12px}
.att-floor-toolbar{margin-top:22px;margin-bottom:0}.att-floor-toolbar .att-tabs{border:1px solid var(--att-border);background:#f4efe7}.att-floor-toolbar .att-tab.active{background:var(--att-brand);color:#fff}
.att-tab{border:0;background:transparent;color:var(--att-muted);padding:9px 15px;border-radius:9px;font-weight:650;min-height:40px}.att-tab.active{background:#fff;color:var(--att-ink);box-shadow:0 1px 4px #38241412}
.att-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.att-input{border:1px solid var(--att-border);border-radius:9px;background:#fff;padding:10px 12px;min-height:44px;color:var(--att-ink);max-width:100%}
.att-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.att-panel{background:#fff;border:1px solid var(--att-border);border-radius:14px;overflow:hidden}
.att-panel-head{padding:18px 20px;border-bottom:1px solid var(--att-border)}.att-panel-head h3{font-size:17px}
.att-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.att-weekday{text-align:center;padding:12px 0;background:#fbfaf7;font-size:11px;color:var(--att-muted);border-bottom:1px solid var(--att-border)}.att-weekday:first-child{color:#af594f}
.att-day{border:0;border-right:1px solid #eee9e1;border-bottom:1px solid #eee9e1;background:#fff;min-height:108px;text-align:left;padding:9px;position:relative;display:flex;flex-direction:column;gap:5px;color:var(--att-ink);overflow:hidden}
.att-day:nth-child(7n){border-right:0}.att-day:hover{background:#faf7f1}.att-day.selected{background:#f4eee2;box-shadow:inset 0 0 0 2px #b39467}.att-day.today .att-day-number{background:var(--att-brand);color:#fff;border-radius:50%}.att-day.empty{background:#fcfbf9;cursor:default}
.att-day-number{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;font-size:12px;font-weight:650;flex-shrink:0}
.att-day-chip{font-size:10px;background:#edf3ee;color:#36684f;border-radius:4px;padding:2px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.att-day-chip.open{background:#f9edda;color:#93692e}.att-day-chip.special{background:#e7edfb;color:#31497f;font-weight:700}.att-day-chip.absent{background:#fbe7e7;color:#8f3232;font-weight:700}.att-day-more{font-size:10px;color:var(--att-muted);padding-left:4px}
.att-day-summary{padding:18px}.att-shift-item{padding:15px 0;border-bottom:1px solid #eee9e1}.att-shift-item:last-child{border:0}.att-shift-item strong{font-size:15px}.att-shift-times{font-size:20px;font-weight:700;letter-spacing:-.025em;margin:7px 0 4px;font-variant-numeric:tabular-nums}.att-meta{font-size:12px;color:var(--att-muted);margin:4px 0}.att-link-button{border:0;background:transparent;color:var(--att-brand);font-size:12px;font-weight:650;padding:7px 2px;text-decoration:underline;text-underline-offset:3px}
.att-pill{display:inline-flex;padding:3px 8px;border-radius:6px;font-size:11px;white-space:nowrap;background:#efede8;color:#736a5f}.att-pill.green{background:#eaf3ed;color:#317457}.att-pill.amber{background:#fbefda;color:#936321}
.att-empty{padding:48px 20px;text-align:center;color:var(--att-muted);font-size:14px}.att-empty strong{display:block;color:var(--att-ink);font-size:17px;margin-bottom:8px}
.att-notice{padding:12px 16px;background:#fff6e6;border:1px solid #ecdabc;border-radius:10px;color:#876031;font-size:13px;margin:0 0 18px}
.att-error{color:#ad4539;font-size:13px;white-space:pre-line;margin:12px 0}.att-error:empty{display:none}.att-status{font-size:12px;color:var(--att-muted);margin-top:12px;min-height:18px}
.att-table-scroll{overflow-x:auto}.att-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;white-space:nowrap}.att-table th{font-size:11px;letter-spacing:.02em;color:var(--att-muted);font-weight:650;background:#fbfaf7;padding:13px 18px;border-bottom:1px solid var(--att-border)}.att-table td{padding:16px 18px;border-bottom:1px solid #eee9e1}.att-table tbody tr:last-child td{border:0}.att-table .att-name{font-weight:700}.att-table .att-numeric{text-align:right;font-variant-numeric:tabular-nums}.att-table tfoot td{background:#f4eee4;font-weight:750}
.att-note{color:var(--att-muted);font-size:12px;line-height:1.8;margin:12px 0}
.att-dialog{border:1px solid var(--att-border);border-radius:20px;padding:26px;width:calc(100% - 32px);max-width:540px;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:0 20px 80px #20100630;background:#fff;margin:auto}
.att-dialog::backdrop{background:#291d155c;backdrop-filter:blur(3px)}.att-dialog h2{font-size:23px}.att-dialog-head{margin-bottom:20px}.att-icon-button{border:0;background:#f5f2ed;border-radius:50%;height:36px;width:36px;font-size:24px;color:var(--att-muted);display:flex;align-items:center;justify-content:center}.att-dialog-actions{justify-content:flex-end;margin-top:22px}.att-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;margin-bottom:15px}.att-field .att-input{width:100%;font-weight:400}.att-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.att-field small{color:var(--att-muted);font-weight:400;font-size:11px}.att-field textarea{resize:vertical;min-height:70px}.att-check{display:flex;gap:8px;align-items:center;font-size:13px;margin:8px 0}.att-check input{width:18px;height:18px;accent-color:var(--att-brand)}
.att-kiosk{margin:0;background:var(--att-bg);min-height:100vh}.att-kiosk [hidden]{display:none!important}.att-kiosk button{font-family:inherit}.att-kiosk-header{padding:13px 26px;border-bottom:1px solid var(--att-border);display:flex;align-items:center;justify-content:space-between;gap:20px}.att-brandmark{display:flex;align-items:center;gap:12px}.att-seal{width:36px;height:36px;background:var(--att-brand);border-radius:10px;color:#f8e6c7;font-family:serif;font-size:21px;display:grid;place-items:center}.att-brandmark strong{font-size:19px;letter-spacing:-.05em}.att-brandmark small{display:block;font-size:10px;color:var(--att-muted);letter-spacing:.11em;margin-top:2px}.att-kiosk-tools{display:flex;align-items:center;gap:14px}.att-connection{font-size:12px;color:var(--att-green);display:flex;align-items:center;gap:7px;word-break:keep-all}.att-connection::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.att-connection.offline{color:#ad4539}
.att-kiosk-main{max-width:1680px;margin:auto;padding:16px 26px 24px}.att-kiosk-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:13px}.att-kiosk-hero h1{font-size:22px;letter-spacing:-.04em;margin:0 0 4px;font-weight:750;line-height:1.3}.att-kiosk-hero p{font-size:13px;color:var(--att-muted);margin:0}.att-kiosk-clock{text-align:right;font-variant-numeric:tabular-nums}.att-clock-time{font-size:33px;font-weight:700;letter-spacing:-.04em;line-height:1.2}.att-clock-date{font-size:13px;color:var(--att-muted);margin-top:6px}
.att-kiosk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:11px}
/* 홀·주방을 위아래로 나눠 볼 때. 파트가 하나뿐이면 이 묶음 자체를 쓰지 않는다. */
.att-kiosk-parts{display:grid;gap:19px}.att-part-row{grid-column:1/-1;margin:4px 0 0!important}.att-part-title{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-size:13px;font-weight:750;letter-spacing:-.02em;color:var(--att-brand)}.att-part-title span{font-size:11px;font-weight:650;color:var(--att-muted)}.att-person{background:#fff;border:1px solid var(--att-border);border-radius:15px;padding:14px 15px 12px;text-align:left;color:var(--att-ink);display:flex;flex-direction:column;gap:0;transition:transform .15s,box-shadow .15s}.att-person:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3a26110c}.att-person:active{transform:scale(.98)}.att-person.working{border-color:#b9cebb;background:#fcfefb}.att-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#efe9df;color:#877259;font-size:17px;font-weight:650}.att-person.working .att-avatar{background:#e1eee3;color:#3d7458}.att-person-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.att-person-name{font-size:20px;font-weight:750;letter-spacing:-.04em;word-break:break-word;line-height:1.25}.att-person-role{font-size:11.5px;color:var(--att-muted);margin:2px 0 10px;min-height:16px}.att-person-bottom{margin-top:auto;border-top:1px solid #eee9e1;padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--att-muted)}.att-person-bottom>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-person-action{flex:none;font-weight:700;color:var(--att-brand)}.att-person.working .att-person-action{color:var(--att-green)}
.att-kiosk-footer{text-align:center;color:var(--att-muted);font-size:12px;margin-top:22px}.att-kiosk-search{width:205px;background:#fffc}.att-kiosk-dialog{text-align:center;max-width:450px;padding:34px}.att-kiosk-dialog h2{font-size:32px;margin:18px 0 8px}.att-kiosk-dialog .att-avatar{margin:auto;width:64px;height:64px;font-size:30px;border-radius:20px}.att-kiosk-dialog .att-dialog-actions{flex-wrap:nowrap;margin-top:25px}.att-kiosk-dialog .att-dialog-actions button{flex:1;min-height:62px;font-size:18px}.att-confirm-kind{font-size:18px;font-weight:650;margin:0 0 10px}.att-kiosk-success{padding:22px 0}.att-success-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#e9f2e9;color:#397456;font-size:40px;margin:0 auto 18px}.att-setup{max-width:460px;margin:55px auto;padding:32px;border:1px solid var(--att-border);border-radius:20px;background:#fff}.att-setup h1{font-size:26px;margin:0 0 12px;letter-spacing:-.04em}.att-setup p{font-size:14px;color:var(--att-muted);line-height:1.7}.att-setup form{margin-top:24px}.att-setup .att-primary{width:100%;margin-top:10px}.att-kiosk .att-notice{margin-top:16px}
@media(min-width:1500px){.att-kiosk-main{padding-top:34px}.att-kiosk-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
@media(max-width:1100px){.att-layout{grid-template-columns:minmax(0,1fr) 285px}.att-kiosk-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.att-day{padding:6px;min-height:98px}.att-root{padding:22px 16px}.att-stat{padding:15px}.att-stat-value{font-size:22px}}
@media(max-width:800px){.att-layout{grid-template-columns:1fr}.att-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.att-kiosk-main{padding:14px 18px 20px}.att-kiosk-header{padding:11px 18px}.att-clock-time{font-size:29px}.att-kiosk-hero h1{font-size:20px}.att-kiosk-grid{gap:10px}.att-person{padding:13px 14px 11px}.att-person-name{font-size:19px}.att-connection{font-size:11px}}
@media(max-width:580px){.att-topline{align-items:flex-start}.att-root h2{font-size:24px}.att-root .att-toolbar{gap:12px}.att-filters{width:100%}.att-filters select{flex:1;min-width:0}.att-tabs{width:100%}.att-tab{flex:1;padding:8px 10px}.att-day{min-height:83px;padding:4px;gap:3px}.att-day-chip{font-size:9px;padding:2px 3px}.att-day-number{width:22px;height:22px}.att-form-grid{grid-template-columns:1fr}.att-kiosk-header{padding:16px}.att-brandmark strong{font-size:17px}.att-kiosk-tools{gap:8px}.att-connection{max-width:95px}.att-kiosk-main{padding:13px 14px 18px}.att-kiosk-hero{align-items:flex-start;gap:15px}.att-kiosk-hero h1{font-size:18px}.att-kiosk-hero p{font-size:12px}.att-clock-time{font-size:24px}.att-clock-date{font-size:10px}.att-kiosk-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:9px}.att-person{padding:12px 13px 10px}.att-person-name{font-size:18px}.att-person-head{gap:8px}.att-person-bottom{font-size:10px}.att-person-role{font-size:11px}.att-kiosk-search{width:100%}.att-setup{margin:28px 16px;padding:26px}.att-kiosk-dialog{padding:25px}}
@media(prefers-reduced-motion:reduce){.att-person{transition:none}}
.att-booking-fields{border:0;padding:0;margin:18px 0 0;min-width:0}.att-booking-fields:disabled{opacity:.65}.att-booking-seat{font-weight:650!important;color:var(--att-brand)!important}.att-booking-saved{background:#eaf3ed;color:#317457;padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.6}.att-booking-saved:empty{display:none}.att-bookings-head .att-button{font-size:12px;white-space:nowrap}
.att-bookings{background:#fff;border:1px solid var(--att-border);border-radius:18px;padding:22px;align-self:start;min-width:0}
.att-bookings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.att-bookings-head h2{margin:6px 0 0;font-size:24px;letter-spacing:-.04em}.att-bookings-head .att-eyebrow{margin:0;font-size:11px;letter-spacing:0;color:var(--att-muted)}
.att-bookings-summary{display:flex;align-items:center;gap:14px;margin:22px 0 15px;min-height:42px;font-size:15px}.att-bookings-summary strong{font-size:32px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.att-bookings-summary small{font-size:14px;margin-left:5px;color:var(--att-muted);font-weight:500}.att-bookings-divider{width:1px;height:27px;background:var(--att-border)}.att-bookings-summary .att-meta{margin-left:auto;font-size:11px}
.att-bookings-status{font-size:12px;line-height:1.65;background:#fff4df;color:#84602d;border-radius:8px;padding:11px;margin:0 0 12px}.att-bookings-list{max-height:470px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.att-booking-row{display:flex;gap:14px;padding:15px 0;border-top:1px solid #eee9e1}.att-booking-time{flex:0 0 55px;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.att-booking-time small{display:block;font-size:10px;color:var(--att-green);margin-top:6px;font-weight:600}.att-booking-info{flex:1;min-width:0}.att-booking-name{display:flex;justify-content:space-between;gap:6px;align-items:baseline;flex-wrap:wrap}.att-booking-name strong{font-size:16px;overflow-wrap:anywhere}.att-booking-name span{font-size:13px;font-weight:650}.att-booking-name small{font-size:10px;font-weight:400}.att-booking-info p{font-size:12px;color:var(--att-muted);line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.att-booking-state{font-size:10px;color:var(--att-muted)}.att-booking-row.next .att-booking-time{color:var(--att-green)}.att-booking-row.cancelled{opacity:.65}.att-bookings-excluded summary{font-size:12px;color:var(--att-muted);padding:14px 0;cursor:pointer;min-height:44px}.att-bookings-empty{text-align:center;padding:28px 8px;font-size:13px;color:var(--att-muted);line-height:1.7}.att-bookings-sync{font-size:10px;line-height:1.7;color:var(--att-muted);margin:15px 0 0;border-top:1px solid var(--att-border);padding-top:12px}
@media(min-width:1050px){.att-kiosk-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:24px;align-items:start}.att-kiosk-hero{grid-column:1/-1}.att-bookings,.att-orders{grid-column:2;grid-row:2/7}.att-kiosk-main>.att-toolbar,.att-kiosk-main>#kiosk-error,.att-kiosk-grid,.att-kiosk-main>#kiosk-empty,.att-kiosk-footer{grid-column:1;min-width:0}.att-kiosk-main>.att-toolbar{grid-row:2;gap:12px}.att-kiosk-main>#kiosk-error{grid-row:3}.att-kiosk-grid{grid-row:4;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:11px}.att-kiosk-main>#kiosk-empty{grid-row:5}.att-kiosk-footer{grid-row:6}.att-kiosk-search{width:170px}}
.att-orders{background:#fff;border:1px solid var(--att-border);border-radius:18px;padding:22px;align-self:start;min-width:0}
.att-orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.att-orders-head h2{margin:6px 0 0;font-size:24px;letter-spacing:-.04em}
.att-orders-head .att-eyebrow{margin:0;font-size:11px;letter-spacing:0;color:var(--att-muted)}
.att-orders-head .att-meta{font-size:12px;white-space:nowrap;padding-top:4px}
.att-orders-status{font-size:12px;line-height:1.65;background:#fff4df;color:#84602d;border-radius:8px;padding:11px;margin:14px 0 0}
.att-orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.att-order-stat{border:1px solid var(--att-border);border-radius:12px;padding:12px 13px;background:#fcfbf9;min-width:0}
.att-order-stat span{display:block;font-size:11.5px;color:var(--att-muted);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.att-order-stat strong{display:block;font-size:27px;font-weight:750;letter-spacing:-.04em;line-height:1.25;margin-top:4px;font-variant-numeric:tabular-nums}
.att-orders-sync{font-size:10px;line-height:1.7;color:var(--att-muted);margin:15px 0 0;border-top:1px solid var(--att-border);padding-top:12px}
@media(max-width:1049px){.att-orders{margin-bottom:26px}.att-orders-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){.att-orders{padding:18px}.att-orders-head h2{font-size:22px}.att-orders-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.att-order-stat strong{font-size:24px}}
@media(max-width:1049px){.att-bookings{margin-bottom:26px}.att-bookings-list{max-height:220px}.att-bookings-summary{margin:14px 0 10px}.att-bookings-summary .att-meta{margin-left:0}.att-booking-row{padding:12px 0}.att-bookings-sync{margin-top:9px}}
@media(max-width:580px){.att-bookings{padding:18px}.att-bookings-head h2{font-size:22px}.att-bookings-summary strong{font-size:29px}.att-kiosk-header{gap:10px}.att-brandmark{flex-shrink:0}.att-brandmark small{font-size:9px;letter-spacing:.04em}.att-kiosk-tools .att-button{white-space:nowrap}.att-kiosk-tools .att-connection{max-width:80px}}
.att-day-meta:not(:empty){padding:14px 18px 0}
.att-day-meta .att-notice{margin:0 0 10px}
.att-day-special-empty{padding-bottom:4px}
.att-absence-list{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
.att-absence-list .att-row{background:#fbe7e7;color:#8f3232;border-radius:8px;padding:7px 10px;font-size:12px}
.att-payout-lines{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--att-line);font-size:12px}
.att-payout-lines .att-row{gap:10px}
.att-person.slot{border-style:dashed}
.att-daily-payroll{margin-top:22px}
.att-payroll-card.is-unnamed{border-color:#ecdabc;background:#fffdf7}
.att-staff-name-plain{font-size:16px;font-weight:800}
.att-daily-payroll .att-payroll-transfer{display:flex;flex-direction:column;gap:10px}
.att-slot-warning{margin-top:16px;padding:14px;border-radius:14px;background:#fff4e5;color:#7a4b00;text-align:left;font-size:15px;line-height:1.6}.att-slot-warning p{margin:0 0 10px}.att-slot-warning p:last-child{margin:10px 0 0}.att-slot-warning .att-button{display:block;width:100%;min-height:52px;margin-top:8px;font-size:17px;font-weight:700}
.att-check-list{display:grid;gap:8px;margin:10px 0 16px}.att-check-list h3{margin:6px 0 2px;font-size:15px}.att-check-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--att-border);border-radius:12px;background:#fff}.att-check-item span{font-size:14px;line-height:1.5}.att-check-item .att-button{flex:none}