/**
 * Design System — fallback when Vite manifest not built.
 * Source: resources/css/design-system.css
 * Run: npm run build (or npm run dev) for full Vite assets.
 */

:root {
  --ds-primary: #e35e6a;
  --ds-primary-hover: #d04d59;
  --ds-dark-bg: #00122e;
  --ds-page-bg: #f4f6f8;
  --ds-card-bg: #ffffff;
  --ds-border: #dee2e6;
  --ds-text: #212529;
  --ds-text-muted: #6c757d;
  --ds-success: #198754;
  --ds-danger: #dc3545;
  --ds-warning: #ffc107;
  --ds-info: #0dcaf0;
  --ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --ds-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --ds-shadow-lg: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.btn-primary-ds,.btn-ds.btn-primary{background-color:var(--ds-primary);border-color:var(--ds-primary);color:#fff;box-shadow:var(--ds-shadow-sm);}
.btn-primary-ds:hover,.btn-ds.btn-primary:hover{background-color:var(--ds-primary-hover);border-color:var(--ds-primary-hover);color:#fff;}
.btn-outline-ds,.btn-ds.btn-outline{background-color:transparent;border:1px solid var(--ds-border);color:var(--ds-text);}
.btn-outline-ds:hover,.btn-ds.btn-outline:hover{background-color:var(--ds-page-bg);border-color:var(--ds-primary);color:var(--ds-primary);}
.btn-ds{display:inline-block;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;padding:0.375rem 0.75rem;font-size:0.875rem;border-radius:0.25rem;border:1px solid transparent;cursor:pointer;transition:color 0.15s,background-color 0.15s,border-color 0.15s;}
.card-ds{background-color:var(--ds-card-bg);border:1px solid var(--ds-border);border-radius:0.375rem;box-shadow:var(--ds-shadow);overflow:hidden;}
.card-ds .card-header-ds{padding:0.75rem 1rem;background-color:var(--ds-page-bg);border-bottom:1px solid var(--ds-border);font-weight:600;color:var(--ds-text);}
.card-ds .card-body-ds{padding:1rem;}
.table-ds{width:100%;margin-bottom:0;color:var(--ds-text);border-collapse:collapse;}
.table-ds th,.table-ds td{padding:0.75rem;vertical-align:middle;border-bottom:1px solid var(--ds-border);}
.table-ds thead th{font-weight:600;background-color:var(--ds-page-bg);border-bottom:1px solid var(--ds-border);}
.table-ds tbody tr:hover{background-color:rgba(0,0,0,0.02);}
.form-control-ds{display:block;width:100%;padding:0.375rem 0.75rem;font-size:0.875rem;line-height:1.5;color:var(--ds-text);background-color:var(--ds-card-bg);border:1px solid var(--ds-border);border-radius:0.25rem;box-shadow:var(--ds-shadow-sm);transition:border-color 0.15s,box-shadow 0.15s;}
.form-control-ds:focus{border-color:var(--ds-primary);outline:0;box-shadow:0 0 0 0.2rem rgba(227,94,106,0.25);}
.form-control-ds.is-invalid{border-color:var(--ds-danger);}
.form-select-ds{display:block;width:100%;padding:0.375rem 2rem 0.375rem 0.75rem;font-size:0.875rem;line-height:1.5;color:var(--ds-text);background-color:var(--ds-card-bg);border:1px solid var(--ds-border);border-radius:0.25rem;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;}
.form-select-ds:focus{border-color:var(--ds-primary);outline:0;}
.form-label-ds{display:inline-block;margin-bottom:0.25rem;font-weight:500;color:var(--ds-text);}
.badge-ds{display:inline-block;padding:0.25em 0.5em;font-size:0.75rem;font-weight:500;line-height:1;text-align:center;border-radius:0.25rem;background-color:var(--ds-page-bg);color:var(--ds-text);border:1px solid var(--ds-border);}
.badge-ds.badge-success-ds{background-color:rgba(25,135,84,0.15);color:var(--ds-success);border-color:transparent;}
.badge-ds.badge-danger-ds{background-color:rgba(220,53,69,0.15);color:var(--ds-danger);border-color:transparent;}
.badge-ds.badge-warning-ds{background-color:rgba(255,193,7,0.2);color:#856404;border-color:transparent;}
.sidebar-ds{position:fixed;top:0;left:0;z-index:1030;width:240px;height:100vh;background-color:var(--ds-dark-bg);color:rgba(255,255,255,0.9);overflow-y:auto;}
.sidebar-ds .nav-link-ds{display:block;padding:0.6rem 1rem;color:rgba(255,255,255,0.8);text-decoration:none;transition:background-color 0.15s,color 0.15s;}
.sidebar-ds .nav-link-ds:hover{background-color:rgba(255,255,255,0.08);color:#fff;}
.sidebar-ds .nav-link-ds.active{background-color:rgba(227,94,106,0.25);color:#fff;}
.topbar-ds{background-color:var(--ds-card-bg);border-bottom:1px solid var(--ds-border);padding:0.5rem 1rem;min-height:56px;display:flex;align-items:center;box-shadow:var(--ds-shadow-sm);}
.footer-ds{padding:0.75rem 1rem;background-color:var(--ds-page-bg);border-top:1px solid var(--ds-border);font-size:0.8125rem;color:var(--ds-text-muted);}
.main-with-sidebar-ds{margin-left:240px;min-height:100vh;display:flex;flex-direction:column;background-color:var(--ds-page-bg);}
.main-with-sidebar-ds .content-wrap-ds{flex:1;padding:1rem 1.5rem;}
.alert-ds{padding:0.75rem 1rem;border-radius:0.25rem;border:1px solid transparent;}
.alert-ds.alert-success-ds{background-color:rgba(25,135,84,0.1);border-color:rgba(25,135,84,0.3);color:#0f5132;}
.alert-ds.alert-danger-ds{background-color:rgba(220,53,69,0.1);border-color:rgba(220,53,69,0.3);color:#842029;}
.text-invalid-ds{font-size:0.875em;color:var(--ds-danger);margin-top:0.25rem;}
