/* Generated by scripts/build_brand_palette.py. Color-only compatibility layer. */

/* base-foundation.css */
body {
  background-image: linear-gradient(180deg, var(--app-bg-overlay-top) 0%, var(--app-bg-overlay-bottom) 100%),
    radial-gradient(circle at top left, var(--warning-bg), transparent 34%),
    radial-gradient(circle at top right, var(--blue-bg), transparent 28%),
    var(--app-bg-image),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);
}
body::before {
  background-image: linear-gradient(var(--surface-strong) 1px, transparent 1px),
    linear-gradient(90deg, var(--surface-strong) 1px, transparent 1px);
}
.hero {
  background: linear-gradient(135deg, var(--glass-panel-strong), var(--surface-strong));
}
.sync-indicator {
  background: var(--surface-strong);
  color: var(--text);
}
.dot {
  background: var(--blue-bg);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.32);
}
.access-banner {
  background: var(--blue-bg);
  border: 1px solid var(--blue-line);
}

/* base-panels.css */
.calendar-chip-button:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.10);
}
.calendar-legend-item.reservation,
.calendar-chip.reservation {
  background: var(--blue-bg);
}
.calendar-chip.reservation.reservation-picked-up {
  background: linear-gradient(
    90deg,
    var(--blue-bg) 0%,
    var(--blue-bg) 50%,
    var(--warning-bg) 50%,
    var(--warning-bg) 100%
  );
  color: var(--warning);
  border: 1px solid var(--warning-line);
}
.calendar-chip.reservation.reservation-returned {
  background: linear-gradient(
    90deg,
    var(--blue-bg) 0%,
    var(--blue-bg) 33.33%,
    var(--warning-bg) 33.33%,
    var(--warning-bg) 66.66%,
    var(--success-bg) 66.66%,
    var(--success-bg) 100%
  );
  color: var(--warning);
  border: 1px solid var(--line);
}
.calendar-legend-item.issue,
.calendar-chip.issue {
  background: var(--warning-bg);
  color: var(--warning);
}
.calendar-chip.issue.issue-returned {
  background: linear-gradient(
    90deg,
    var(--warning-bg) 0%,
    var(--warning-bg) 50%,
    var(--success-bg) 50%,
    var(--success-bg) 100%
  );
  color: var(--warning);
  border: 1px solid var(--line);
}
.calendar-legend-item.return,
.calendar-chip.return {
  background: var(--surface-strong);
}
.calendar-day.is-today {
  border-color: var(--blue-line);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16);
}
.summary-card {
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
}
.pill {
  background: var(--blue-bg);
}
.pill.accent {
  background: var(--warning-bg);
  color: var(--warning);
}

/* base-equipment-controls.css */
.issue-reservation-return-info {
  background: var(--blue-bg);
  border: 1px solid var(--blue-line);
}
.required-star {
  color: var(--danger);
}
input,
select,
textarea {
  border: 1px solid var(--line);
}
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid var(--blue-line);
}
.group-tab {
  border: 1px solid var(--line);
}
.group-tab span {
  background: var(--blue-bg);
}
.group-tab.is-active {
  border-color: var(--blue-line);
  background: var(--blue-bg);
}
.group-tab.reservation-linked-target {
  border-color: var(--blue-line);
  background: linear-gradient(135deg, var(--blue-bg), var(--blue-bg));
  color: var(--primary-strong);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.14);
}
.group-card:hover {
  border-color: var(--blue-line);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}
.group-card-selected {
  border-color: var(--blue-line);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}
.group-stepper {
  background: var(--blue-bg);
}
.group-stepper-count {
  background: var(--surface-strong);
}
.check-card:hover {
  border-color: var(--blue-line);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}
.reservation-card-busy {
  background: var(--warning-bg);
}
.reservation-card-unavailable {
  background: var(--surface-strong);
  border-color: var(--line);
}
.reservation-card-unavailable:hover {
  border-color: var(--line);
}
.reservation-card-unavailable strong,
.reservation-card-unavailable small,
.reservation-card-unavailable .group-card-subline,
.reservation-card-unavailable .group-stepper-count span {
  color: var(--text);
}
.issue-check-card.reservation-linked-target,
.issue-group-card.reservation-linked-target {
  background: linear-gradient(135deg, var(--blue-bg), var(--blue-bg));
  border-color: var(--blue-line);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
}
.issue-check-card.reservation-linked-target small,
.issue-check-card.reservation-linked-target strong,
.issue-group-card.reservation-linked-target small,
.issue-group-card.reservation-linked-target strong,
.issue-group-card.reservation-linked-target .group-card-subline span {
  color: var(--primary-strong);
}
.issue-group-card.reservation-linked-target .group-stepper,
.issue-group-card.reservation-linked-target .group-stepper-count,
.issue-group-card.reservation-linked-target .group-availability-pill {
  background: var(--surface-strong);
  color: var(--primary-strong);
}
.reservation-items-inline span {
  background: var(--surface-strong);
}
.group-inline-chip {
  background: var(--surface-strong);
}
.reservation-warning {
  background: var(--warning-bg);
  border: 1px solid var(--warning-line);
}
.reservation-confirm {
  background: var(--blue-bg);
  border: 1px solid var(--blue-line);
}
.required-note {
  color: var(--danger);
}
.primary-button {
  background: linear-gradient(135deg, var(--primary), var(--blue-bg));
  color: var(--text);
}
.secondary-button {
  background: var(--blue-bg);
}
.ghost-button {
  border: 1px solid var(--line);
}
.danger-button {
  background: var(--danger-bg);
}

/* base-disk-assets.css */
.disk-table th,
.disk-table td {
  border-bottom: 1px solid var(--line);
}
.disk-table th {
  background: var(--surface-strong);
}
.disk-group-row td {
  background: var(--surface-strong);
  border-bottom: 1px solid var(--line);
}
.disk-group-label.ssd {
  background: var(--blue-bg);
}
.disk-group-label.hdd {
  background: var(--surface-strong);
}
.disk-table tr.is-highlighted td {
  background: var(--blue-bg);
}
.disk-badge {
  background: var(--blue-bg);
}
.disk-badge.ssd {
  background: var(--blue-bg);
}
.disk-badge.hdd {
  background: var(--surface-strong);
}
.disk-purchase-source.client {
  background: var(--warning-bg);
  color: var(--warning);
}
.disk-card {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
}
.disk-card:hover,
.disk-card:focus-visible {
  border-color: var(--blue-line);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.10);
}
.disk-card.is-highlighted {
  border-color: var(--blue-line);
  background: var(--blue-bg);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16), 0 16px 34px rgba(0, 0, 0, 0.09);
}
.disk-detail-backdrop {
  background: var(--surface-strong);
}
.disk-detail-dialog {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 26px 90px rgba(0, 0, 0, 0.22);
}
.disk-detail-field {
  border: 1px solid var(--line);
  background: var(--surface-strong);
}
.disk-holder-update-form {
  border: 1px solid var(--blue-line);
  background: var(--blue-bg);
}
.onboarding-equipment-form {
  background: var(--surface-strong);
}
.onboarding-person-card {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.04);
}
.onboarding-person-head span {
  background: var(--blue-bg);
}
.onboarding-item-row {
  background: var(--surface-strong);
}
.onboarding-returned-list {
  background: var(--surface-strong);
}

/* base-inventory-registry.css */
.registry-contents-note {
  border: 1px solid var(--blue-line);
  background: var(--blue-bg);
}
.tag {
  background: var(--surface-strong);
}
.category-tag {
  background: var(--blue-bg);
}
.available-status {
  background: var(--blue-bg);
}
.checked-out-status {
  background: var(--warning-bg);
  color: var(--warning);
}
.checkout-item-chip {
  background: var(--surface-strong);
}
.category-row {
  background: var(--surface-strong);
  border: 1px solid var(--line);
}
.group-suggestion {
  background: var(--blue-bg);
  border: 1px solid var(--blue-line);
}

/* base-history.css */
.history-linked-batch {
  background: var(--blue-bg);
  border: 1px solid var(--blue-line);
}
.history-items span {
  background: var(--surface-strong);
}
.toast {
  background: var(--surface-strong);
  color: var(--text);
}
.toast.error {
  background: var(--danger-bg);
}
.empty-state {
  border: 1px dashed var(--line);
}

/* base-home.css */
.home-panel {
  background: linear-gradient(135deg, var(--surface-strong), var(--warning-bg));
  border: 1px solid var(--line);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.16);
}
.partner-finance-hub-link {
  background: var(--surface-strong);
}
.hub-link {
  background: var(--surface-strong);
  border: 1px solid var(--line);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.08);
}
.hub-link:hover {
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.12);
  border-color: var(--blue-line);
}
.hub-link-kicker {
  background: var(--blue-bg);
}

/* base-availability-form.css */
.availability-ops-grid .panel {
  border-color: var(--line);
  background: var(--surface-strong);
}
.availability-rule-panel-item,
.availability-duty-pill {
  border: 1px solid var(--warning-line);
  background: var(--warning-bg);
}
.availability-panel-note {
  background: var(--warning-bg);
  color: var(--warning);
}
.availability-panel-empty {
  border: 1px solid var(--blue-line);
  background: var(--surface-strong);
}
.availability-duty-pill {
  border-color: var(--blue-line);
  background: var(--blue-bg);
}
.availability-duty-pill.needs-replacement {
  border-color: var(--warning-line);
  background: var(--warning-bg);
}
.availability-legend-chip {
  background: color-mix(in srgb, var(--status-color, var(--primary)) 12%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--status-color, var(--primary)) 26%, var(--line));
}
.availability-legend-chip strong {
  color: color-mix(in srgb, var(--status-color, var(--primary-strong)) 48%, var(--text));
}
.availability-legend-chip.production {
  background: var(--warning-bg);
  border-color: var(--warning-line);
}
.availability-legend-chip.production strong {
  color: var(--warning);
}
.availability-entry-panel .availability-entry-card {
  box-shadow: 0 6px 13px rgba(0, 0, 0, 0.05);
}
.availability-entry-card {
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.05);
}
.availability-entry-audit {
  background: color-mix(in srgb, var(--status-color, var(--primary)) 8%, var(--surface-strong));
}
.availability-detail-warning {
  color: color-mix(in srgb, var(--status-color, var(--primary-strong)) 48%, var(--text));
}
.availability-duty-dialog .availability-detail-warning {
  border: 1px solid var(--blue-line);
  background: var(--blue-bg);
}

/* base-availability-calendar.css */
.availability-day.is-closed {
  background: var(--surface-strong);
  border-color: var(--line);
  color: var(--text);
}
.availability-day.is-closed .calendar-day-head strong {
  color: var(--muted);
}
.availability-closed-day-note {
  border: 1px solid var(--line);
  background: var(--surface-strong);
  color: var(--muted);
}
.availability-duty-day-marker {
  border: 1px solid var(--line);
  background: var(--surface-strong);
  color: var(--muted);
}
.availability-duty-day-marker:hover {
  border-color: var(--line);
  background: var(--surface);
  color: var(--muted);
}
.availability-duty-day-marker.is-readonly:hover {
  border-color: var(--line);
  background: var(--surface-strong);
  color: var(--muted);
}
.availability-chip {
  border: 1px solid color-mix(in srgb, var(--status-color, var(--primary)) 28%, var(--line));
  background: color-mix(in srgb, var(--status-color, var(--primary)) 16%, var(--surface));
}
.availability-chip:hover {
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.08);
}
.availability-chip-status-badge {
  border: 1px solid color-mix(in srgb, var(--status-color, var(--primary)) 22%, var(--line));
  background: var(--surface-strong);
  color: color-mix(in srgb, var(--status-color, var(--primary-strong)) 48%, var(--text));
}
.availability-chip-pill {
  background: var(--surface-strong);
  color: color-mix(in srgb, var(--status-color, var(--primary-strong)) 48%, var(--text));
  border: 1px solid color-mix(in srgb, var(--status-color, var(--primary)) 18%, var(--line));
}
.availability-chip.production-chip {
  border-color: var(--warning-line);
  background: linear-gradient(135deg, var(--warning-bg), var(--surface-strong));
}
.availability-chip.team-rule-alert-chip {
  border-color: var(--warning-line);
  background: var(--warning-bg);
}
.availability-chip.pending-approval-chip {
  border-color: color-mix(in srgb, var(--status-color, var(--primary)) 38%, var(--line));
  background: repeating-linear-gradient(
      -45deg,
      var(--surface-strong) 0,
      var(--surface-strong) 6px,
      transparent 6px,
      transparent 12px
    ),
    color-mix(in srgb, var(--status-color, var(--primary)) 10%, var(--surface));
}
.availability-chip-pill.production {
  background: var(--warning-bg);
  border: 1px solid var(--warning-line);
  color: var(--warning);
}
.availability-chip-extra {
  color: var(--text);
}
.availability-mobile-day-button i {
  background: color-mix(in srgb, var(--primary) 16%, var(--surface));
}
.availability-mobile-day-button i:empty {
  background: var(--surface-strong);
}
.availability-mobile-day-button.is-selected {
  border-color: var(--blue-line);
  background: var(--blue-bg);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.availability-mobile-day-button.is-closed {
  background: var(--surface-strong);
}
.availability-mobile-empty-day {
  border: 1px dashed var(--blue-line);
  background: var(--blue-bg);
}

/* base-availability-summary.css */
.availability-summary-month-label {
  background: var(--blue-bg);
}
.availability-summary-month-buttons {
  border: 1px solid var(--line);
  background: var(--surface-strong);
}
.availability-summary-month-button.is-active {
  color: var(--text);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}
.availability-total-work {
  border: 1px solid var(--blue-line);
  background: linear-gradient(135deg, var(--blue-bg), var(--success-bg));
}
.availability-summary-metric {
  background: var(--surface-strong);
}
.availability-office-visits {
  border: 1px solid var(--success-line);
  background: var(--success-bg);
}
.availability-status-breakdown-item {
  border: 1px solid color-mix(in srgb, var(--status-color, var(--primary)) 18%, var(--line));
  background: color-mix(in srgb, var(--status-color, var(--primary)) 7%, var(--surface));
}

/* base-session.css */
.login-panel {
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.12);
}
.login-message {
  background: var(--danger-bg);
  color: var(--danger);
}
.login-message.info {
  background: var(--blue-bg);
  color: var(--primary-strong);
}
.field input[readonly],
.field select:disabled {
  background: var(--surface-strong);
}

/* base-responsive-shell.css */
@media (max-width: 720px) {
.app-mobile-menu-page .session-user span {
  color: var(--text);
}
.app-mobile-menu-page .mobile-nav-menu summary {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}
.app-mobile-menu-page .mobile-nav-menu-panel {
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}
.home-mobile-session-page .session-user span {
  color: var(--text);
}
.calendar-toolbar {
  border: 1px solid var(--line);
}
}

/* base-responsive-warehouse.css */
@media (max-width: 720px) {
.warehouse-page .panel,
  .disk-page .panel {
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.07);
}
.warehouse-page .warehouse-mobile-day-button i {
  background: var(--blue-bg);
}
.warehouse-page .warehouse-mobile-day-button i:empty {
  background: var(--surface-strong);
}
.warehouse-page .warehouse-mobile-day-button.is-selected {
  border-color: var(--blue-line);
  background: var(--blue-bg);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.warehouse-page .warehouse-mobile-empty-day {
  border: 1px dashed var(--blue-line);
  background: var(--blue-bg);
}
}

/* base-responsive-disks.css */
@media (max-width: 720px) {
.disk-page .disk-table tr:not(.disk-group-row),
  .disk-page .disk-history-card {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}
}

/* base-responsive-details.css */
@media (max-width: 720px) {
.disk-table tr:not(.disk-group-row) {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}
.disk-table td {
  border-bottom: 1px solid var(--line);
}
}

/* availability-modal.css */
.availability-quick-backdrop,
.availability-detail-backdrop {
  background: var(--surface-strong);
}
.availability-quick-dialog,
.availability-detail-dialog {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}
.availability-assignment-card + .availability-assignment-card {
  border-top: 1px solid var(--line);
}
.availability-rule-alert-card {
  border: 1px solid var(--warning-line);
  background: var(--warning-bg);
}
.availability-rule-alert-card span {
  color: var(--warning);
}
.availability-rule-alert-dismiss-box {
  border: 1px solid var(--warning-line);
  background: var(--surface-strong);
}
.availability-rule-alert-dismiss-box::after {
  color: var(--primary-strong);
}
.availability-rule-alert-dismiss-check input:checked + .availability-rule-alert-dismiss-box {
  border-color: var(--blue-line);
  background: var(--blue-bg);
}
.availability-rule-override-panel {
  border: 1px solid var(--warning-line);
  background: var(--warning-bg);
}
.availability-rule-proposal-reason textarea {
  border-color: var(--warning-line);
  background: var(--surface);
}
.availability-duty-check-item {
  border: 1px solid var(--line);
  background: var(--surface-strong);
}
.availability-duty-check-item.is-waste {
  border-color: var(--blue-line);
  background: var(--blue-bg);
}
.availability-duty-check-box {
  border: 1px solid var(--blue-line);
  background: var(--blue-bg);
}
.availability-duty-check-box::after {
  border-left: 2px solid var(--line);
  border-bottom: 2px solid var(--line);
}
.availability-duty-check-item.completed,
.availability-duty-check-item:has(input:checked) {
  border-color: var(--blue-line);
  background: var(--blue-bg);
}
.availability-duty-check-item.completed .availability-duty-check-box,
.availability-duty-check-item:has(input:checked) .availability-duty-check-box {
  background: var(--primary);
  border-color: var(--blue-line);
}
.mazi-easter-backdrop {
  background: radial-gradient(circle at 50% 18%, var(--blue-bg), transparent 34%),
    var(--surface-strong);
}
.mazi-easter-dialog {
  border-color: var(--line);
  background: var(--surface-strong);
  box-shadow: 0 28px 100px rgba(0, 0, 0, 0.32);
}
.mazi-easter-head .availability-detail-title span,
.mazi-easter-head .availability-detail-title strong {
  color: var(--text);
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.32);
}
.mazi-easter-figure img {
  box-shadow: 0 18px 56px rgba(0, 0, 0, 0.32);
}
.mazi-easter-figure figcaption {
  color: var(--text);
}
.availability-detail-title span {
  color: color-mix(in srgb, var(--status-color, var(--primary-strong)) 48%, var(--text));
}
.availability-detail-project {
  border: 1px solid color-mix(in srgb, var(--status-color, var(--primary)) 24%, var(--line));
  background: color-mix(in srgb, var(--status-color, var(--primary)) 10%, var(--surface));
}
.availability-day:hover:not(.is-outside):not(.is-closed) {
  border-color: var(--blue-line);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

/* availability-approval-modal.css */
.availability-auto-approved {
  border: 1px solid var(--success-line);
  background: var(--surface);
}
.availability-auto-approved summary {
  color: var(--success);
}
.availability-approval-card {
  border: 1px solid var(--line);
  background: var(--surface-strong);
}
.availability-approval-count {
  background: var(--blue-bg);
}
.availability-approval-summary div {
  border: 1px solid var(--line);
  background: var(--surface-strong);
}
.availability-approval-exception {
  border: 1px solid var(--warning-line);
  background: var(--warning-bg);
}
.availability-approval-exception span {
  color: var(--warning);
}
.availability-approval-planner-check {
  border: 1px solid var(--line);
  background: var(--surface);
}
.availability-approval-planner-check.is-current {
  border-color: var(--blue-line);
  background: var(--blue-bg);
}
.availability-approval-planner-check.is-approved {
  border-color: var(--blue-line);
  background: var(--blue-bg);
}

/* warehouse-knowledge.css */
.warehouse-review,.warehouse-included {
  border: 1px solid var(--line);
}
.warehouse-verification-dialog {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--text);
}
.warehouse-verification-dialog::backdrop {
  background: var(--blue-bg);
}
.warehouse-verification-dialog input,.warehouse-verification-dialog select,.warehouse-verification-dialog textarea {
  color: var(--text);
  background: var(--surface);
}
[data-verification-error] {
  color: var(--danger);
}
.warehouse-return-exception {
  border: 1px solid var(--warning-line);
}
.warehouse-condition-alert {
  color: var(--warning);
}
.warehouse-return-review, .warehouse-allocation {
  border: 1px solid var(--line);
}
.warehouse-return-batch {
  border-bottom: 1px solid var(--line);
}
.warehouse-pickup-dialog {
  border: 1px solid var(--line);
}
.warehouse-pickup-dialog::backdrop {
  background: var(--surface-strong);
}

/* warehouse-actions.css */
body.warehouse-page {
  background: var(--surface);
  color: var(--text);
}
.warehouse-page .hero {
  background: var(--surface-strong);
  color: var(--text);
}
.warehouse-page .hero h1 {
  color: var(--text);
}
.warehouse-page .hero .eyebrow {
  color: var(--warning);
}
.warehouse-page .hero .ghost-button {
  color: var(--text);
  background: var(--surface-strong);
  border-color: var(--line);
}
.warehouse-page .hero .session-user {
  color: var(--text);
}
.warehouse-page .panel,.warehouse-page .admin-block {
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--text);
}
.warehouse-page h1,.warehouse-page h2,.warehouse-page h3 {
  color: var(--text);
}
.warehouse-page .panel-kicker {
  color: var(--muted);
}
.warehouse-page input,.warehouse-page select,.warehouse-page textarea {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--line);
}
.warehouse-page .primary-button {
  background: var(--surface-strong);
  color: var(--text);
  border-color: var(--line);
}
.warehouse-page .secondary-button {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--line);
}
.warehouse-page .ghost-button {
  color: var(--text);
  border: 1px solid var(--line);
}
.warehouse-page :focus-visible {
  outline: 3px solid var(--warning-line);
}
.warehouse-page .field-hint,.warehouse-page .history-meta,.warehouse-page .meta-text {
  color: var(--muted);
}
.warehouse-page label {
  color: var(--text);
}
.warehouse-page #action-context {
  color: var(--muted);
}
.warehouse-page .action-nav {
  border-bottom: 1px solid var(--line);
}
.warehouse-page .action-nav a {
  color: var(--text);
}
.warehouse-page #action-dialog {
  border: 1px solid var(--line);
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.32);
  background: var(--surface);
  color: var(--text);
}
.warehouse-page dialog::backdrop {
  background: var(--surface-strong);
}
.warehouse-page .action-tiles a {
  color: var(--text);
  border: 1px solid var(--line);
  background: var(--surface);
}
.warehouse-page .action-tiles a:hover {
  background: var(--success-bg);
  border-color: var(--success-line);
}
.warehouse-page .action-tiles small {
  color: var(--muted);
}
.warehouse-page .action-tiles span {
  color: var(--muted);
}
.warehouse-page .action-add-link {
  color: var(--muted);
}
.warehouse-page .action-steps button {
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--text);
}
.warehouse-page .action-steps [aria-current=step] {
  background: var(--surface);
  border-color: var(--line);
}
.warehouse-page #issue-form {
  background: var(--surface);
  border: 1px solid var(--line);
}
.warehouse-page .picker-item {
  border: 1px solid var(--line);
  background: var(--surface);
}
.warehouse-page .picker-item input {
  accent-color: var(--primary);
}
.warehouse-page .picker-item small {
  color: var(--muted);
}
.warehouse-page .picker-item:has(input:checked) {
  background: var(--success-bg);
  border-color: var(--success-line);
}
.warehouse-page .picker-selection {
  border: 1px solid var(--success-line);
  background: var(--success-bg);
}
.warehouse-page .action-warning {
  color: var(--danger) !important;
}
.warehouse-page .action-reservation,.warehouse-page .action-inventory-row {
  background: var(--surface);
  border: 1px solid var(--line);
}
.warehouse-page #add-item-form {
  background: var(--surface);
  border: 1px solid var(--line);
}
.warehouse-page details>summary {
  color: var(--text);
}
.warehouse-page .borrowing-card {
  background: var(--surface);
  border: 1px solid var(--line);
}
.warehouse-page .borrowing-card>summary span {
  color: var(--muted);
}
.warehouse-page .return-item {
  border-bottom: 1px solid var(--line);
}
.warehouse-page input[type=checkbox] {
  accent-color: var(--primary);
}
.warehouse-page .return-summary {
  background: var(--surface);
}
.warehouse-page #action-success {
  background: var(--success-bg);
  border: 1px solid var(--success-line);
}
.warehouse-page #action-error {
  background: var(--warning-bg);
  border: 1px solid var(--warning-line);
  color: var(--warning);
}
.warehouse-page .action-edit-dialog {
  background: var(--surface);
  border: 1px solid var(--line);
}
.warehouse-page .reservation-suggestions {
  background: var(--surface);
}
.warehouse-page #action-kontrola:has(#action-readiness:empty)::after {
  background: var(--surface);
}
.warehouse-page .reservation-confirm {
  background: var(--success-bg);
  color: var(--text);
  border-color: var(--success-line);
}
.warehouse-page .hero .session-user,.warehouse-page .hero .session-user span,.warehouse-page .hero .session-user strong {
  color: var(--text);
}
.journey-paths button {
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--text);
}
.journey-paths button small {
  color: var(--muted);
}
.journey-paths button span {
  color: var(--muted);
}
.journey-paths button[aria-pressed=true] {
  background: var(--surface-strong);
  border-color: var(--line);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.32);
  color: var(--text);
}
.journey-paths button[aria-pressed=true] small,.journey-paths button[aria-pressed=true] span {
  color: var(--text);
}
.journey-progress {
  color: var(--muted);
}
.journey-fold {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--text);
}
.journey-fold small {
  color: var(--muted);
}
.journey-number {
  background: var(--surface);
}
.journey-active {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
}
.journey .field select,.journey .field input {
  background: var(--surface);
  color: var(--text);
}
.journey-tools {
  color: var(--muted);
}
.journey-item {
  border: 1px solid var(--line);
  background: var(--surface);
}
.journey-item.is-selected {
  border-color: var(--line);
  background: var(--success-bg);
}
.journey-item input {
  accent-color: var(--primary);
}
.journey-item small {
  color: var(--muted);
}
.journey-item .action-warning {
  color: var(--danger);
}
.journey-footer {
  border-top: 1px solid var(--line);
}
.journey-battery,.journey-note {
  background: var(--surface);
  color: var(--muted);
}
.journey-covered {
  border-left: 3px solid var(--success-line);
  background: var(--success-bg);
  color: var(--success);
}
.journey-bag,.journey-warnings {
  border: 1px solid var(--line);
  background: var(--surface);
}
.journey-summary h3 span {
  background: var(--warning-bg);
}
.journey-summary-item {
  border-bottom: 1px solid var(--line);
}
.journey-summary-item small {
  color: var(--muted);
}
.journey-summary-controls label {
  color: var(--muted);
}
.journey-decision {
  color: var(--muted);
}
.journey-warnings {
  background: var(--surface);
}
.journey-groups button[aria-pressed=true] {
  background: var(--surface-strong);
  color: var(--text);
}
.journey-group-editor {
  border: 1px solid var(--line);
  background: var(--surface);
}
.journey button:focus-visible,.journey-paths button:focus-visible {
  outline: 3px solid var(--success-line);
}
.warehouse-page .journey-host .journey-item {
  border: 1px solid var(--line);
}
.warehouse-page .journey-host .journey-item.is-selected {
  border-color: var(--line);
  background: var(--success-bg);
}
.journey-battery-pool {
  background: var(--surface);
}

/* warehouse-ux.css */
.warehouse-page .action-nav a:hover,.warehouse-page .action-nav a[aria-current=page] {
  background: var(--surface);
  color: var(--text);
}
.warehouse-page .action-tiles a {
  background: var(--surface);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
}
.warehouse-page .action-tiles a:hover {
  background: var(--warning-bg);
  border-color: var(--success-line);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}
.warehouse-page .action-tiles small {
  background: var(--success-bg);
  color: var(--success);
}
.warehouse-page button:not(:disabled):hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);
}
.warehouse-page .primary-button:not(:disabled):hover {
  background: var(--surface-strong);
  border-color: var(--line);
}
.warehouse-page .ghost-button:not(:disabled):hover {
  background: var(--surface);
  border-color: var(--line);
}
.warehouse-page .action-steps [aria-current=step] {
  background: var(--success-bg);
  color: var(--success);
}
.warehouse-page .journey-paths button:hover {
  border-color: var(--success-line);
  background: var(--warning-bg);
}
.warehouse-page .journey-paths button[aria-pressed=true]:hover {
  background: var(--surface-strong);
}
.warehouse-page .journey-phase-title[aria-current=step] {
  background: var(--success-bg);
}
.warehouse-page .journey-step-links button[aria-current=step] {
  color: var(--text);
  background: var(--surface);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.warehouse-page .journey-active {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.02);
}
.warehouse-page .journey-equipment {
  background: var(--surface);
}
.warehouse-page .journey-equipment:hover {
  border-color: var(--line);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
}
.warehouse-page .journey-equipment.is-selected {
  border-color: var(--line);
}
.warehouse-page .journey-equipment.is-unavailable {
  background: var(--surface);
  border-color: var(--line);
}
.warehouse-page .journey-equipment.is-unavailable .journey-item {
  color: var(--muted);
}
.warehouse-page .journey-item small {
  color: var(--muted);
}
.warehouse-page .journey-badge {
  color: var(--muted);
  background: var(--surface);
}
.warehouse-page .journey-badge.selected {
  background: var(--success-bg);
  color: var(--success);
}
.warehouse-page .journey-badge.suggested {
  background: var(--success-bg);
  color: var(--success);
}
.warehouse-page .journey-badge.compatible {
  background: var(--surface);
  color: var(--muted);
}
.warehouse-page .journey-badge.check {
  background: var(--warning-bg);
  color: var(--warning);
}
.warehouse-page .journey-badge.unavailable {
  background: var(--surface);
  color: var(--muted);
}
.warehouse-page .journey-battery-pool {
  background: var(--success-bg);
  border: 1px solid var(--success-line);
}
.warehouse-page .journey-battery-pool p {
  color: var(--muted);
}
.warehouse-page .journey-suggestion {
  border: 1px solid var(--success-line);
}
.warehouse-page .journey-suggestion.is-covered {
  background: var(--surface);
}
.warehouse-page .journey-suggestion>summary:after {
  color: var(--muted);
}
.warehouse-page .journey-suggestion>summary small {
  color: var(--muted);
}
.warehouse-page .journey-charger-pool {
  background: var(--surface-strong);
  border: 1px solid var(--success-line);
}
.warehouse-page .journey-charger-pool>small {
  color: var(--muted);
}
.warehouse-page .journey-footer {
  background: var(--surface);
  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.02);
}
.warehouse-page .journey-warnings {
  background: var(--surface);
  border-color: var(--warning-line);
}
.warehouse-page .return-item {
  background: var(--surface);
}
.warehouse-page .return-item:has([data-return-received]:checked) {
  border-color: var(--line);
}
.warehouse-page .history-card {
  border-left: 4px solid var(--line);
  background: var(--surface);
}
.warehouse-page .history-card.return {
  border-left-color: var(--blue-line);
}
.warehouse-page .history-card .history-items span {
  background: var(--surface);
  color: var(--muted);
}
.warehouse-page .action-footer #action-next.is-review-shortcut {
  color: var(--muted);
  border: 1px solid var(--line);
}
@media (max-width:700px) {
.warehouse-page .journey-progress {
  background: var(--surface);
}
}
.warehouse-page .hero .mobile-nav-menu-panel {
  background: var(--surface-strong);
}
@media (max-width:700px) {
.warehouse-page .journey-footer {
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.09);
}
}
.warehouse-page .hero .mobile-nav-menu>summary {
  color: var(--text);
  background: var(--surface-strong);
  border: 1px solid var(--line);
}
.warehouse-page .hero .mobile-nav-menu>summary::marker {
  color: var(--warning);
}
.warehouse-page .journey-count-control>button {
  border: 1px solid var(--blue-line);
  background: var(--surface);
  color: var(--success);
}
.warehouse-page .journey-count-control>button:disabled {
  color: var(--muted);
  background: var(--success-bg);
}
.warehouse-page .journey-battery-pool>small {
  color: var(--muted);
}
.warehouse-page .journey-equipment.is-suggested {
  border-color: var(--success-line);
}
.warehouse-page .journey-equipment.is-suggested.is-selected {
  border-color: var(--line);
}
.warehouse-page .journey-recommendation,.warehouse-page .journey-kit-label {
  color: var(--success);
}
.warehouse-page .journey-equipment:focus-within {
  outline: 2px solid var(--line);
}
.warehouse-page .journey-quantity>small {
  color: var(--muted);
}
.warehouse-page .journey-source-group {
  border: 1px solid var(--success-line);
  background: var(--warning-bg);
}
.warehouse-page .journey-source-group>summary small {
  color: var(--muted);
}

/* partner-finance.css */
.partner-finance-tabs {
  background: var(--surface-strong);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
}
.partner-finance-tab:hover,
.partner-finance-tab.active {
  background: var(--surface-strong);
  color: var(--text);
  border-color: var(--line);
}
.partner-finance-scope-bar {
  background: var(--surface-strong);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.08);
}
.partner-finance-scope-control {
  background: var(--surface-strong);
}
.partner-finance-scope-button.active {
  background: var(--surface-strong);
  color: var(--text);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}
.partner-finance-bank-source-strip {
  background: var(--surface-strong);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.08);
}
.partner-finance-bank-source-strip.warn {
  border-color: var(--warning-line);
  background: var(--surface-strong);
}
.partner-finance-bank-source-fact {
  background: var(--surface-strong);
}
.partner-finance-key-item,
.partner-finance-list-item,
.partner-finance-project-item,
.partner-finance-process-item,
.partner-finance-source-item {
  border: 1px solid var(--line);
  background: var(--surface-strong);
}
.partner-finance-owner-action {
  border-color: var(--success-line);
  background: var(--surface-strong);
}
.partner-finance-strategy-metric {
  border: 1px solid var(--line);
  border-left: 4px solid var(--line);
  background: var(--surface-strong);
}
.partner-finance-strategy-metric.ok {
  border-left-color: var(--success-line);
  background: var(--success-bg);
}
.partner-finance-strategy-metric.warn {
  border-left-color: var(--warning-line);
  background: var(--surface-strong);
}
.partner-finance-mini-tile {
  border: 1px solid var(--line);
  border-left: 4px solid var(--line);
  background: var(--surface-strong);
}
.partner-finance-mini-tile.ok {
  border-left-color: var(--success-line);
  background: var(--success-bg);
}
.partner-finance-mini-tile.warn {
  border-left-color: var(--warning-line);
  background: var(--surface-strong);
}
.partner-finance-mini-tile.accent {
  border-left-color: var(--blue-line);
  background: var(--surface-strong);
}
.partner-finance-mini-tile span {
  background: var(--surface-strong);
}
.partner-finance-warning-pill {
  border: 1px solid var(--warning-line);
  background: var(--surface-strong);
}
.partner-finance-warning-pill.ok {
  border-color: var(--success-line);
  background: var(--success-bg);
  color: var(--success);
}
.partner-finance-project-group-header {
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue-line);
  background: var(--surface-strong);
}
.partner-finance-project-group.older_open .partner-finance-project-group-header {
  border-left-color: var(--warning-line);
  background: var(--surface-strong);
}
.partner-finance-project-group.no_invoice_date .partner-finance-project-group-header {
  border-left-color: var(--line);
  background: var(--surface-strong);
}
.partner-finance-project-group-header > span {
  background: var(--surface-strong);
}
.partner-finance-scope-tag {
  background: var(--blue-bg);
}
.partner-finance-scope-tag.older_open {
  background: var(--warning-bg);
  color: var(--warning);
}
.partner-finance-scope-tag.no_invoice_date {
  background: var(--surface-strong);
}
.partner-finance-list-item .partner-finance-owner-badge,
.partner-finance-project-item .partner-finance-owner-badge {
  background: var(--surface-strong);
}
.partner-finance-project-close-button {
  border: 1px solid var(--blue-line);
  background: var(--blue-bg);
  color: var(--text);
}
.partner-finance-project-close-button:hover {
  border-color: var(--blue-line);
  background: var(--primary);
}
.partner-finance-project-close-button.secondary {
  background: var(--surface);
}
.partner-finance-project-close-button.secondary:hover {
  background: var(--blue-bg);
}
.partner-finance-list-item .partner-finance-owner-badge.ok,
.partner-finance-project-item .partner-finance-owner-badge.ok {
  background: var(--success-bg);
  color: var(--success);
}
.partner-finance-list-item .partner-finance-owner-badge.warn,
.partner-finance-project-item .partner-finance-owner-badge.warn {
  background: var(--warning-bg);
  color: var(--warning);
}
.partner-finance-owner-status-block {
  border-left: 4px solid var(--line);
  background: var(--surface-strong);
}
.partner-finance-owner-status-block.ok {
  border-left-color: var(--success-line);
  background: var(--success-bg);
}
.partner-finance-owner-status-block.warn {
  border-left-color: var(--warning-line);
  background: var(--surface);
}
.partner-finance-owner-status-block.accent {
  border-left-color: var(--blue-line);
  background: var(--surface);
}
.partner-finance-transfer-row {
  border: 1px solid var(--success-line);
  background: var(--surface-strong);
}
.partner-finance-transfer-meta span,
.partner-finance-transfer-meta strong {
  background: var(--surface-strong);
}
.partner-finance-transfer-meta strong {
  background: var(--success-bg);
  color: var(--success);
}
.partner-finance-source-item.ok {
  border-color: var(--success-line);
  background: var(--success-bg);
}
.partner-finance-source-item.warn {
  border-color: var(--warning-line);
  background: var(--surface-strong);
}
.partner-finance-status-card {
  border: 1px solid var(--line);
  background: var(--surface-strong);
}
.partner-finance-table-wrap {
  border: 1px solid var(--line);
  background: var(--surface-strong);
}
.partner-finance-table th,
.partner-finance-table td {
  border-bottom: 1px solid var(--line);
}
.partner-finance-tag {
  background: var(--blue-bg);
}
.partner-finance-tag.warn {
  background: var(--warning-bg);
  color: var(--warning);
}
.partner-finance-tag.ok {
  background: var(--success-bg);
  color: var(--success);
}
.partner-finance-tag.neutral {
  background: var(--surface-strong);
}
.partner-finance-drive-file {
  border: 1px solid var(--blue-line);
  background: var(--surface-strong);
}
.partner-finance-drive-file.manual {
  border-color: var(--success-line);
  background: var(--success-bg);
  color: var(--success);
}
.partner-finance-drive-file:hover {
  border-color: var(--blue-line);
  background: var(--blue-bg);
}
.partner-finance-drive-file.missing {
  border-color: var(--line);
  background: var(--surface-strong);
}
.partner-finance-drive-attach {
  border: 1px solid var(--blue-line);
  background: var(--surface);
}
.partner-finance-drive-attach:hover {
  border-color: var(--blue-line);
  background: var(--blue-bg);
}
.partner-finance-link-dialog {
  background: var(--surface-strong);
}
.partner-finance-link-form {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.20);
}
.partner-finance-link-form input {
  border: 1px solid var(--line);
}
.partner-finance-close-check {
  border-left: 4px solid var(--success-line);
  background: var(--success-bg);
}
.partner-finance-close-check.warn {
  border-left-color: var(--warning-line);
  background: var(--surface);
}
.partner-finance-close-list {
  border: 1px solid var(--line);
  background: var(--surface-strong);
}
.partner-finance-danger-button {
  border: 1px solid var(--warning-line);
  background: var(--warning-bg);
  color: var(--text);
}
.partner-finance-danger-button:hover {
  background: var(--warning-bg);
}
.partner-finance-empty {
  border: 1px dashed var(--line);
  background: var(--surface-strong);
}