.customer-section{max-width:1000px;padding-block:42px}.customer-section h1{font-size:clamp(30px,5vw,56px)}.customer-tabs{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px}.customer-tabs a{text-decoration:underline;text-underline-offset:5px}.customer-panel{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:12px;margin:18px 0}.customer-panel h2{font-size:24px}.customer-panel h3{font-size:18px}.customer-muted{color:var(--muted)}.customer-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.customer-row>div:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.customer-row p{margin:4px 0}.customer-row input{width:75px}.customer-field{display:flex;flex-direction:column;gap:6px}.customer-field input,.customer-field select,.customer-field textarea,.customer-row input{color:var(--ink);background:var(--bg);border:1px solid var(--line);padding:11px;border-radius:5px;max-width:100%;font:inherit}.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.customer-wide{grid-column:1/-1}.customer-summary{font-weight:700;font-size:20px;margin:22px 0}.customer-panel .action{margin-top:10px}.customer-error{color:var(--soft-red)}.customer-order-id{overflow-wrap:anywhere;font-family:monospace}.customer-orders{display:grid;gap:18px}.customer-orders .customer-panel{margin:0}.customer-buy{margin:10px 16px 16px;display:block}.customer-buy button{width:100%}.customer-buy p{font-size:14px;margin:6px 0}.customer-note{padding:14px;border-left:3px solid var(--red);background:var(--panel)}#customerStatus:empty{display:none}.customer-slip{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.customer-slip textarea{min-height:75px;resize:vertical}.customer-progress{font-size:14px;color:var(--muted)}

.customer-buy-detail {
  display: grid;
  gap: 8px;
  margin: 16px 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}
.customer-buy-detail p { margin: 0; }
.customer-buy-detail .customer-summary { font-size: 18px; }
.customer-buy-detail .action:disabled {
  color: var(--muted);
  background: var(--bg);
  border-color: var(--line);
  cursor: not-allowed;
}

@media (max-width: 800px) {
  .customer-section {
    width: calc(100% - 32px);
    padding-block: 24px 36px;
    overflow-wrap: anywhere;
  }
  .customer-section h1 { font-size: clamp(26px, 7vw, 36px); line-height: 1.2; }
  .customer-tabs { gap: 6px 14px; margin-bottom: 18px; }
  .customer-tabs a { display: inline-flex; align-items: center; min-height: 44px; }
  .customer-panel { min-width: 0; padding: 16px; margin-block: 12px; }
  .customer-panel h2 { font-size: 20px; line-height: 1.3; }
  .customer-panel p { line-height: 1.55; }
  .customer-orders { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .customer-fields { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .customer-row { flex-wrap: wrap; justify-content: flex-start; gap: 8px 12px; }
  .customer-row > div:first-child { flex-basis: 100%; }
  .customer-field :is(input, select, textarea), .customer-row input {
    min-width: 0;
    min-height: 46px;
    font-size: 16px;
    border-color: var(--muted);
  }
  .customer-field :is(input, select, textarea) { width: 100%; }
  .customer-field input[type=file] { overflow: hidden; }
  .customer-slip summary { min-height: 44px; padding-block: 10px; }
  .customer-summary { margin-block: 16px 10px; }
  .customer-panel .action, #customerRoot > .action {
    width: 100%;
    min-height: 48px;
    font-size: 16px;
    text-align: center;
  }
  .customer-panel .customer-row .action { width: auto; }
}