/* FAQ Modal Styles */
.faq-modal {
  display: none;
  position: fixed;
  z-index: 1002;
  left: 0; top: 0; width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.4);
  align-items: center;
  justify-content: center;
}
.faq-card {
  background: #fff;
  max-width: 600px;
  width: 95vw;
  max-height: 90vh;
  overflow: auto;
  border-radius: 10px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.18);
  padding: 0;
}
.faq-body {
  padding: 24px;
}
.faq-categories {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.faq-cat-btn {
  background: #f3f6fa;
  border: none;
  border-radius: 6px;
  padding: 6px 14px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.2s;
}
.faq-cat-btn.active, .faq-cat-btn:hover {
  background: #e0eaff;
}
.faq-q {
  margin-bottom: 12px;
}
.faq-q-title {
  background: none;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  color: #2a3a5a;
  padding: 0;
  text-align: left;
}
.faq-q-answer {
  margin: 6px 0 0 0;
  padding-left: 8px;
  color: #444;
  font-size: 0.98rem;
}
/* Hover dla przycisków Dodaj zlecenie na stronie głównej */
.card .btn.primary:hover {
  background: linear-gradient(90deg, var(--brand), #8ad3ff 80%);
  color: #fff;
  box-shadow: 0 4px 16px #6aa1ff44;
  transform: translateY(-2px) scale(1.025);
  transition: all 0.18s;
}
/* Modal powiększania zdjęć */
#imgZoomModal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.85);
  align-items: center;
  justify-content: center;
  cursor: zoom-out;
  flex-direction: row;
}
#imgZoomModal img {
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 12px;
  box-shadow: 0 0 32px #000;
  transition: transform 0.2s;
}
.zoomable-image {
  cursor: zoom-in;
  transition: box-shadow 0.2s, transform 0.2s;
}
.zoomable-image:hover {
  box-shadow: 0 0 12px #6aa1ff99;
  transform: scale(1.04);
}
:root{
  color-scheme:dark;
  --bg:#0b0f19;
  --panel:#111729;
  --muted:#1a2340;
  --text:#e5ecff;
  --soft:#a5b4d4;
  --brand:#6aa1ff;
  --ok:#2ecc71;
  --warn:#f1c40f;
  --bad:#e74c3c;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:linear-gradient(180deg,var(--bg),#070a12 60%);
  color:var(--text); font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
}
a{color:inherit; text-decoration:none}
.app{display:grid; grid-template-rows:64px 1fr; height:100%}

/* Topbar */

.topbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:0 18px; background:rgba(17,23,41,.7); backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.topbar-actions{display:flex; align-items:center; gap:10px;}
.brand{display:flex; align-items:center; gap:12px; font-weight:700}
.logo{width:36px; height:36px; border-radius:12px; background:radial-gradient(90px 60px at 30% 30%,var(--brand),#8ad3ff 35%,#5c7cff 60%,#2b4dff 100%); box-shadow:0 10px 22px rgba(106,161,255,.35)}
.tabs{display:flex; gap:6px; flex-wrap:wrap}
.tab{
  padding:8px 12px; border-radius:12px; background:transparent; border:1px solid transparent; color:var(--soft);
  cursor:pointer; transition:.18s ease; font-weight:600;
}
.tab:hover{border-color:rgba(255,255,255,.12); color:var(--text)}
.tab.active{background:var(--muted); color:var(--text); border-color:rgba(255,255,255,.12)}

/* Shell layout */
.shell{display:grid; grid-template-columns:280px 1fr; gap:16px; padding:16px; height:calc(100vh - 64px)}
.sidebar{
  background:var(--panel); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); box-shadow:var(--shadow);
  padding:12px; overflow:auto;
}
.content{
  background:var(--panel); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); box-shadow:var(--shadow);
  padding:0; overflow:auto;
}

/* Sidebar groups */
.group{margin:6px 0 10px}
.g-head{display:flex; align-items:center; justify-content:space-between; padding:10px 10px; border-radius:12px; font-weight:700; color:#c8d4ff; cursor:pointer;}
.g-items{display:grid; gap:6px; padding:8px}
.link{padding:10px 12px; border-radius:10px; color:var(--soft); cursor:pointer}
.link:hover,.link.active{background:var(--muted); color:var(--text)}

/* Content header */
.c-head{position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; background:linear-gradient(180deg,rgba(17,23,41,0.95),rgba(17,23,41,0.75)); border-bottom:1px solid rgba(255,255,255,.06); border-radius:var(--radius) var(--radius) 0 0}
.c-title{font-size:20px; font-weight:800}
.c-body{padding:18px}

/* Cards, tables, forms */
.grid{display:grid; gap:16px}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 1000px){.shell{grid-template-columns:1fr}.sidebar{display:none} .cols-2,.cols-3{grid-template-columns:1fr}}
.card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)); border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:14px}
.card h3{margin:0 0 10px}
.card.action{cursor:pointer;transition:.18s ease transform,.18s ease border-color,.18s ease box-shadow;}
.card.action:hover{border-color:rgba(106,161,255,.25);box-shadow:0 14px 30px rgba(0,0,0,.35);transform:translateY(-3px);}
.card.action:focus-visible{outline:2px solid var(--brand);outline-offset:4px;}
.card.tile{display:flex;flex-direction:column;gap:12px;}
.card.tile .tile-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(106,161,255,.12);color:var(--brand);box-shadow:inset 0 0 0 1px rgba(106,161,255,.25);margin-bottom:8px;}
.tile-icon svg{width:32px;height:32px;fill:currentColor;}
.tile-icon img{width:40px;height:40px;object-fit:contain;}
.muted{color:var(--soft)}
.chips{display:flex; gap:6px; flex-wrap:wrap}
.chip{padding:6px 10px; background:var(--muted); border-radius:1000px; font-size:12px}
.status{font-weight:800}
.s-pending{background:rgba(241,196,15,.15); color:#f8e287}
.s-accepted{background:rgba(46,204,113,.15); color:#a6f1c8}
.s-rejected{background:rgba(231,76,60,.15); color:#f2a29a}

.pill{display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid rgba(255,255,255,.12); border-radius:1000px; background:rgba(255,255,255,.04); font-size:13px}
.avatar{width:24px; height:24px; border-radius:50%; background:#2b3a66}

table{width:100%; border-collapse:collapse; overflow:hidden; border-radius:12px; font-size:14px}
thead th{position:sticky; top:0; background:rgba(255,255,255,.06); text-align:left; padding:10px}
tbody td{padding:10px; border-bottom:1px dashed rgba(255,255,255,.06)}

.row{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.btn{padding:10px 14px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:transparent; color:var(--text); cursor:pointer; transition:.18s ease; font-weight:700}
.btn:hover{background:rgba(255,255,255,.06)}
.btn.primary{background:linear-gradient(180deg,var(--brand),#517fff); border-color:transparent; box-shadow:0 10px 18px rgba(106,161,255,.35)}
.btn.ghost{border-color:rgba(255,255,255,.12)}
.btn.ok{background:linear-gradient(180deg,#31d77b,#20b866); border-color:transparent}
.btn.bad{background:linear-gradient(180deg,#ff6a6a,#f44242); border-color:transparent}


.input, select, textarea{width:100%; padding:10px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03); color:var(--text)}
.label{font-size:13px; color:#cbd5ff; margin-bottom:6px}
form .grid{gap:12px}

/* Media gallery */
.gallery{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px}
.gallery img{width:100%; border-radius:12px; height:120px; object-fit:cover}
@media (max-width: 1100px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Wulkanizacja form */
.wulk-form{display:flex;flex-direction:column;gap:24px}
.wulk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:20px 24px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(17,27,52,.8),rgba(19,34,71,.6));box-shadow:var(--shadow)}
.wulk-head h2{margin:0;font-size:1.35rem}
.wulk-hint{color:var(--soft);font-size:.9rem}
.wulk-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;align-items:flex-start}
.wulk-main,.wulk-side{display:flex;flex-direction:column;gap:24px}
.wulk-card{padding:24px !important;display:flex;flex-direction:column;gap:18px}
.wulk-card h3{margin:0}
.wulk-card .tiny{font-size:.75rem;margin:0;color:var(--soft);letter-spacing:.08em;text-transform:uppercase}
.wulk-card .small{font-size:.85rem;margin:0;color:var(--soft)}
.wulk-section{display:flex;flex-direction:column;gap:12px}
.wulk-chip-list{display:flex;flex-wrap:wrap;gap:12px}
.chip-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.03);font-size:.9rem;cursor:pointer;position:relative;transition:.2s ease border-color,.2s ease background}
.chip-toggle input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.chip-toggle:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:3px}
.chip-toggle:has(input:checked){border-color:var(--brand);background:rgba(106,161,255,.2);color:#fff}
.wulk-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.wulk-dimensions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.wulk-attributes{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.wulk-help{font-size:.75rem;color:var(--soft);display:block}
.wulk-extra-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.wulk-extra-grid > div:nth-child(2){grid-column:1/-1}
.wulk-dropzone{border:1px dashed rgba(255,255,255,.2);border-radius:18px;padding:24px;text-align:center;display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,.02);cursor:pointer;transition:.2s ease border-color,.2s ease background}
.wulk-dropzone .drop-title{font-weight:600}
.wulk-dropzone:hover{border-color:var(--brand);background:rgba(106,161,255,.12)}
.wulk-gallery{margin-top:12px}
.wulk-contact-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.wulk-consent{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--soft)}
.wulk-side-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.wulk-side-grid .full-row{grid-column:1/-1}
.wulk-summary-list{display:flex;flex-direction:column;gap:12px}
.wulk-summary-list span{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--soft)}
.wulk-summary-list strong{font-size:1.1rem}
.wulk-summary-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:32px;align-items:center}
.wulk-summary-chips:empty::after{content:"-";color:var(--soft)}
.summary-chip{border:none;border-radius:999px;padding:6px 12px;background:rgba(106,161,255,.12);color:var(--text);font-size:.85rem;font-weight:600;letter-spacing:.01em;cursor:default}
.summary-chip:focus{outline:none}
.summary-chip:disabled{opacity:1}
.detail-tile-groups{display:flex;flex-direction:column;gap:16px}
.detail-tile-group{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px 10px;background:rgba(255,255,255,.02);transition:.2s ease border-color,.2s ease background}
.detail-tile-group.collapsed{padding-bottom:4px}
.detail-tile-group__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:var(--text);font-weight:600;font-size:.95rem;padding:6px 4px;cursor:pointer}
.detail-tile-group__chevron{width:18px;height:18px;border-right:2px solid var(--soft);border-bottom:2px solid var(--soft);transform:rotate(45deg);transition:.2s ease transform}
.detail-tile-group:not(.collapsed) .detail-tile-group__chevron{transform:rotate(225deg)}
.detail-tile-group__content{margin-top:8px}
.detail-tile-group__content[hidden]{display:none}
.detail-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.detail-tile{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,.02);cursor:pointer;transition:.18s ease border-color,.18s ease background,.18s ease transform}
.detail-tile input{position:absolute;inset:0;opacity:0;cursor:pointer}
.detail-tile__title{font-weight:600}
.detail-tile__desc{font-size:.88rem;color:var(--soft)}
.detail-tile:has(input:checked){border-color:var(--brand);background:rgba(106,161,255,.15);box-shadow:0 4px 18px rgba(106,161,255,.25)}
.detail-tile:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:3px}
.wulk-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}
.wulk-summary-card{gap:16px}

@media (max-width: 1100px){
  .wulk-layout{grid-template-columns:1fr}
  .wulk-head{flex-direction:column;align-items:flex-start}
}
@media (max-width: 640px){
  .wulk-card{padding:18px !important}
  .wulk-actions{flex-direction:column}
}

body[data-theme="light"] .wulk-head{background:linear-gradient(135deg,rgba(43,89,255,.1),rgba(43,89,255,.05));border-color:rgba(17,23,41,.08)}
body[data-theme="light"] .chip-toggle{border-color:rgba(17,23,41,.12);background:rgba(17,23,41,.04);color:var(--text)}
body[data-theme="light"] .chip-toggle:has(input:checked){background:rgba(43,89,255,.15);color:var(--text)}
body[data-theme="light"] .wulk-dropzone{border-color:rgba(17,23,41,.12);background:rgba(17,23,41,.02)}
body[data-theme="light"] .wulk-dropzone:hover{background:rgba(43,89,255,.1)}
body[data-theme="light"] .summary-chip{background:rgba(43,89,255,.12);color:var(--text)}
body[data-theme="light"] .detail-tile{border-color:rgba(17,23,41,.12);background:rgba(17,23,41,.02)}
body[data-theme="light"] .detail-tile:has(input:checked){background:rgba(43,89,255,.12);border-color:rgba(43,89,255,.35)}

/* Modal */
.modal{position:fixed; inset:0; display:none; align-items:flex-start; justify-content:center; background:rgba(0,0,0,.45); z-index:50; overflow-y:auto; padding:32px 16px}
.modal.show{display:flex}
.modal-card{width:min(760px,92vw); background:var(--panel); border:1px solid rgba(255,255,255,.1); border-radius:16px; box-shadow:var(--shadow); max-height:calc(100vh - 64px); overflow-y:auto}
.modal-head{display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.06)}
.modal-body{padding:16px}

footer{padding:20px; text-align:center; color:var(--soft)}
.notice{font-size:12px; color:#9fb0e5}
.sep{height:1px; background:rgba(255,255,255,.06); margin:12px 0}

.panel-banner{
  padding:12px 16px;
  margin-bottom:16px;
  background:rgba(106,161,255,0.12);
  border:1px solid rgba(106,161,255,0.35);
  border-radius:12px;
  color:var(--brand);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.05em;
  font-size:13px;
}


.email-sim{display:grid;gap:12px;max-width:520px}
.email-body p{margin:0 0 8px}
.form-error{color:var(--bad);margin:0}


/* Detailer calendar */
.calendar-grid { display:grid; grid-template-columns:repeat(7, minmax(120px,1fr)); gap:12px; }
.calendar-cell { background:rgba(17,23,41,.72); border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:10px; min-height:120px; display:flex; flex-direction:column; gap:8px; transition:.18s ease; }
.calendar-cell:hover { border-color:rgba(255,255,255,.18); box-shadow:0 10px 26px rgba(0,0,0,.25); }
.calendar-head { min-height:auto; text-align:center; font-weight:600; background:transparent; border:none; }
.calendar-date { font-weight:700; font-size:15px; }
.calendar-out { opacity:.45; }
.calendar-today { border-color:var(--brand); box-shadow:0 0 0 1px rgba(106,161,255,.4); }
.calendar-events { display:flex; flex-direction:column; gap:6px; }
.calendar-event { padding:6px 8px; border-radius:10px; background:rgba(106,161,255,.12); font-size:13px; display:flex; justify-content:space-between; align-items:center; gap:8px; border:none; width:100%; text-align:left; color:inherit; cursor:pointer; }
.calendar-event .event-meta { font-size:12px; color:var(--soft); }




/* Star rating UI */
.star-rating { display:flex; gap:4px; align-items:center; }
.star-rating button { background:none; border:none; padding:0; cursor:pointer; font-size:24px; color:#7684a8; transition:.18s ease; }
.star-rating button.active { color:#ffc107; }
.star-rating button:hover { transform:scale(1.05); }
.star-rating button:focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
.review-card { border:1px solid rgba(255,255,255,.06); border-radius:12px; padding:12px; background:rgba(17,23,41,.7); }
.review-card .meta { font-size:13px; color:var(--soft); }
.review-card .stars { color:#ffc107; display:flex; gap:2px; font-size:18px; align-items:center; }
.review-media { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); margin-top:12px; }
.review-media .label { font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:var(--soft); margin-bottom:6px; }
.review-gallery { display:flex; gap:8px; flex-wrap:wrap; align-items:flex-start; }
.review-gallery img { width:110px; height:78px; object-fit:cover; border-radius:8px; background:rgba(255,255,255,.06); box-shadow:0 0 0 1px rgba(255,255,255,.04); }
.review-gallery span { font-size:12px; color:var(--soft); }
.review-upload .review-gallery { min-height:78px; padding:8px; background:rgba(255,255,255,.04); border-radius:8px; justify-content:flex-start; }
.review-upload .review-gallery span { display:block; }
.review-upload input[type="file"] { margin-bottom:8px; }


.form-vehicle{background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.12);padding:16px;border-radius:14px;display:grid;gap:12px}
.form-vehicle h3{margin:0}
.vehicle-grid{gap:14px}
.vehicle-grid .label{margin-bottom:4px}
.profile-layout{gap:18px}
.profile-card{display:grid;gap:16px}
.profile-form{gap:14px}
.profile-vehicles{display:grid;gap:12px}
.profile-vehicles .vehicle-list{display:grid;gap:12px}
.vehicle-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;background:rgba(255,255,255,.02);display:grid;gap:6px}
.vehicle-card__head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.vehicle-card.empty{text-align:center;border-style:dashed;opacity:.75}
@media (max-width: 900px){.profile-layout{grid-template-columns:1fr}}
.vehicle-summary{margin:10px 0 12px}
.vehicle-summary__chips{display:flex;flex-wrap:wrap;gap:8px}
.vehicle-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:13px}
.service-details{margin:12px 0;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;background:rgba(255,255,255,.02);}
.service-details h4{margin:0 0 8px;font-size:15px;color:var(--text);}
.service-details dl{margin:0;display:grid;gap:6px;}
.service-details__row{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px dashed rgba(255,255,255,.05);padding-bottom:4px;}
.service-details__row:last-child{border-bottom:none;padding-bottom:0;}
.service-details__row dt{margin:0;font-weight:600;color:var(--soft);}
.service-details__row dd{margin:0;color:var(--text);text-align:right;}
@media (max-width:640px){.service-details__row{flex-direction:column;align-items:flex-start;gap:4px;}.service-details__row dd{text-align:left;}}
.upload-field{position:relative;display:inline-flex;align-items:center;}
.upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.upload-trigger{cursor:pointer;}

.paired-feedback { margin-top:12px; padding:12px; border-radius:10px; background:rgba(255,255,255,.05); display:grid; gap:6px; }
.paired-feedback .paired-label { font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--soft); }
.paired-feedback .stars { margin-top:4px; }






/* Theme toggles */
body[data-theme="light"] {
  color-scheme:light;
  --bg:#e8ecfb;
  --panel:#ffffff;
  --muted:#f1f4fb;
  --text:#111729;
  --soft:#536081;
  --brand:#2b59ff;
  --ok:#23a34a;
  --warn:#c88f00;
  --bad:#d04a3c;
  --shadow:0 10px 30px rgba(17,23,41,.12);
  background:linear-gradient(180deg,#f7f9ff,#e4e9f8 60%);
}
body[data-theme="light"] .topbar {
  background:rgba(255,255,255,.85);
  border-bottom:1px solid rgba(17,23,41,.08);
  color:var(--text);
}
body[data-theme="light"] .topbar-actions {
  gap:12px;
}
body[data-theme="light"] .tab {
  border-color:rgba(17,23,41,.08);
  color:var(--soft);
}
body[data-theme="light"] .tab:hover {
  border-color:rgba(17,23,41,.18);
  color:var(--text);
}
body[data-theme="light"] .tab.active {
  background:var(--muted);
  border-color:rgba(17,23,41,.18);
}
body[data-theme="light"] .g-head {
  color:#2b3a66;
}
body[data-theme="light"] .sidebar,
body[data-theme="light"] .content {
  border:1px solid rgba(17,23,41,.08);
  box-shadow:0 10px 24px rgba(17,23,41,.08);
}
body[data-theme="light"] .card {
  border:1px solid rgba(17,23,41,.08);
  background:linear-gradient(180deg,rgba(17,23,41,.02),rgba(17,23,41,.01));
}
body[data-theme="light"] .card.action:hover {
  border-color:rgba(43,93,255,.35);
  box-shadow:0 12px 30px rgba(43,93,255,.15);
}
body[data-theme="light"] .c-head {
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.85));
  border-bottom:1px solid rgba(17,23,41,.08);
}
body[data-theme="light"] .pill {
  background:rgba(17,23,41,.04);
  border:1px solid rgba(17,23,41,.08);
}
body[data-theme="light"] .btn {
  border-color:rgba(17,23,41,.12);
}
body[data-theme="light"] .btn:hover {
  background:rgba(17,23,41,.05);
}
body[data-theme="light"] .btn.primary {
  background:linear-gradient(180deg,#3f6dff,#2b59ff);
  color:#fff;
  border-color:transparent;
  box-shadow:0 12px 26px rgba(43,89,255,.25);
}
body[data-theme="light"] .btn.primary:hover {
  background:linear-gradient(180deg,#5580ff,#325fff);
  box-shadow:0 16px 32px rgba(43,89,255,.32);
}

body[data-theme="light"] .chip {
  background:rgba(17,23,41,.06);
  color:var(--text);
}
body[data-theme="light"] .chip.status {
  font-weight:700;
}
body[data-theme="light"] .s-pending {
  background:rgba(241,196,15,.22);
  color:#8a6400;
}
body[data-theme="light"] .s-accepted {
  background:rgba(46,204,113,.22);
  color:#1f7a42;
}
body[data-theme="light"] .s-rejected {
  background:rgba(231,76,60,.24);
  color:#99271e;
}

body[data-theme="light"] table thead th {
  background:rgba(17,23,41,.05);
}
body[data-theme="light"] table tbody td {
  border-bottom:1px dashed rgba(17,23,41,.08);
}
body[data-theme="light"] .review-card {
  background:rgba(255,255,255,.9);
  border:1px solid rgba(17,23,41,.08);
}
body[data-theme="light"] .modal {
  background:rgba(17,23,41,.25);
}
body[data-theme="light"] .modal-card {
  border:1px solid rgba(17,23,41,.12);
}
body[data-theme="light"] footer {
  color:var(--soft);
}