/* Comfortable Thai reading sizes; visual changes only. */
body{font-size:16px;line-height:1.65;color:#203d25}
small,.muted,.notice,.login-note{font-size:14px;line-height:1.8;color:#53644e}
label{font-size:15px;line-height:1.7}input,select,textarea{font-size:16px;line-height:1.6}
button{line-height:1.6}.nav button{font-size:15px}.reference-header .brand small{font-size:12px}
.demo-banner{font-size:13px;line-height:1.7;padding:9px 12px;color:#53644b}
.metric span:not(.ui-icon):not(.icon-crop){font-size:15px;line-height:1.6}
.metric strong{font-size:28px;line-height:1.5}.metric small{font-size:13px;line-height:1.7}
.metric{align-items:flex-start;padding:19px 16px;min-height:108px}.metric>.ui-icon{margin-top:5px}
.actual-tag,.date-chip,.category-label{font-size:13px!important;line-height:1.6}
.quick-card b{font-size:15px;white-space:normal;line-height:1.6}.quick-card{min-height:96px}
.money-summary dt{font-size:15px;line-height:1.7}.money-summary dd{font-size:16px}
.packaging-note b{font-size:16px!important}.packaging-note p,.packaging-note small{font-size:14px;line-height:1.8}
.item-name b{font-size:16px;line-height:1.7}.item-name small{font-size:13px;line-height:1.7}
.item-amount>span,.item-amount small{font-size:13px;line-height:1.7}.item-amount strong{font-size:17px}
.filter-chip,.segment-row .filter-chip{font-size:14px;line-height:1.6;padding:10px 14px}
.order-main b{font-size:16px;line-height:1.7}.order-main small,.order-details summary{font-size:13px;line-height:1.7}
.channel-pill,.status-pill{font-size:12px;line-height:1.6}.order-right strong{font-size:17px}
.recipe-tile h2{font-size:18px;line-height:1.7}.recipe-tile p,.recipe-tile small{font-size:13px;line-height:1.7}
.recipe-open{font-size:14px}.recipe-detail-hero p,.recipe-cost summary,.packaging-strip{font-size:14px;line-height:1.8}
.recipe-detail-hero h3{font-size:21px;line-height:1.7}th{font-size:13px}td{font-size:15px;line-height:1.7}
.chart-empty-note{font-size:13px;line-height:1.7;white-space:normal;text-align:center;min-width:170px}
.chart-legend{font-size:13px}.reference-chart svg text{font-size:15px;fill:#43513e}
.average-panel p,.average-panel small,.bestsellers li,.bestsellers li span{font-size:14px;line-height:1.7}
.report-details>summary{font-size:15px}.report-metrics .metric span:not(.ui-icon):not(.icon-crop){font-size:14px}
.main>p.muted.spaced{font-size:12px;line-height:1.8}
@media(max-width:760px){
 body{font-size:16px}.main{padding-bottom:115px}
 small,.muted,.notice,.login-note{font-size:13px;line-height:1.8}
 .reference-header .brand small{font-size:10px}.reference-header .brand b{font-size:15px}
 .title-row{flex-wrap:wrap;align-items:center;gap:8px}.title-row h1{font-size:24px}
 .date-chip{font-size:12px!important;padding:5px 8px}.demo-banner{font-size:12px;padding:8px 10px;line-height:1.8}
 .reference-overview{gap:10px}.metric{padding:13px 11px;gap:7px;min-height:112px}
 .metric>.ui-icon{width:25px;height:25px;flex-basis:25px}
 .metric span:not(.ui-icon):not(.icon-crop){font-size:14px;line-height:1.6}
 .metric strong{font-size:22px;line-height:1.55;letter-spacing:-.4px}.metric small{font-size:12px;line-height:1.7}
 .reference-panel{padding:17px 13px}.reference-panel h2,.quick-section h2{font-size:18px;line-height:1.6}
 .actual-tag{font-size:11px!important;white-space:normal;text-align:center}
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .quick-card{padding:13px 8px;gap:7px;min-height:92px}.quick-card b{font-size:14px;white-space:normal}
 .money-summary dt{font-size:14px}.money-summary dd{font-size:15px}.money-summary>div{padding:11px 0}
 .packaging-note b{font-size:14px!important}.packaging-note p,.packaging-note small{font-size:13px;line-height:1.8}
 .bottom-nav{min-height:80px;padding:8px 3px max(10px,env(safe-area-inset-bottom));align-items:center}
 .bottom-nav button{font-size:12px;padding:4px 4px;gap:5px;min-width:0;flex:1}
 .bottom-nav button span:last-child{font-size:12px;line-height:1.6;white-space:normal}
 .bottom-nav button .ui-icon{width:27px!important;height:27px!important}
 .stock-search input{font-size:16px}.stock-search .orange-button{font-size:13px;padding:10px}
 .filter-chip,.segment-row .filter-chip{font-size:13px;line-height:1.7;padding:9px 12px}
 .segment-row .filter-chip{padding:9px 6px}.ingredient-row:has(.ingredient-actions){min-height:102px;gap:8px;align-items:center}
 .ingredient-art{width:44px;height:44px;flex-basis:44px}
 .item-name b,.ingredient-row:has(.ingredient-actions) .item-name b{font-size:14px;line-height:1.6}
 .item-name small{font-size:12px;line-height:1.7}.category-label{font-size:11px!important;line-height:1.7}
 .item-amount>span,.item-amount small{font-size:12px;line-height:1.7;white-space:normal}
 .item-amount strong,.ingredient-row:has(.ingredient-actions) .item-amount strong{font-size:14px;line-height:1.6}
 .ingredient-row:has(.ingredient-actions) .item-amount{max-width:35%}.ingredient-actions summary{padding:7px 1px;font-size:25px}
 .right-actions button,.row-controls button,.ingredient-actions .row-controls button{font-size:12px;line-height:1.7}
 .list-title h2{font-size:16px}.purchase-total{font-size:14px}.purchase-total strong{font-size:22px}
 .order-row{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:17px 0}.dish-thumb{width:44px;height:44px}
 .order-main b{font-size:14px;line-height:1.7}.order-main small,.order-details summary{font-size:12px;line-height:1.7}
 .channel-pill,.status-pill{font-size:11px}.order-right strong{font-size:14px}.order-details button{font-size:13px;padding:9px 10px}
 .recipe-tile{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:13px}.recipe-tile>img{width:100px;height:120px}
 .recipe-tile h2{font-size:16px;line-height:1.7}.recipe-tile p,.recipe-tile small{font-size:12px;line-height:1.8}
 .recipe-open{font-size:13px;padding:8px 11px}.recipe-detail-hero{align-items:flex-start;gap:12px}
 .recipe-detail-hero>img{width:105px;height:125px}.recipe-detail-hero h3{font-size:17px;line-height:1.7}
 .recipe-detail-hero p{font-size:13px;line-height:1.8}.recipe-detail-hero .category-label{font-size:11px!important}
 dialog .panel-head h2{font-size:19px}dialog th,dialog td{font-size:14px;line-height:1.8;padding:12px 8px}
 dialog .steps{font-size:15px;line-height:1.9}.recipe-cost summary,.packaging-strip,.packaging-strip small{font-size:13px;line-height:1.8}
 .report-metrics{grid-template-columns:1fr;gap:9px}.report-metrics .metric{flex-direction:row;align-items:center;gap:12px;min-height:83px;padding:13px 15px}
 .report-metrics .metric span:not(.ui-icon):not(.icon-crop){font-size:14px}.report-metrics .metric strong{font-size:24px}
 .reports-layout{grid-template-columns:1fr;gap:12px}.reports-layout h2{font-size:17px}
 .reports-layout .reference-panel>small,.average-panel small{font-size:12px;line-height:1.8}
 .average-panel{padding:16px}.average-panel p{font-size:14px}.average-panel strong{font-size:27px}
 .chart-legend{font-size:12px;gap:16px}.reference-chart svg text{font-size:22px;fill:#43513e}
 .chart-empty-note{font-size:12px;padding:7px 10px;min-width:160px}
 .bestsellers li,.bestsellers li span{font-size:13px;line-height:1.8}.report-details>summary{font-size:14px;line-height:1.8}
 .main>p.muted.spaced{font-size:12px;line-height:1.8}
}
@media(max-width:350px){.reference-overview{grid-template-columns:1fr}.metric{min-height:88px}.recipe-tile{grid-template-columns:1fr}.recipe-tile>img{width:100%;height:180px}.recipe-detail-hero{flex-direction:column}.ingredient-row:has(.ingredient-actions){flex-wrap:wrap}.ingredient-row:has(.ingredient-actions) .item-name{flex:1}.ingredient-row:has(.ingredient-actions) .item-amount{margin-left:52px;max-width:none;align-items:flex-start}.bottom-nav button span:last-child{font-size:11px}}
/* Larger primary header logo on desktop and mobile. */
.reference-header{height:106px}
.reference-header .brand{gap:12px}
.reference-header .brand img{width:82px;height:82px;flex:0 0 82px;object-fit:contain}
.reference-header .brand b{font-size:23px}
.reference-header .brand small{font-size:13px}
@media(max-width:760px){
 .reference-header{height:91px;padding:0 12px}
 .reference-header .brand{max-width:212px;gap:7px}
 .reference-header .brand img{width:65px;height:65px;flex:0 0 65px}
 .reference-header .brand b{font-size:17px}
 .reference-header .brand small{font-size:10px;white-space:nowrap}
 .reference-header .header-more{padding:3px}
 .reference-header .header-end{gap:2px}
 .reference-header .header-alert,.reference-header .header-exit{padding:3px}
}
@media(max-width:350px){
 .reference-header .brand{max-width:184px;gap:5px}
 .reference-header .brand img{width:57px;height:57px;flex-basis:57px}
 .reference-header .brand b{font-size:15px}
 .reference-header .brand small{font-size:9px}
 .reference-header .header-alert .ui-icon{width:20px;height:20px}
 .reference-header .header-exit .ui-icon{width:17px;height:17px}
}

/* Light outline PNG family, including form actions and cancel buttons. */
form button:not([type="button"]):not([data-action])::before{background-image:url('/admin/assets/IM-CLEAN-icons-thin.png');background-size:1053.781512605042% 1045%;background-position:58.41409691629956% 59.61199294532628%;background-repeat:no-repeat}button[data-action="close"]:not(.icon-only)::before{background-image:url('/admin/assets/IM-CLEAN-icons-thin.png');background-size:1529.2682926829268% 1510.8433734939758%;background-position:41.80887372013652% 43.55251921434672%;background-repeat:no-repeat}.ui-icon{opacity:.94}.quick-card .ui-icon,.metric>.ui-icon,.nav .ui-icon,.bottom-nav .ui-icon{opacity:1}
/* Neutral inactive navigation; white thin icons on primary action buttons. */
.bottom-nav button:not(.active) .ui-icon,.sidebar .nav button:not(.active) .ui-icon{filter:grayscale(1);opacity:.62}
#view button:not(.secondary):not(.danger):not(.quick-card):not(.filter-chip) .icon-crop,
#modal button:not(.secondary):not(.danger):not(.filter-chip) .icon-crop{filter:brightness(0) invert(1)}
form button:not([type="button"]):not([data-action])::before{filter:brightness(0) invert(1)}