.create-main { background:var(--page); }.create-main .order-topbar { background:#fff; }.create-tab-row { display:flex; gap:8px; padding:10px 28px; border-bottom:1px solid var(--line); background:#fff; }.create-tab-row a,.create-tab-row button { padding:6px 10px; border:1px solid var(--line); border-radius:4px; background:#fff; color:var(--regular); font-size:12px; line-height:18px; text-decoration:none; }.create-tab-row button.active { border-color:var(--primary); background:var(--primary); color:#fff; }.create-tab-row i { margin-left:6px; font-style:normal; }
.create-form-card { padding:0 0 20px; }.create-section-head { display:flex; justify-content:space-between; align-items:center; padding:15px 22px; border-bottom:1px solid var(--line-soft); }.create-section-head h2 { margin:0; font-size:16px; }.create-section-head p { margin:3px 0 0; color:var(--muted); font-size:12px; }.required-star { color:#f56c6c; font-style:normal; }.create-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 30px; padding:22px; }.create-fields label { display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:10px; color:var(--regular); font-size:12px; }.create-fields label > span { text-align:right; }.create-fields input,.create-fields select { width:100%; height:34px; padding:0 10px; border:1px solid var(--line); border-radius:4px; outline-color:var(--primary); color:var(--regular); background:#fff; }.create-form-actions { display:flex; justify-content:flex-end; gap:10px; padding:0 22px; }.create-form-actions .btn { height:34px; font-size:12px; }
.customer-picker { position:relative; min-width:0; }.customer-picker input { padding-right:32px; }.customer-picker-toggle { position:absolute; top:1px; right:1px; width:31px; height:32px; border:0; border-radius:0 4px 4px 0; background:transparent; color:var(--muted); font-size:14px; }.customer-picker-toggle:hover { color:var(--primary); }.customer-suggestions[hidden] { display:none; }.customer-suggestions { position:absolute; z-index:20; top:calc(100% + 4px); right:0; left:0; max-height:248px; overflow:auto; padding:4px 0; border:1px solid var(--line); border-radius:4px; background:#fff; box-shadow:0 7px 18px rgba(24,55,88,.14); }.customer-suggestions button { display:grid; width:100%; gap:2px; padding:7px 10px; border:0; background:#fff; color:var(--regular); text-align:left; }.customer-suggestions button:hover,.customer-suggestions button:focus { background:#f0f7ff; outline:0; }.customer-suggestions b { font-size:12px; font-weight:500; }.customer-suggestions small,.customer-suggestion-empty { color:var(--muted); font-size:11px; }.customer-suggestion-empty { display:block; padding:9px 10px; }
@media (max-width:760px) { .create-tab-row,.create-hero,.create-form-card { margin-left:16px; margin-right:16px; }.create-fields { grid-template-columns:1fr; padding:18px; }.create-fields label { grid-template-columns:82px minmax(0,1fr); }.create-form-actions { padding:0 18px; } }