.primary { color: #08271f; background: #62dfc3; border-color: #62dfc3; font-weight: 700; }
.workspace-redesign .purchase-reminder { margin: 0 0 24px; padding: 22px; border: 1px solid #d9e4df; border-radius: 14px; background: #fff; color: #183e32; }
.workspace-redesign .purchase-reminder.has-purchases { border-color: #b6d4c5; background: #f4faf6; }
.workspace-redesign .purchase-reminder.has-error { border-color: #dca864; background: #fffaf2; }
.purchase-reminder-heading, .purchase-reminder-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.workspace-redesign .purchase-reminder h2 { margin: 4px 0 0; font-size: 20px; color: #183e32; }
.workspace-redesign .purchase-reminder .kicker { margin: 0; color: #567365; }
.workspace-redesign #purchaseReminderMessage { margin: 12px 0 16px; font-size: 13px; line-height: 1.7; color: #486356; }
.purchase-reminder-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.workspace-redesign .purchase-reminder-counts a { min-width: 0; padding: 14px 16px; border: 1px solid #d9e4df; border-radius: 9px; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; color: #204e3b; background: #fff; text-decoration: none; }
.purchase-reminder-counts span { font-size: 13px; }
.purchase-reminder-counts strong { font-size: 28px; line-height: 1.2; font-variant-numeric: tabular-nums; }
.purchase-reminder-counts small { font-size: 11px; color: #62766b; }
.workspace-redesign .purchase-reminder-heading > a { min-height: 44px; display: inline-flex; align-items: center; color: #286d4d; font-size: 13px; }
.workspace-redesign .purchase-overdue { display: block; margin-top: 12px; padding: 12px; border-radius: 6px; background: #fff0db; color: #8a4b0e; font-size: 13px; }
.purchase-reminder-footer { margin-top: 12px; }
.purchase-reminder-footer > span { color: #62766b; font-size: 11px; }
.workspace-redesign #refreshPurchaseReminders { min-height: 44px; padding: 8px 12px; background: transparent; color: #286d4d; border: 1px solid #c8d8ce; font-size: 12px; }
.workspace-redesign .purchase-nav-badge { display: inline-flex; justify-content: center; align-items: center; min-width: 22px; height: 22px; padding: 0 6px; margin-left: auto; border-radius: 12px; background: #a33a20; color: #fff; font-size: 12px; font-weight: 700; }
.workspace-redesign .purchase-nav-badge[hidden], .workspace-redesign .purchase-overdue[hidden] { display: none; }
@media (max-width: 600px) { .workspace-redesign .purchase-reminder { padding: 16px; }.workspace-redesign .purchase-reminder-counts a { padding: 12px 8px; }.purchase-reminder-counts { gap: 6px; }.purchase-reminder-counts small { font-size: 10px; }.purchase-reminder-counts strong { font-size: 25px; } }
.service-entry-details { margin-bottom: 25px; }.service-entry-form { padding: 19px; border: 1px solid #4a6053; background: #28392f; border-radius: 10px; margin: 6px 0 15px; }
.service-qualification-details { padding: 0 0 17px; }.service-qualification-details > summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; color: #c6decf; font-size: 13px; }.service-qualification-details > summary::after { content: "＋"; margin-left: auto; }.service-qualification-details[open] > summary::after { content: "−"; }
.service-eligibility-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.deal-confirm-form .form-hint { flex: 0 0 100%; }
@media (max-width: 700px) { .service-entry-form { padding: 16px 12px; }.service-eligibility-list { grid-template-columns: 1fr; }.service-entry-form .form-footer button { width: 100%; } }
label { color: #a9c4c7; font-size: 12px; line-height: 1.6; }
input, select, textarea { display: block; width: 100%; min-width: 0; min-height: 43px; margin-top: 7px; padding: 10px 11px; border: 1px solid #375965; border-radius: 7px; background: #081b24; color: #e8f7f4; }
input:focus, select:focus, textarea:focus { border-color: #72dcca; }
input:disabled, select:disabled, textarea:disabled { opacity: .65; }
input::placeholder, textarea::placeholder { color: #708e97; }
.ledger-form { margin-top: 18px; padding: 18px; border: 1px solid #345661; border-radius: 9px; background: #102b34; }
.form-grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 12px; }
.form-grid .wide { grid-column: 1 / -1; }
.form-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 14px; }.form-footer button { flex-shrink: 0; }
.form-hint { margin: 0; font-size: 11px; line-height: 1.8; color: #9fbdc1; }
.form-feedback { color: #ffd09a; min-height: 0; font-size: 12px; line-height: 1.8; margin: 10px 0 0; overflow-wrap: anywhere; }.form-feedback:empty { display: none; }
.adjustment-details { margin-top: 18px; padding-top: 14px; border-top: 1px solid #284650; }.adjustment-details > summary { cursor: pointer; color: #a9bfc4; font-size: 12px; padding: 3px 0; }.adjustment-details .ledger-form { border-color: #58604d; }
.ledger-details { margin-top: 16px; }
.lead-grid, .team-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.deal-confirm-form { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #294752; }.deal-confirm-form label { flex: 1 1 140px; }.deal-confirm-form button { font-size: 12px; }.deal-confirm-form .form-feedback { width: 100%; margin-top: 0; }
.section-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; }.section-details > summary::after { content: "+"; color: #80d7c8; font-size: 23px; font-weight: 300; }.section-details[open] > summary::after { content: "−"; }.section-details summary::-webkit-details-marker { display: none; }.section-details summary .kicker { display: block; }.section-details summary strong { font-size: 20px; }.section-details summary .count-label { margin-left: auto; }
.details-content { margin-top: 22px; }.user-card { border: 1px solid #2c4e59; border-radius: 8px; background: #0b222c; padding: 17px; }.user-card h3 { display: flex; align-items: center; gap: 10px; }.user-card p { font-size: 12px; color: #9bb8bd; line-height: 1.8; margin: 8px 0; }.user-card a { font-size: 12px; overflow-wrap: anywhere; }.user-card small { color: #8fb0b7; font-size: 10px; font-weight: 400; }
.form-title { margin: 26px 0 15px; }.user-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: end; }.user-form .form-feedback { grid-column: 1 / -1; }.user-form button { min-height: 43px; }
.action-details { margin-top: 16px; border-top: 1px solid #40544e; padding-top: 6px; }.action-details > summary { color: #d0e9df; font-weight: 550; }
.action-details > summary, .account-details > summary { display: flex; align-items: center; cursor: pointer; min-height: 44px; font-size: 12px; padding: 8px 0; }
.action-details > summary::after, .account-details > summary::after { content: "＋"; margin-left: auto; padding-left: 14px; font-size: 16px; font-weight: 400; }.action-details[open] > summary::after, .account-details[open] > summary::after { content: "−"; }
.account-details { margin-top: 23px; padding-top: 13px; border-top: 1px solid #3f5349; }.account-details summary { color: #cae6d5; font-size: 14px; }.account-details form { margin-top: 15px; }
@media (max-width: 700px) { .lead-grid, .team-grid { grid-template-columns: 1fr; }.form-grid { grid-template-columns: 1fr; }.form-grid .wide { grid-column: auto; }.ledger-form { padding: 14px 12px; }.form-footer { display: block; }.form-footer button { width: 100%; margin-top: 12px; }.user-form { grid-template-columns: 1fr; }.deal-confirm-form button { flex: 0 0 auto; padding: 10px 12px; }.section-details summary strong { font-size: 18px; }input, select, textarea { font-size: 16px; } }
input, select, textarea { min-height: 46px; border-color: #53665b; background: #18251f; color: #e9f1e9; }input::placeholder, textarea::placeholder { color: #9aac9f; }.ledger-form { background: #28392f; border-color: #4a6053; margin-top: 8px; padding: 20px; }.adjustment-details .ledger-form { background: #33382e; border-color: #696953; }.form-hint { color: #b9cdbf; font-size: 12px; }.deal-confirm-form { border-top: 0; margin-top: 7px; }.user-card { min-width: 0; background: #253129; border-color: #3d5143; padding: 20px; }.user-card a { min-height: 44px; display: inline-flex; align-items: center; }.form-footer { margin-top: 19px; }.user-form button { min-height: 46px; }.primary { background: #a0dfbd; border-color: #a0dfbd; color: #10291e; }
@media (max-width: 700px) { .ledger-form { padding: 17px 12px; } }
.assignment-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; padding: 10px 0; }.assignment-form label { flex: 1 1 180px; }.assignment-form button { min-height: 46px; font-size: 12px; }.assignment-hint, .assignment-form .form-feedback { flex: 0 0 100%; margin: 0; font-size: 11px; line-height: 1.8; color: #afc9ba; }.assignment-form .form-feedback { color: #f2d6a5; }.assignment-empty { border-top: 1px solid #40544e; margin-top: 16px; padding-top: 6px; }
.team-policy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 0 0 23px; margin-bottom: 23px; border-bottom: 1px solid #3b4c40; }.team-policy span { font-size: 12px; color: #cce5d5; font-weight: 600; }.team-policy p { font-size: 12px; color: #a8c1b0; line-height: 1.9; margin: 8px 0 0; }
.user-heading { display: flex; gap: 12px; align-items: center; justify-content: space-between; }.user-heading h3 { min-width: 0; overflow-wrap: anywhere; }.user-form .wide { grid-column: 1 / -1; }.user-edit-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }.user-edit-form label { min-width: 0; }.user-edit-form label:last-of-type, .user-edit-form .form-hint, .user-edit-form .form-feedback, .user-edit-form button { grid-column: 1 / -1; }.user-edit-form button { width: fit-content; font-size: 12px; }
.benefit-breakdown { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 21px 0; }.benefit-breakdown > div { padding: 15px 17px; border: 1px solid #506348; border-radius: 8px; background: #303c2f; min-width: 0; }.benefit-breakdown span { font-size: 13px; color: #e2ebd8; }.benefit-breakdown small { font-size: 11px; color: #abc4ae; margin-left: 8px; }.benefit-breakdown p { font-size: 11px; color: #bed0b9; line-height: 1.9; margin: 9px 0 0; }.benefit-breakdown strong { display: block; color: #d2edc9; margin-top: 6px; font-size: 15px; font-variant-numeric: tabular-nums; }.benefit-breakdown em { display: block; font-style: normal; color: #f1c18d; }
@media (max-width: 700px) { .team-policy { grid-template-columns: 1fr; gap: 14px; }.team-policy p { margin-top: 3px; }.benefit-breakdown { grid-template-columns: 1fr; }.user-edit-form { grid-template-columns: 1fr; }.user-edit-form label:last-of-type, .user-edit-form .form-hint, .user-edit-form .form-feedback, .user-edit-form button { grid-column: auto; }.user-edit-form button { width: 100%; } }