.takeout-order-create{font-weight:400;line-height:1.6;min-width:0;color:var(--text,#303133)}
.takeout-order-create *{box-sizing:border-box;font-weight:400}
.takeout-order-create p{margin:0 0 12px;overflow-wrap:anywhere}
.takeout-order-create label{display:grid;gap:6px;min-width:0;font-size:14px}
.takeout-order-create input,.takeout-order-create select,.takeout-order-create button{min-height:44px;max-width:100%;font:inherit}
.takeout-order-create input,.takeout-order-create select{width:100%;border:1px solid var(--border,#c6cbd2);border-radius:4px;padding:8px;background:var(--panel-bg,#fff);color:inherit}
.takeout-order-create :focus-visible{outline:2px solid var(--primary,#2563eb);outline-offset:2px}
.toc-search{display:flex;align-items:end;gap:8px;margin-bottom:12px}
.toc-search label{flex:1}.toc-search button{flex-shrink:0}
.toc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.toc-fields label:has([name=address]),.toc-fields label:has([name=remark]){grid-column:1/-1}
.takeout-order-create .toc-selection{margin-top:8px;color:var(--text-secondary,#555)}
.takeout-order-create select{white-space:nowrap;text-overflow:ellipsis}
.toc-pages,.toc-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
#toc-error,.toc-notice{padding:12px;margin-bottom:12px;border:1px solid #b77623;border-radius:4px;background:#fff8e8;color:#744508;overflow-wrap:anywhere}
#toc-success{padding:12px;margin-bottom:12px;border:1px solid #438d61;background:#f1faf4;color:#255f3c;overflow-wrap:anywhere}
.takeout-order-create button:disabled{cursor:not-allowed;opacity:.55}
.toc-lines{margin:20px 0;padding-top:16px;border-top:1px solid var(--border,#c6cbd2)}.toc-lines h3{font-size:16px;font-weight:400}.toc-line{min-width:0;margin:12px 0;padding:12px;border:1px solid var(--border,#c6cbd2);border-radius:4px}.toc-line legend{padding:0 6px}.toc-line-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.toc-line button{margin-top:4px}.toc-lines #toc-total{margin:12px 0}
@media(max-width:600px){.toc-fields{grid-template-columns:minmax(0,1fr)}.toc-actions{flex-wrap:wrap}.toc-actions button{flex:1}.toc-search{align-items:stretch;flex-direction:column}}
