/* Content sets the height; a narrow viewport must not shorten a record. */
.value-control{display:block;min-width:0;width:100%}
.value-control>input{width:100%}
.value-preview{display:block;color:#46554b;font-size:12px;font-weight:400;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}
textarea.text-value{display:block;width:100%;height:auto;min-height:42px;resize:none;overflow:hidden;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
textarea:not(.text-value){overflow:hidden;resize:vertical}
.field-wide{grid-column:1/-1}
.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.contact-inputs,.compose-delivery .contact-inputs{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.compose-customer .contact-inputs,.compose-delivery details .contact-inputs{grid-template-columns:1fr}
.customer-quick{grid-template-columns:1fr;gap:14px}
.customer-quick>.photo-control{justify-self:start}
.customer-quick .photo-pick{width:76px;height:76px}
.field :is(input,select,textarea){max-width:100%}
.field,.choices,.choices>label,.choices>label>span{min-width:0;max-width:100%}
.choices>label>span{height:auto;white-space:normal;overflow-wrap:anywhere;text-align:left}
.channel-choices>label>span{height:auto;min-height:54px;padding:7px 2px}
.channel-choices small{overflow:visible;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;text-align:center}
.variant-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px 14px;border:1px solid var(--line);border-radius:10px;padding:14px;margin:14px 0}
.variant-row .field{margin:0}
.variant-row .field:nth-child(-n+2){grid-column:1/-1}
.variant-row>button{grid-column:1/-1;justify-self:end}
.variant-row :is(input,textarea){font-size:14px;padding:10px 11px}
.variant-row .field>span{font-size:11px}
.copy-box{display:block}
.copy-box textarea{min-height:42px;font-size:12px;background:#f8faf9;word-break:break-all}
.copy-box .btn{margin-top:8px}
.store-text strong,.mobile-store,.profile strong,.mobile-order-top>strong,.mobile-order-body>p{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;overflow-wrap:anywhere}
.store-switch,.store-text,.profile>div,.breadcrumb,.topbar-actions{min-width:0}
.mobile-store{text-align:left;line-height:1.35;flex:1;min-width:0}
.topbar{min-height:52px;height:auto;padding-top:8px;padding-bottom:8px}
.topbar-actions{flex-shrink:0}
.mobile-order-top{flex-wrap:wrap;align-items:baseline}
.mobile-order-top>strong{flex:1 1 125px}
.mobile-order-top>b{max-width:100%;margin-left:auto;overflow-wrap:anywhere;white-space:normal}
.mobile-order-bottom{flex-wrap:wrap}
.mobile-order-body>p{line-height:1.5}
.customer-card strong,.customer-card small,.customer-pick strong,.customer-pick small{overflow-wrap:anywhere;white-space:normal}
.customer-pick>span:not(.avatar){min-width:0}
.product-info h2,.product-info h2 button,.product-info>small{height:auto;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5}
.product-price,.product-stock{flex-wrap:wrap;gap:8px;min-width:0;overflow-wrap:anywhere}
.product-price strong{max-width:100%;overflow-wrap:anywhere}
.line-item{flex-wrap:wrap;align-items:flex-start}
.line-item>.grow{flex:1 1 160px;overflow-wrap:anywhere}
.line-item>strong{max-width:100%;margin-left:auto;overflow-wrap:anywhere}
.line-item>.muted{display:block!important;max-width:100%;overflow-wrap:anywhere}
.line-item .qty{flex-shrink:0}
.item-editor .line-item .qty-control{flex:0 0 70px;min-width:0}
.item-editor .line-item .qty-control input{width:100%!important;font-size:16px}
.info-row>div,.customer-summary>div,.store-option>div,.picker-row>.grow,.delivery-card,.timeline,.notice>div{min-width:0;overflow-wrap:anywhere}
.info-row strong,.info-row small,.customer-summary strong,.customer-summary small,.store-option strong,.store-option small{white-space:normal;overflow-wrap:anywhere}
.courier{flex-wrap:wrap;min-width:0}
.courier>div{min-width:0;flex:1 1 120px;overflow-wrap:anywhere}
.courier strong,.courier small,.icon-text{overflow-wrap:anywhere;white-space:normal}
.icon-text>span{min-width:0}
.detail-body,.delivery-info,.portal h1,.portal h3,.portal p,.timeline,.timeline small,.note-label,.team-list,.channel-list{overflow-wrap:anywhere}
.picker-row{flex-wrap:wrap;gap:12px}
.picker-row>.grow{flex-basis:170px}
.picker-row>.choices{flex-basis:100%}
.totals>div,.total,.facts>div,.reason-summary>div{flex-wrap:wrap;gap:8px 14px;min-width:0;align-items:baseline}
.totals>div>*,.total>*,.facts>div>*,.reason-summary>div>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.totals>div>strong,.total>strong:last-child,.facts dd,.reason-summary>div>strong{margin-left:auto}
.reason-summary>div>span{flex:1 1 120px}
.reason-summary>div>strong{flex:1 1 180px;text-align:right;white-space:normal}
.ledger-mini{flex-wrap:wrap}
.ledger-mini>span{min-width:0;flex:1 1 130px;overflow-wrap:anywhere}
.ledger-mini strong{max-width:100%;margin-left:auto;white-space:normal;overflow-wrap:anywhere}
.metric-wide{grid-column:1/-1}
.metric>strong,.big-amount{max-width:100%;overflow-wrap:anywhere}
.chart-axis{min-width:0;flex:0 1 auto;max-width:48%;overflow-wrap:anywhere;font-size:11px;line-height:1.4}
.chart .bars{flex:1;min-width:0}
.chart-values{padding:0 22px 18px;font-size:12px}
.chart-values>summary{cursor:pointer;color:#607265;min-height:36px;padding:8px 0}
.chart-values table{min-width:0}
.chart-values td,.chart-values th{padding:10px 4px}
table{white-space:normal}
td{overflow-wrap:anywhere}
th{overflow-wrap:normal;word-break:normal;white-space:nowrap}
td{max-width:260px;min-width:100px}
td.numeric-cell{white-space:nowrap;min-width:0}
.orders-table td:first-child{min-width:170px}
.orders-table td:last-child{min-width:0}
.order-cell>div{min-width:0;overflow-wrap:anywhere}
.product-cell>span:last-child{min-width:80px}
.table-wrap{max-width:100%;min-width:0;overscroll-behavior-inline:contain}
.compose-submit{flex-wrap:wrap;min-width:0}
.compose-submit>div{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
.compose-submit>.primary{margin-left:auto;max-width:100%}
.compose-submit strong{overflow-wrap:anywhere}
.modal-head{align-items:flex-start}
.modal-head>h2{min-width:0;overflow-wrap:anywhere}
.modal-head>.icon-btn{flex-shrink:0}
.settings-layout>div,.detail-grid>div,.report-grid>*,.compose-main,.compose-side{min-width:0}
.btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.page-heading{flex-wrap:wrap}
.page-heading>div:first-child{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}
.page-heading .actions{flex-shrink:0;margin-left:auto}
.page-heading .actions>.text-btn{width:auto;min-width:max-content;white-space:nowrap}
.badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){
 .field :is(input,select,textarea),.variant-row :is(input,textarea){font-size:16px}
 .photo-entry{grid-template-columns:72px minmax(0,1fr);gap:12px}
 .photo-entry>.photo-control .photo-pick{width:72px;height:92px}
 .photo-entry textarea{font-size:16px;padding:8px 10px}
 .photo-entry .field>span{margin-bottom:0}
 .contact-inputs,.compose-delivery .contact-inputs{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
 .compose-customer .contact-inputs,.compose-delivery details .contact-inputs{grid-template-columns:1fr}
 .customer-quick{grid-template-columns:1fr;gap:12px}
 .customer-quick .photo-pick{width:72px;height:72px}
 .variant-row{grid-template-columns:1fr;padding:12px}
 .variant-row .field{grid-column:1}
 .variant-row>button{min-width:44px;min-height:44px}
 .mobile-order-top>strong{font-size:13px}
 .mobile-store{max-width:none}
 .line-item>.grow{flex-basis:155px}
 .portal .line-item>.muted{display:block}
 .compose-submit>div{flex-basis:155px}
 .compose-submit{gap:10px}
 .workspace:has(.order-compose) main{padding-bottom:calc(var(--compose-height,100px) + 24px)}
 .chart{gap:12px}
 .chart-axis{font-size:10px}
}