.account-actions { display: flex; align-items: center; gap: 8px; }

.account-edit-card { max-width: 1080px; }
.account-edit-form { margin-top: 24px; }
.form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.form-grid label,
.integration-form > label:not(.settings-toggle):not(.clear-setting) { color: #53657a; font-size: 13px; font-weight: 700; }
.form-grid input,
.form-grid select,
.integration-form > label > input { display: block; width: 100%; margin-top: 8px; }
.status-check { display: flex; align-items: center; gap: 8px; margin: 22px 0; font-weight: 700; }
.status-check input,
.school-permission-grid input,
.settings-toggle input,
.clear-setting input { accent-color: #1769e0; }
.school-permission-grid { margin: 0; padding: 18px; border: 1px solid var(--line); border-radius: 12px; }
.school-permission-grid legend { padding: 0 8px; color: #34465b; font-weight: 800; }
.school-permission-grid { display: grid; grid-template-columns: repeat(4, minmax(120px, 1fr)); gap: 12px; }
.school-permission-grid label { display: flex; align-items: center; gap: 7px; color: #53657a; font-size: 13px; }
.school-permission-grid legend { grid-column: 1 / -1; }
.form-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }

.integration-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, .9fr); gap: 18px; }
.integration-grid .admin-card { margin-top: 0; }
.integration-form { display: grid; gap: 20px; margin-top: 24px; }
.integration-form label small { display: block; margin-top: 5px; color: #91a0b0; font-weight: 400; }
.settings-toggle { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px solid #dbe6f2; border-radius: 11px; background: #f8fbff; cursor: pointer; }
.settings-toggle input { width: 17px; height: 17px; margin-top: 2px; }
.settings-toggle b,
.settings-toggle small { display: block; }
.settings-toggle b { color: #26394f; font-size: 14px; }
.settings-toggle small { margin-top: 4px; color: #7d8da1; font-size: 12px; }
.clear-setting { color: #8390a0; font-size: 12px; }
.test-notification-form { margin-top: -62px; width: max-content; }
.integration-help h2 { margin: 0 0 17px; font-size: 18px; }
.integration-help ol { margin: 0; padding-left: 20px; color: #53657a; font-size: 13px; line-height: 1.9; }
.integration-help p { margin: 20px 0 0; padding: 13px; border-radius: 9px; background: #eef5ff; color: #507399; font-size: 12px; line-height: 1.7; }
.notification-table { min-width: 820px; }

@media (max-width: 1100px) {
  .form-grid { grid-template-columns: 1fr 1fr; }
  .school-permission-grid { grid-template-columns: repeat(3, 1fr); }
  .integration-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .form-grid { grid-template-columns: 1fr; }
  .school-permission-grid { grid-template-columns: 1fr 1fr; }
  .test-notification-form { margin-top: 12px; }
  .account-actions { width: 100%; }
  .account-actions a { width: 100%; text-align: center; }
}
.ai-model-grid,.ai-test-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ai-test-actions{margin-top:16px}.ai-test-actions form,.ai-test-actions button{width:100%}@media(max-width:760px){.ai-model-grid,.ai-test-actions{grid-template-columns:1fr}}

/* Unified settings pages: AI recognition and notifications */
.settings-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; align-items: start; }
.settings-card { margin-top: 0; padding: 0; overflow: hidden; }
.settings-page-head { padding: 24px 26px; border-bottom: 1px solid var(--line); }
.settings-page-head .pill { flex: none; }
.settings-form { display: grid; }
.settings-section { padding: 24px 26px; border-bottom: 1px solid var(--line); }
.settings-section-head { display: flex; align-items: flex-start; gap: 13px; margin-bottom: 20px; }
.settings-section-head > span { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 9px; background: #eaf2ff; color: #1769e0; font-size: 13px; font-weight: 900; }
.settings-section-head h3 { margin: 2px 0 4px; font-size: 16px; }
.settings-section-head p { margin: 0; color: #7a899b; font-size: 12px; line-height: 1.6; }
.settings-field-grid { display: grid; gap: 16px; }
.settings-field-grid.api-fields { grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); }
.settings-field-grid.model-fields { grid-template-columns: 1fr 1fr; }
.settings-field { display: grid; gap: 8px; color: #465a71; font-size: 13px; font-weight: 750; }
.settings-field input, .settings-field select, .settings-field textarea { display: block; width: 100%; min-width: 0; margin: 0; }
.settings-field textarea { resize: vertical; }
.settings-field small { color: #91a0b0; font-size: 11px; font-weight: 400; }
.settings-advanced { margin-top: 17px; border: 1px solid #e2e8f0; border-radius: 11px; background: #fafcff; }
.settings-advanced summary { padding: 13px 15px; color: #5d7087; font-size: 12px; font-weight: 800; cursor: pointer; user-select: none; }
.settings-advanced-body { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 18px; padding: 4px 15px 16px; }
.settings-advanced-body.single { grid-template-columns: minmax(260px, 420px); }
.compact-advanced { margin-top: 14px; }
.danger-option { display: flex; align-items: flex-start; gap: 10px; padding: 13px; border: 1px solid #f0dedb; border-radius: 10px; background: #fffafa; color: #7f4d48; font-size: 12px; cursor: pointer; }
.danger-option input[type="checkbox"] { flex: 0 0 16px; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #d2574c; }
.danger-option b, .danger-option small { display: block; }
.danger-option small { margin-top: 4px; color: #a47b77; font-weight: 400; line-height: 1.5; }
.enable-section { background: #fbfdff; }
.settings-switch { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 18px; border: 1px solid #dbe6f2; border-radius: 12px; background: #f5f9ff; cursor: pointer; }
.settings-switch span { display: grid; gap: 4px; }
.settings-switch b { font-size: 14px; color: #26394f; }
.settings-switch small { font-size: 11px; color: #7d8da1; }
.settings-switch input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; }
.settings-switch i { position: relative; flex: 0 0 46px; width: 46px; height: 26px; border-radius: 99px; background: #c6d1dd; transition: .2s; }
.settings-switch i::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 2px 5px #233b5530; transition: .2s; }
.settings-switch input:checked + i { background: #1769e0; }
.settings-switch input:checked + i::after { transform: translateX(20px); }
.settings-action-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 26px; background: #fff; }
.secondary-actions { display: flex; gap: 10px; }
.secondary-actions form { margin: 0; }
.settings-action-bar button { min-height: 40px; }
.save-button { min-width: 122px; }
.settings-side-stack { display: grid; gap: 18px; }
.settings-side-stack .admin-card { margin-top: 0; }
.side-kicker { color: #1769e0; font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.recommend-card h2 { margin: 7px 0 18px; font-size: 22px; }
.recommend-card dl { margin: 0; }
.recommend-card dl div { display: flex; justify-content: space-between; gap: 14px; padding: 12px 0; border-top: 1px solid var(--line); }
.recommend-card dt { color: #75869a; font-size: 12px; }
.recommend-card dd { margin: 0; color: #1769e0; font-family: Consolas, monospace; font-weight: 800; }
.recommend-card p, .safety-card p { margin: 15px 0 0; padding: 12px; border-radius: 9px; background: #eef5ff; color: #52759b; font-size: 12px; line-height: 1.7; }
.flow-card h2, .safety-card h2 { margin: 0 0 16px; font-size: 18px; }
.flow-card .side-kicker + h2 { margin-top: 7px; }
.flow-card ol { display: grid; gap: 15px; margin: 0; padding: 0; list-style: none; }
.flow-card li { display: flex; gap: 11px; align-items: flex-start; }
.flow-card li > span { display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; border-radius: 8px; background: #eff4fa; color: #60758c; font-size: 11px; font-weight: 900; }
.flow-card li div { display: grid; gap: 3px; }
.flow-card li b { font-size: 13px; }
.flow-card li small { color: #8b99a9; font-size: 11px; line-height: 1.5; }
.safety-card p { margin: 0; }
.notification-log-card { margin-top: 20px; }
.notification-log-card .card-head { margin-bottom: 4px; }
.log-count { color: #7d8da1; font-size: 12px; }

@media (max-width: 1180px) {
  .settings-layout { grid-template-columns: 1fr; }
  .settings-side-stack { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .settings-field-grid.api-fields, .settings-field-grid.model-fields, .settings-advanced-body, .settings-side-stack { grid-template-columns: 1fr; }
  .settings-page-head, .settings-section, .settings-action-bar { padding-left: 18px; padding-right: 18px; }
  .settings-action-bar { align-items: stretch; flex-direction: column-reverse; }
  .secondary-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .secondary-actions button, .save-button { width: 100%; }
}
@media (max-width: 480px) {
  .secondary-actions { grid-template-columns: 1fr; }
  .settings-page-head { align-items: flex-start; }
  .settings-section-head p { font-size: 11px; }
}
.production-note {
  display: block;
  margin-top: 6px;
  padding: 6px 8px;
  border-radius: 7px;
  background: #fff4df;
  color: #9a5700 !important;
  font-weight: 700;
  line-height: 1.5;
}
.reconciliation-filter { display: flex; gap: 9px; align-items: center; }
.reconciliation-filter input { width: 260px; }
.reconciliation-table { min-width: 1180px; }
.bill-reconcile-form { display: grid; grid-template-columns: 92px 95px minmax(150px,1fr) 58px; gap: 6px; min-width: 430px; }
.bill-reconcile-form input,.bill-reconcile-form select,.bill-reconcile-form button { min-width: 0; }
.production-batch-ready,.production-batch-wait { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 18px 0; padding: 17px 19px; border-radius: 12px; }
.production-batch-ready { border: 1px solid #a9dfc7; background: #effaf5; }
.production-batch-wait { border: 1px solid #f1cf91; background: #fff8e9; }
.production-batch-ready div,.production-batch-wait { color: #35536f; }
.production-batch-ready b,.production-batch-ready span,.production-batch-wait b,.production-batch-wait span { display: block; }
.production-batch-ready span,.production-batch-wait span { margin-top: 5px; font-size: 12px; }
.source-file-only { padding: 7px 10px; border-radius: 8px; background: #eff3f8; color: #7b8999; font-size: 11px; font-weight: 700; white-space: nowrap; }
.detail-page-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.detail-page-actions .batch-no{font-size:14px}

/* Production, delivery and system center */
.admin-side nav{overflow-y:auto;min-height:0;padding-right:4px}.admin-side nav::-webkit-scrollbar{width:5px}.admin-side nav::-webkit-scrollbar-thumb{background:#34516f;border-radius:8px}.nav-caption{display:block;margin:14px 14px 3px;color:#6f8aa8;font-size:10px;font-weight:800;letter-spacing:.16em}.admin-side nav .nav-caption:first-child{margin-top:0}.dashboard-metrics{grid-template-columns:repeat(3,1fr)}.dashboard-metrics a{color:var(--blue);text-decoration:none}.workflow-shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.workflow-shortcuts a{display:grid;gap:6px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 3px 12px #182d4808}.workflow-shortcuts a:hover{border-color:#8db7ef;box-shadow:0 10px 30px #1769e014}.workflow-shortcuts b{color:var(--blue);font-size:12px}.workflow-shortcuts span{font-weight:850}.workflow-shortcuts small{color:var(--muted);line-height:1.5}.ops-main{padding-bottom:80px}.ops-metrics{margin-bottom:18px}.ops-filter-card{margin-top:0}.stage-track{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:18px 0}.stage-track span{position:relative;padding:9px 6px;border-radius:9px;background:#edf2f7;color:#67788c;text-align:center;font-size:11px;font-weight:750}.stage-track span:not(:last-child):after{content:'›';position:absolute;right:-7px;color:#9aabba}.stage-track span.active{background:#1769e0;color:#fff}.ops-filter{display:grid;grid-template-columns:minmax(280px,1fr) 180px 180px 90px;gap:9px}.production-list,.delivery-list{display:grid;gap:16px}.production-job,.delivery-card{margin-top:0;border-left:4px solid #cbd7e5}.production-job.priority{border-left-color:#f1a43b}.production-job.urgent{border-left-color:#e34f42}.job-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.job-head h2{margin:7px 0 3px;font-size:21px}.job-head p{margin:0;color:var(--muted);font-size:12px}.job-no{color:#1769e0;font-family:Consolas,monospace;font-size:12px;font-weight:850}.job-tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.job-tags>span{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.priority-tag{background:#edf2f7;color:#5f6f81}.p-加急{background:#fff2cf;color:#9b6200}.p-特急{background:#fee8e5;color:#b63d32}.stage-tag{background:#e7f0ff;color:#205aa4}.status-tag{background:#edf2f7;color:#5d6e80}.s-已完工,.ds-已送达{background:#e5f6ef!important;color:#167654!important}.s-已暂停,.ds-异常{background:#fee8e5!important;color:#b63d32!important}.ds-配送中{background:#e7f0ff!important;color:#205aa4!important}.receipt-tag{background:#efe8ff;color:#6c41ad}.job-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.job-summary span{display:grid;gap:5px;padding:11px;border-radius:10px;background:#f6f8fb;color:#4f6175;font-size:12px}.job-summary b{color:#8290a0;font-size:10px}.production-update-form{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:10px;padding-top:16px;border-top:1px solid var(--line)}.production-update-form label,.delivery-update-form label{display:grid;gap:6px;color:#758598;font-size:11px}.production-update-form input,.production-update-form select,.production-update-form textarea,.delivery-update-form input,.delivery-update-form select,.delivery-update-form textarea{box-sizing:border-box;width:100%;min-width:0}.production-update-form .wide-field{grid-column:span 3}.feedback-field{grid-column:1/-3}.feedback-field textarea{min-height:68px;resize:vertical}.job-actions{grid-column:-3/-1;display:flex;gap:8px;align-items:end;justify-content:flex-end}.job-actions>*{min-height:42px;box-sizing:border-box}.ops-empty{display:grid;gap:8px;place-items:center;min-height:180px}.ops-empty b{font-size:18px}.ops-empty span{color:var(--muted)}.count-badge{padding:7px 10px;border-radius:99px;background:#e7f0ff;color:#1769e0;font-size:12px;font-weight:800}.ready-job-list{display:grid;margin-top:16px;border-top:1px solid var(--line)}.ready-job-row{display:grid;grid-template-columns:minmax(220px,1.3fr) 130px 150px minmax(220px,1fr) 130px 70px 110px;gap:8px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.ready-job-row>div{display:grid;gap:5px}.ready-job-row small{color:var(--muted)}.ready-job-row input,.ready-job-row select{min-width:0}.delivery-update-form{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.delivery-update-form .wide-field{grid-column:span 2}.delivery-recipient{grid-column:1/3;display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:#f6f8fb}.delivery-recipient span,.delivery-recipient small{color:var(--muted);font-size:12px}.system-status-card{display:flex;align-items:center;justify-content:space-between;margin-top:0}.system-status-card>div{display:flex;gap:14px;align-items:center}.system-status-card h2{margin:0}.system-status-card p{margin:5px 0 0;color:var(--muted)}.system-dot{width:13px;height:13px;border-radius:50%;background:#21a36b;box-shadow:0 0 0 7px #e4f7ee}.system-metrics{grid-template-columns:repeat(4,1fr);margin-top:18px}.system-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)}.notification-list{display:grid;margin-top:12px}.notification-list>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}.notification-list p,.notification-list small{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.pill.bad{background:#fee8e5;color:#b63d32}
@media(max-width:1450px){.production-update-form{grid-template-columns:repeat(4,1fr)}.production-update-form .wide-field{grid-column:span 2}.feedback-field{grid-column:1/4}.job-actions{grid-column:4}.ready-job-row{grid-template-columns:1fr 1fr 1fr}.ready-job-row>div{grid-column:1/-1}.delivery-update-form{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.dashboard-metrics,.system-metrics{grid-template-columns:1fr 1fr}.workflow-shortcuts{grid-template-columns:repeat(2,1fr)}.job-summary{grid-template-columns:1fr 1fr}.stage-track{grid-template-columns:repeat(4,1fr)}.ops-filter{grid-template-columns:1fr 1fr}.system-grid{grid-template-columns:1fr}.production-update-form,.delivery-update-form{grid-template-columns:1fr 1fr}.production-update-form .wide-field,.delivery-update-form .wide-field,.feedback-field,.job-actions,.delivery-recipient{grid-column:1/-1}}