:root{font-family:system-ui,-apple-system,'Noto Sans TC',sans-serif;color:#203047;background:#f4f6fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#172c4b;color:white;padding:22px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}header h1{font-size:23px;margin:2px 0}header small{color:#c1cce0;letter-spacing:.1em}main{max-width:1160px;margin:auto;padding:24px 20px}h2{font-size:23px;margin:4px 0 18px}h3{margin:0 0 14px;font-size:19px}p{line-height:1.65}.muted,small{color:#627087}header button{background:#edf2fb;color:#203047}button,a.button{border:0;border-radius:9px;background:#285fa8;color:white;padding:12px 17px;font-size:15px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block}button:hover{filter:brightness(.92)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e8edf5;color:#263e62}.danger{background:#b63f32}.warning{background:#fff3ce;border:1px solid #dfbc61;padding:16px;border-radius:10px}.error{background:#fff0ec;color:#9c3425}.success{background:#e5efff;color:#214d86}.notice{padding:14px;border-radius:10px;margin-bottom:16px;white-space:pre-wrap}#notice:empty,#message:empty{display:none}nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}nav button{background:white;color:#3d506d;border:1px solid #d8e0ec}nav button.active{background:#172c4b;color:white}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:white;padding:22px;border:1px solid #dbe2ec;border-radius:14px;box-shadow:0 3px 9px #162d4805;margin-bottom:16px}.card .card{box-shadow:none;margin-bottom:10px}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.badge{font-size:13px;padding:4px 9px;border-radius:20px;background:#edf1f8;white-space:nowrap}.money{font-size:21px;color:#254f91;font-weight:700}label{display:block;margin:12px 0 6px;font-size:14px;font-weight:600}input,select,textarea{width:100%;padding:11px;border:1px solid #becbdd;border-radius:7px;background:white;font:inherit;color:inherit}input[type=checkbox]{width:auto;margin-right:8px}input.qty{width:78px;text-align:center}.item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #edf0f5}.item:last-child{border-bottom:0}.item p{margin:4px 0}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.wide{width:100%}.hidden,[hidden]{display:none!important}.login{max-width:430px;margin:50px auto}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#66758b;margin-bottom:12px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #e1e6ef}.table-wrap{overflow:auto}pre{white-space:pre-wrap;font-size:13px}.qr{width:220px;max-width:100%;display:block;margin:15px auto}.sticky{position:sticky;top:16px;align-self:start}.total{border-top:2px solid #d7e1f0;padding-top:18px;margin-top:16px}.order-number{font-size:28px;font-weight:750}footer{padding:30px;text-align:center;color:#6e7b90;font-size:13px}.checkbox{display:flex;align-items:center}.checkbox input{width:auto}.status-dot{height:8px;width:8px;background:#487bc0;display:inline-block;border-radius:50%;margin-right:6px}a{color:#275fa8}@media(max-width:760px){.split{grid-template-columns:1fr}.sticky{position:static}main{padding:18px 12px}.card{padding:17px}header{padding:18px}.grid{grid-template-columns:1fr}nav{gap:6px}nav button{padding:10px 12px;font-size:14px}}@media print{header,nav,footer,button,.no-print,#notice{display:none!important}body{background:white}.card{break-inside:avoid;box-shadow:none}.qr{width:250px}}

input[type=checkbox]{accent-color:#285fa8}:focus-visible{outline:3px solid #db9828;outline-offset:3px}

.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{flex:none}.brand h1{font-size:clamp(18px,2vw,23px)}.brand small{font-size:11px;letter-spacing:.08em}

/* Restaurant staff workspace: task-first, touch-friendly, no green. */
.staff button,.staff .button,.staff summary{min-height:46px}.staff button{font-size:16px}.staff h2{font-size:27px}.staff h3{margin-top:12px}.staff input,.staff select{min-height:46px}.staff #identity{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.staff nav{display:block}.nav-daily,.nav-owner{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.nav-daily>button{font-size:18px;padding:15px 24px}.nav-owner>button{font-size:15px}.nav-settings{position:relative}.nav-settings>summary{cursor:pointer;background:#e8edf5;border-radius:9px;padding:12px 18px;color:#263e62;font-weight:650}.nav-settings>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.page-intro p{margin-top:-6px;max-width:820px}.toolbar{margin-bottom:18px}.search-form{display:flex;gap:8px;align-items:center}.search-form label{margin:0;white-space:nowrap}.search-form input{width:140px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.filter-bar .active{background:#172c4b}.badge-wait{background:#fff0c6;color:#765009}.order-card h3,.kitchen-card h3{margin-bottom:6px}.order-lines{display:grid;gap:12px;margin:22px 0}.order-note{padding:12px;background:#fff3ce;border-radius:9px;color:#644810}.empty-state{padding:32px 24px;line-height:1.8}.advanced,.support{margin-top:16px}.advanced>summary,.support>summary{cursor:pointer;line-height:1.5;padding:12px 0;color:#3d506d;font-weight:650}.details-body{padding:12px 0}.advanced .card{box-shadow:none}.steps{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.steps span{padding:9px 16px;border-radius:8px;background:#e8edf5;color:#263e62;font-weight:650}.quantity-picker{display:flex;align-items:center;gap:7px;flex-shrink:0}.quantity-picker button{font-size:23px;width:48px;padding:7px}.quantity-picker input.qty{width:68px;-moz-appearance:textfield}.quantity-picker input::-webkit-inner-spin-button{appearance:none}.section-title{margin-top:28px!important}.order-summary{display:flex;justify-content:space-between;align-items:center;background:#edf2fb;padding:20px;margin-top:22px;border-radius:12px}.payment-total{background:#edf2fb;border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;margin:20px 0}.payment-total strong{font-size:36px;color:#254f91}.change-preview{font-size:24px;font-weight:750;padding:22px;background:#fff3ce;color:#644810;border-radius:12px;margin:20px 0}.staff .checkbox{gap:10px;font-size:16px;line-height:1.5;padding:10px 0}.staff input[type=checkbox]{width:23px;height:23px;min-height:23px;flex:none}.field-grid{display:grid;grid-template-columns:1fr;gap:2px}.setup-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.setup-steps{padding-left:24px;line-height:1.8}.setup-steps li{margin:10px 0}.backup-result{font-size:22px;font-weight:650}.report-totals{display:flex;gap:40px;flex-wrap:wrap}.report-totals>div{display:flex;flex-direction:column;gap:8px}.report-totals strong{font-size:30px;color:#254f91}.staff [data-form=payment]{max-width:760px;margin:0 auto}.staff [data-form=payment]>button[type=submit],.staff [data-form=order]>button[type=submit]{width:100%;font-size:19px;min-height:54px}.staff .item .actions{margin:0}.staff .table-wrap{overflow:auto}.staff .support small{overflow-wrap:anywhere}.staff .notice{scroll-margin-top:16px}
@media(max-width:760px){.setup-grid{grid-template-columns:1fr}.staff header{align-items:flex-start;flex-wrap:wrap}.staff #identity{font-size:14px;margin-left:auto}.staff h2{font-size:24px}.nav-daily{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.nav-daily>button{font-size:16px;padding:12px 7px}.nav-owner{gap:6px}.nav-owner>button{font-size:14px;padding:10px}.nav-settings>summary{font-size:14px;padding:10px}.search-form{width:100%}.search-form input{flex:1;min-width:0}.quantity-picker{gap:4px}.quantity-picker button{width:44px;padding:6px}.quantity-picker input.qty{width:54px}.staff .menu-row{gap:8px}.payment-total{padding:18px}.payment-total strong{font-size:30px}.report-totals{gap:22px}.staff .item{flex-wrap:wrap}.staff .menu-row{flex-wrap:nowrap}.staff .menu-row>div:first-child{min-width:0;overflow-wrap:anywhere}}
@media print{.staff[data-view=tables] #content>:not(.table-cards){display:none!important}.staff[data-view=tables] .table-cards>article:not(:has(.qr)){display:none}.staff[data-view=tables] .advanced,.staff[data-view=tables] form{display:none}.staff .no-print{display:none!important}}

.staff .notice strong{overflow-wrap:anywhere}

.dish-info{display:flex;align-items:center;gap:14px;min-width:0}.dish-photo{width:96px;height:96px;object-fit:cover;border-radius:10px;flex-shrink:0}.dish-info>div{min-width:0;overflow-wrap:anywhere}.photo-settings{border:1px solid #d9e1ed;border-radius:10px;margin:18px 0;padding:14px}.photo-settings legend{font-weight:700}.photo-preview{max-width:100%;width:240px;border-radius:10px}.setup-help{background:#edf2fa;border-radius:10px;padding:16px;margin:14px 0}.setup-help li{margin:12px 0;line-height:1.7}.setup-help code{overflow-wrap:anywhere}.field-help{font-size:14px;color:#52647c;margin:6px 0 16px}.backup-test-result{padding:12px 0;line-height:1.7}@media(max-width:480px){.dish-photo{width:72px;height:72px}.dish-info{gap:8px}.item .qty{width:62px}}

.photo-settings{min-width:0}

/* Keep ordered-list markers and long setup URLs inside mobile help cards. */
.setup-help{padding:16px 16px 16px 44px;overflow-wrap:anywhere;word-break:normal;max-width:100%}
.setup-help li{padding-left:2px;min-width:0}
.setup-help code,.field-help code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.staff .card,.staff .details-body,.staff [data-provider],.setup-grid>*{min-width:0;max-width:100%}
.staff .field-help,.staff .advanced,.staff .warning{overflow-wrap:anywhere}
.staff input,.staff select,.staff textarea{min-width:0;max-width:100%}
@media(max-width:480px){.setup-help{padding:14px 14px 14px 38px}.staff .card .card{padding:14px}.staff .actions>button,.staff .actions>.button{max-width:100%;white-space:normal;overflow-wrap:anywhere}}