/* Readable daily work screens on both laptop and phone. */
.eyebrow{display:none}
.simple-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px}
.simple-task-grid .ws-quick{margin:0;padding:24px;min-height:114px;background:#fff;border:1px solid var(--line);border-radius:12px}
.simple-task-grid .ws-quick strong{font-size:20px;line-height:1.4}
.simple-task-grid .ws-quick small{font-size:14px;line-height:1.7;margin-top:6px;color:#736355}
.simple-task-grid .ws-quick:first-child{background:#fff6f1;border-color:#dcb4a5}
.simple-owner-actions{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;padding:16px 20px;margin-bottom:24px;background:#f3eade;border-radius:10px;font-size:14px}
.simple-owner-actions>span{color:#796956}.simple-owner-actions>a{color:#8f3028;font-weight:600}.simple-owner-actions .icon{width:14px;vertical-align:middle}
.simple-home-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.simple-home-columns>section{min-width:0}
.simple-home-columns .ws-task strong{font-size:15px}.simple-home-columns .ws-task small{font-size:13px;line-height:1.65}
.simple-home-columns .ws-recent .order-table th,.simple-home-columns .ws-recent .order-table td{font-size:13px}
.simple-unit-details{margin:16px 0;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:13px}
.simple-unit-details summary,.simple-price-options summary{cursor:pointer;color:var(--brand);font-size:13px;font-weight:600}
.simple-unit-details>.form-grid{margin:12px 0}.simple-unit-details #unit-rows{margin-top:12px}
.simple-unit-preset small{font-weight:400;color:var(--muted);font-size:12px}
.simple-help-note{line-height:1.7;font-size:13px;color:#766556;margin:10px 0}
.simple-help-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.simple-help-list section{padding:16px;background:#fbf5ed;border-radius:8px}.simple-help-list h3{font-size:16px;margin:0 0 8px}.simple-help-list p{font-size:14px;line-height:1.8;margin:0}
.simple-reasons{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px}.simple-reasons .chip{min-height:36px;padding:5px 12px;background:#fff7ed}
.simple-price-options{position:relative}.simple-price-options .day-buttons{padding-top:8px}
.ws-page-footer{display:none}.ws-main>.topbar{margin-bottom:18px}
.ws-module-tabs>a{font-size:14px}.field{font-size:14px}.check-label{font-size:13px}
.subtitle{font-size:15px;line-height:1.8}.ws-side-create,.ws-sidebar .ws-main-link{font-size:15px;min-height:44px}
.ws-main .filters label,.ws-main .cell-sub,.ws-main .ws-inline-help,.ws-main .ws-line-help{font-size:12px}
.modal .field{font-size:14px}.modal input,.modal select,.modal textarea{font-size:15px}
.modal .unit-row{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr) 44px}.modal .unit-row .field{font-size:12px}
#history-filters .search{grid-column:1/5}
@media(max-width:950px){#history-filters .search{grid-column:1/-1}}
@media(max-width:1100px){.simple-home-columns{grid-template-columns:minmax(0,1fr)}.simple-task-grid .ws-quick{padding:20px}.simple-task-grid .ws-quick strong{font-size:18px}}
@media(max-width:760px){
 .simple-task-grid{gap:10px}.simple-task-grid .ws-quick{padding:17px 13px;min-height:138px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.simple-task-grid .ws-quick>.icon:last-child{display:none}.simple-task-grid .ws-quick strong{font-size:17px}.simple-task-grid .ws-quick small{font-size:13px;line-height:1.6}.simple-task-grid .ws-quick-icon{width:31px;height:31px}
 .simple-owner-actions{padding:15px;gap:13px 18px;font-size:14px}.simple-owner-actions>span{width:100%;font-size:12px}.simple-home-columns{gap:16px}.simple-help-list{grid-template-columns:1fr}
 .ws-module-tabs{gap:6px}.ws-module-tabs>a{font-size:13px;padding:9px 10px}.ws-main .field,.modal .field{font-size:14px}.ws-main input,.ws-main select,.ws-main textarea,.modal input,.modal select,.modal textarea{font-size:16px;min-height:42px}
 .subtitle{font-size:14px}.ws-main .btn,.modal .btn{font-size:14px;min-height:42px}.ws-main .check-label,.modal .check-label{font-size:13px}
 .ws-main input[type=checkbox],.modal input[type=checkbox]{min-height:18px;width:18px;height:18px}
 #history-filters .search{grid-column:1/-1;height:auto}
 .modal .unit-row{grid-template-columns:1fr 1fr 30px}.modal .unit-row .field:nth-child(3){grid-column:1/3;grid-row:2}.modal .unit-row .remove{grid-column:3;grid-row:1/3}
 .ws-main .ws-task small,.ws-main .cell-sub,.ws-main .ws-line-help{font-size:12px}.ws-main .items-head{align-items:flex-start}.simple-price-options summary{font-size:12px}.purchase-footer .actions{gap:7px}
 .ws-main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
 .purchase-footer{bottom:calc(70px + env(safe-area-inset-bottom))}
 .ws-main input,.ws-main select,.ws-main textarea{scroll-margin-bottom:calc(170px + env(safe-area-inset-bottom))}
}
/* Keep record actions in one predictable place without changing desktop tables. */
.simple-settlement-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
.simple-settlement-heading{grid-column:1;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
.simple-settlement-heading h2{overflow-wrap:anywhere}.simple-settlement-heading .badge{flex:none}
.simple-settlement-overview>.ws-settlement-values{grid-column:1/-1;grid-row:2;min-width:0}
.simple-settlement-overview>.ws-discount-reason{grid-column:1/-1;grid-row:3;overflow-wrap:anywhere}
.simple-settlement-action{grid-column:2;grid-row:1;justify-self:end}
.simple-return-heading{display:contents}
.simple-return-name{grid-column:1;grid-row:1;min-width:0}
.simple-return-name>strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.simple-return-status{grid-column:4;grid-row:1;justify-self:start}
.simple-return-amount{grid-column:2;grid-row:1}.simple-return-refund{grid-column:3;grid-row:1}
.simple-return-action{grid-column:5;grid-row:1}
@media(min-width:761px) and (max-width:950px){
 .simple-return-status{grid-column:1;grid-row:2}.simple-return-action{grid-column:3;grid-row:2;justify-self:end}
}
@media(max-width:760px){
 .simple-owner-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px}
 .simple-owner-actions>span{grid-column:1/-1;width:auto;margin-bottom:2px}
 .simple-owner-actions>a{display:flex;align-items:center;gap:6px;min-width:0;min-height:44px;padding:10px 11px;background:#fffaf4;border:1px solid #e6d8c7;border-radius:7px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
 .simple-owner-actions>a .icon{flex:none}
 .simple-settlement-overview{grid-template-columns:minmax(0,1fr);column-gap:0}
 .simple-settlement-heading{grid-column:1;grid-row:1;gap:8px;justify-content:space-between}
 .simple-settlement-heading h2{flex:1;min-width:0}
 .simple-settlement-overview>.ws-settlement-values{grid-column:1;grid-row:2}
 .simple-settlement-overview>.ws-discount-reason{grid-column:1;grid-row:3;margin:0 0 12px;line-height:1.7}
 .simple-settlement-action{grid-column:1;grid-row:4;justify-self:stretch;justify-content:center;width:100%;margin-bottom:12px}
 .simple-return-card .simple-return-heading{display:flex;grid-column:1/-1;grid-row:1;align-items:flex-start;gap:10px}
 .simple-return-name{flex:1;min-width:0}.simple-return-name>strong{font-size:15px;line-height:1.6}
 .simple-return-status{flex:none;margin-top:2px}
 .simple-return-amount{grid-column:1;grid-row:2}.simple-return-refund{grid-column:2;grid-row:2}
 .simple-return-card .simple-return-action{grid-column:1/-1;grid-row:3;width:100%;justify-self:stretch;justify-content:center;margin-top:2px}
}

/* Shared management presentation: consistent subpages, forms and recipe cards. */
html:has(#modal-root .modal-overlay),body:has(#modal-root .modal-overlay){overflow:hidden}
.modal{display:flex;flex-direction:column;overflow:hidden;max-height:94dvh}
.modal-head{flex:none}
.modal-body{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding-bottom:90px;scrollbar-width:thin}
.modal .modal-actions{position:sticky;bottom:-24px;background:#fff;border-top:1px solid var(--line);padding:12px 0;margin-top:20px;z-index:2}
.modal .modal-actions .btn{min-height:44px}
.modal input,.modal select,.modal textarea{scroll-margin-bottom:100px}
.modal-head{gap:12px;align-items:flex-start}
.modal-head h2{min-width:0;overflow-wrap:anywhere;line-height:1.5}
.modal .close-modal{flex:none;width:44px;min-height:44px;display:grid;place-items:center;border-radius:8px}
.modal .field{min-width:0}
.recipe-card{display:flex;flex-direction:column}
.recipe-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.recipe-card .recipe-card-heading h2{font-size:18px;line-height:1.55;min-width:0;overflow-wrap:anywhere;margin:0}
.recipe-card-heading .badge{flex:none;margin-top:3px}
.recipe-card .cell-sub{margin:7px 0 14px;font-size:12px}
.recipe-amounts{margin:0 0 16px;border-top:1px solid var(--line)}
.recipe-amounts>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.65}
.recipe-amounts dt{min-width:0;overflow-wrap:anywhere;color:var(--muted)}
.recipe-amounts dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;flex:none}
.recipe-amounts dd small{font-weight:400;font-size:12px}
.recipe-card>.btn{margin-top:auto;width:100%;justify-content:center;min-height:44px}
.recipe-form-intro{font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 16px}
.recipe-form-section{margin:0 0 20px}
.recipe-form-section>h3{font-size:15px;line-height:1.6;margin:0 0 12px}
#v22-recipe .preview-line{background:#fcfaf6;border:1px solid var(--line);padding:12px;border-radius:9px;gap:10px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.7fr) 44px}
#v22-recipe .preview-line .remove{width:44px;min-height:44px;border:1px solid var(--line);border-radius:7px;background:#fff}
.recipe-add-button{width:100%;justify-content:center;min-height:44px}
@media(max-width:760px){
 .ws-main .pagehead{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:20px}
 .ws-main .pagehead>div:first-child{min-width:0;max-width:100%}
 .ws-main .pagehead h1{font-size:23px;line-height:1.5;overflow-wrap:anywhere}
 .ws-main .pagehead .subtitle{font-size:14px;line-height:1.7;margin-top:6px}
 .ws-main .pagehead>.btn{width:100%;align-self:stretch;justify-content:center;min-height:44px}
 .ws-main .pagehead>.page-actions{width:100%;align-items:stretch;margin:0;gap:10px}
 .ws-main .page-actions>.btn{min-height:44px;justify-content:center;white-space:normal;line-height:1.5}
 .ws-main .page-actions>input{flex:1;min-width:0;max-width:100%;min-height:44px}
 .ws-module-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 0 14px;margin-bottom:20px}
 .ws-module-tabs>a{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;padding:8px 5px;font-size:13px;line-height:1.6;border-radius:8px;background:#fff;border:1px solid var(--line)}
 .ws-module-tabs>a.active{background:#faeae1;border-color:#e4baac;color:var(--brand);font-weight:600}
 .modal{display:flex;flex-direction:column;overflow:hidden;max-height:94dvh}
 .modal-head{flex:none;padding:14px 16px 10px;border-bottom:1px solid var(--line);background:#fff;align-items:center}
 .modal-head h2{font-size:18px}
 .modal-body{min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain;scroll-padding-block:18px 90px}
 .modal .modal-actions{position:sticky;bottom:-16px;background:#fff;border-top:1px solid var(--line);padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:20px;display:grid;grid-template-columns:minmax(80px,.65fr) minmax(0,1fr);gap:10px;z-index:2}
 .modal .modal-actions>.btn:only-child{grid-column:1/-1}
 .modal .modal-actions .btn{min-height:44px;justify-content:center;width:100%;white-space:normal;line-height:1.5}
 .modal .field input,.modal .field select,.modal .field textarea{scroll-margin-block:16px 100px}
 .modal .unit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;padding:12px;background:#fcfaf6;border:1px solid var(--line);border-radius:8px;gap:10px;margin:10px 0}
 .modal .unit-row .remove{width:44px;min-height:44px;align-self:center}
 .modal.ingredient-modal .modal-head{padding:14px 16px 10px}
 .modal.ingredient-modal .modal-body{padding:16px}
 .modal.ingredient-modal .form-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .modal.ingredient-modal .form-grid>.span2{grid-column:auto}
 .modal.ingredient-modal .form-grid .field{align-self:start}
 .recipe-card{padding:16px;border-radius:12px}
 .recipe-card-grid{gap:14px}
 #v22-recipe .preview-formgrid{grid-template-columns:1fr}
 #v22-recipe .preview-line{grid-template-columns:minmax(0,1fr) minmax(70px,.7fr) 44px;gap:12px 8px}
 #v22-recipe .recipe-ingredient{grid-column:1/-1}
 .recipe-amounts>div{font-size:14px;padding:10px 0}
 #content[data-route="ingredients"] .directory-head>div:last-child,#content[data-route="suppliers"] .directory-head>div:last-child,.user-row>div{min-width:0}
 .directory-card h3{line-height:1.6;overflow-wrap:anywhere}
 .directory-card .card-bottom{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .directory-card .card-bottom>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .directory-card .card-bottom .link{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:14px}
 .directory-card .card-bottom .link:only-child{grid-column:1/-1}
 #content[data-route="settings"] .user-row>.link,#content[data-route="settings"] .panel-head>.link{min-height:44px;flex:none;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:7px;font-size:13px}
 #content[data-route="settings"] .panel-head{gap:12px;flex-wrap:wrap}
 #content[data-route="settings"] .user-row{gap:12px}
 #content[data-route="settings"] .table-wrap{overflow:visible}
 #content[data-route="settings"] table,#content[data-route="settings"] tbody{display:block;width:100%;white-space:normal}
 #content[data-route="settings"] thead{display:none}
 #content[data-route="settings"] tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:14px 16px;border-top:1px solid var(--line)}
 #content[data-route="settings"] td{display:block;min-width:0;padding:0;border:0;font-size:13px;overflow-wrap:anywhere;line-height:1.7}
 #content[data-route="settings"] td::before{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}
 #content[data-route="settings"] td:nth-child(1)::before{content:'时间'}
 #content[data-route="settings"] td:nth-child(2)::before{content:'操作人'}
 #content[data-route="settings"] td:nth-child(3)::before{content:'操作'}
 #content[data-route="settings"] td:nth-child(4)::before{content:'对象'}
}