
:root{
  --tc-bg:#090d10;
  --tc-card:#11171b;
  --tc-card2:#151b20;
  --tc-line:#29323a;
  --tc-text:#f1ece4;
  --tc-muted:#79858e;
  --tc-gold:#c8a76b;
}
.tc-card{
  border:1px solid var(--tc-line);
  background:linear-gradient(180deg,var(--tc-card2),var(--tc-card));
  border-radius:18px;
  box-shadow:0 12px 36px rgba(0,0,0,.14);
}
.tc-pill{
  display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;
  border:1px solid #3a3429;background:#15130e;color:#cdb076;font-size:8px;font-weight:900
}
.tc-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tc-app{
  padding:13px;border:1px solid var(--tc-line);border-radius:15px;background:#0d1317;
  text-decoration:none;color:var(--tc-text);min-height:112px;display:flex;flex-direction:column
}
.tc-app-icon{font-size:22px}
.tc-app b{margin-top:12px;font-size:12px}
.tc-app span{margin-top:4px;color:var(--tc-muted);font-size:8.5px;line-height:1.4}
.tc-actions{margin-top:auto;padding-top:10px;display:flex;gap:6px}
.tc-small-btn{
  min-height:30px;padding:0 9px;border:1px solid #343e47;border-radius:9px;
  background:#151b20;color:#e4dfd8;font-size:8px;font-weight:900;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center
}
.tc-small-btn.gold{background:linear-gradient(180deg,#d7b777,#c39f5f);color:#17130d;border-color:#d0ad6c}
.tc-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tc-setting{padding:12px;border:1px solid var(--tc-line);border-radius:13px;background:#0d1317}
.tc-setting label{display:block;font-size:8px;color:var(--tc-muted);margin-bottom:7px;font-weight:800}
.tc-setting select,.tc-setting input{
  width:100%;min-height:38px;border-radius:10px;border:1px solid #343e47;background:#0a0f13;color:var(--tc-text);padding:0 10px
}
.tc-switch-row{display:flex;align-items:center;gap:10px;justify-content:space-between}
.tc-switch-copy b{display:block;font-size:10px}.tc-switch-copy span{display:block;color:var(--tc-muted);font-size:8px;margin-top:3px}
.tc-switch{width:42px;height:24px;border-radius:999px;border:1px solid #353f47;background:#171d22;position:relative;cursor:pointer}
.tc-switch::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;left:2px;top:2px;background:#78848c;transition:.2s}
.tc-switch.on{background:#3b3427;border-color:#5a4c33}.tc-switch.on::after{left:20px;background:#d5b473}
.tc-muted-note{color:#6e7a83;font-size:8px;line-height:1.5;margin-top:9px}
@media(max-width:640px){
  .tc-app-grid{grid-template-columns:1fr}
  .tc-settings-grid{grid-template-columns:1fr}
}


/* Lunivo Themes v1 */
html[data-toolora-theme="dark"]{
  color-scheme:dark;
  --tc-bg:#090d10;--tc-card:#11171b;--tc-card2:#151b20;--tc-line:#29323a;
  --tc-text:#f1ece4;--tc-muted:#79858e;--tc-gold:#c8a76b;
}
html[data-toolora-theme="light"]{
  color-scheme:light;
  --tc-bg:#f4f1eb;--tc-card:#ffffff;--tc-card2:#faf8f4;--tc-line:#ddd7ce;
  --tc-text:#17191b;--tc-muted:#646a6f;--tc-gold:#a78042;
}
html[data-toolora-theme="light"] body{
  background:radial-gradient(circle at 50% -10%,rgba(167,128,66,.08),transparent 32rem),#f4f1eb!important;
  color:#17191b!important;
}
html[data-toolora-theme="light"] .tc-card,
html[data-toolora-theme="light"] .tc-app,
html[data-toolora-theme="light"] .tc-setting,
html[data-toolora-theme="light"] .app-card,
html[data-toolora-theme="light"] .feature-card,
html[data-toolora-theme="light"] .account-card,
html[data-toolora-theme="light"] .waitlist-card{
  background:linear-gradient(180deg,#fff,#faf8f4)!important;
  border-color:#ddd7ce!important;color:#17191b!important;
  box-shadow:0 12px 34px rgba(46,39,29,.08)!important;
}
html[data-toolora-theme="light"] h1,
html[data-toolora-theme="light"] h2,
html[data-toolora-theme="light"] h3,
html[data-toolora-theme="light"] .brand,
html[data-toolora-theme="light"] .app-card strong{color:#17191b!important}
html[data-toolora-theme="light"] p,
html[data-toolora-theme="light"] .muted,
html[data-toolora-theme="light"] .section-copy,
html[data-toolora-theme="light"] .app-card p,
html[data-toolora-theme="light"] .tc-app span,
html[data-toolora-theme="light"] .tc-muted-note{color:#646a6f!important}
html[data-toolora-theme="light"] .btn:not(.gold):not(.primary),
html[data-toolora-theme="light"] .nav-link,
html[data-toolora-theme="light"] .language-button,
html[data-toolora-theme="light"] .toolora-back,
html[data-toolora-theme="light"] .iconbtn,
html[data-toolora-theme="light"] .mini-action,
html[data-toolora-theme="light"] .sync-detail-btn{
  background:#fff!important;color:#17191b!important;border-color:#d7d1c8!important;
}
html[data-toolora-theme="light"] .site-header,
html[data-toolora-theme="light"] header,
html[data-toolora-theme="light"] .nav-shell{
  background:rgba(244,241,235,.94)!important;border-color:#ddd7ce!important;
}
html[data-toolora-theme="light"] footer{
  background:#eeeae3!important;border-color:#d9d3ca!important;color:#60666b!important;
}
html[data-toolora-theme="light"] .card,
html[data-toolora-theme="light"] .rdw-card,
html[data-toolora-theme="light"] .fuel-price-card,
html[data-toolora-theme="light"] .reminder-card,
html[data-toolora-theme="light"] .backup-box,
html[data-toolora-theme="light"] .scan-box,
html[data-toolora-theme="light"] .due-card,
html[data-toolora-theme="light"] .home-card,
html[data-toolora-theme="light"] .saved-vehicle,
html[data-toolora-theme="light"] .item,
html[data-toolora-theme="light"] .reminder-item,
html[data-toolora-theme="light"] .due-item,
html[data-toolora-theme="light"] .saved-data,
html[data-toolora-theme="light"] .rdw-chip,
html[data-toolora-theme="light"] .connect-sheet,
html[data-toolora-theme="light"] .connect-status-card,
html[data-toolora-theme="light"] .connect-method,
html[data-toolora-theme="light"] .connect-signal{
  background:linear-gradient(180deg,#fff,#faf8f4)!important;
  border-color:#ddd7ce!important;color:#17191b!important;
  box-shadow:0 10px 28px rgba(46,39,29,.06)!important;
}
html[data-toolora-theme="light"] .field input,
html[data-toolora-theme="light"] .field select,
html[data-toolora-theme="light"] .rdw-row input,
html[data-toolora-theme="light"] .tc-setting select,
html[data-toolora-theme="light"] .tc-setting input{
  background:#fff!important;color:#17191b!important;border-color:#d5cfc6!important;
}
html[data-toolora-theme="light"] .hero h1,
html[data-toolora-theme="light"] .section-head h2,
html[data-toolora-theme="light"] .metric b,
html[data-toolora-theme="light"] .item-main b,
html[data-toolora-theme="light"] .saved-vehicle h3,
html[data-toolora-theme="light"] .reminder-main b,
html[data-toolora-theme="light"] .due-main b{color:#17191b!important}
html[data-toolora-theme="light"] .hero p,
html[data-toolora-theme="light"] .brand small,
html[data-toolora-theme="light"] .item-main span,
html[data-toolora-theme="light"] .metric span,
html[data-toolora-theme="light"] .saved-vehicle-sub,
html[data-toolora-theme="light"] .reminder-main span,
html[data-toolora-theme="light"] .due-main span{color:#6e757a!important}
html[data-toolora-theme="light"] .tabs{
  background:rgba(250,248,244,.94)!important;border-color:#d5cfc6!important;
  box-shadow:0 15px 38px rgba(46,39,29,.12)!important;
}
html[data-toolora-theme="light"] .tab{color:#73797d!important}
html[data-toolora-theme="light"] .tab.active{background:#17191b!important;color:#fff!important}

/* ShiftPay light theme */
html[data-toolora-theme="light"] body{
  --navy:#f4f1eb;--navy-soft:#ffffff;--ink:#17191b;--muted:#6e7479;
  --line:#ddd7ce;--orange:#a78042;--paper:#ffffff;--page:#f4f1eb;
}
html[data-toolora-theme="light"] .top-surface{
  background:linear-gradient(180deg,rgba(167,128,66,.04),transparent 48%),#f4f1eb!important;
  border-color:#ddd7ce!important;
}
html[data-toolora-theme="light"] .language-button,
html[data-toolora-theme="light"] .shiftpay-region,
html[data-toolora-theme="light"] .mode-switch,
html[data-toolora-theme="light"] .week-arrows .icon-button,
html[data-toolora-theme="light"] .day-chip,
html[data-toolora-theme="light"] .secondary-button,
html[data-toolora-theme="light"] .data-button,
html[data-toolora-theme="light"] .compare-button,
html[data-toolora-theme="light"] .report-button,
html[data-toolora-theme="light"] .install-button{
  background:#fff!important;color:#17191b!important;border-color:#d7d1c8!important;
}
html[data-toolora-theme="light"] .quick-stat,
html[data-toolora-theme="light"] .monthly-card,
html[data-toolora-theme="light"] .monthly-main-card,
html[data-toolora-theme="light"] .monthly-chart-card,
html[data-toolora-theme="light"] .shifts-panel,
html[data-toolora-theme="light"] .rate-card,
html[data-toolora-theme="light"] .data-card,
html[data-toolora-theme="light"] .zzp-clients-card,
html[data-toolora-theme="light"] .top-client-card,
html[data-toolora-theme="light"] .compare-result,
html[data-toolora-theme="light"] .calculation-note,
html[data-toolora-theme="light"] .tax-info,
html[data-toolora-theme="light"] .feature-section,
html[data-toolora-theme="light"] .sheet,
html[data-toolora-theme="light"] .onboarding-dialog,
html[data-toolora-theme="light"] .product-info-dialog{
  background:linear-gradient(180deg,#fff,#faf8f4)!important;
  border-color:#ddd7ce!important;color:#17191b!important;
  box-shadow:0 12px 32px rgba(46,39,29,.07)!important;
}
html[data-toolora-theme="light"] .shift-row,
html[data-toolora-theme="light"] .client-row,
html[data-toolora-theme="light"] .rate-row{
  background:#fff!important;border-color:#ddd7ce!important;
}
html[data-toolora-theme="light"] .action-dock{
  background:rgba(244,241,235,.95)!important;border-color:#ddd7ce!important;
}


/* Lunivo RC3.3 — compact legal/navigation footer */
.toolora-mini-footer{
  width:100%;
  border-top:1px solid rgba(255,255,255,.055);
  padding:18px 0 22px;
  margin-top:18px;
}
.toolora-mini-footer-inner{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.toolora-mini-footer-links{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.toolora-mini-footer a,
.toolora-footer-privacy{
  border:0;background:transparent;padding:0;
  color:#6f7a83;text-decoration:none;
  font:inherit;font-size:10px;font-weight:500;line-height:1.4;cursor:pointer;
}
.toolora-mini-footer a:hover,
.toolora-footer-privacy:hover{color:#b8c0c6}
.toolora-mini-footer-copy{color:#58626a;font-size:9px;white-space:nowrap}
html[data-toolora-theme="light"] .toolora-mini-footer{border-top-color:rgba(20,24,28,.08)}
html[data-toolora-theme="light"] .toolora-mini-footer a,
html[data-toolora-theme="light"] .toolora-footer-privacy{color:#7a7f83}
html[data-toolora-theme="light"] .toolora-mini-footer a:hover,
html[data-toolora-theme="light"] .toolora-footer-privacy:hover{color:#25292d}
html[data-toolora-theme="light"] .toolora-mini-footer-copy{color:#99938a}
@media(max-width:620px){
  .toolora-mini-footer{padding:15px 0 19px}
  .toolora-mini-footer-inner{width:calc(100% - 24px);align-items:flex-start;flex-direction:column;gap:11px}
  .toolora-mini-footer-links{gap:10px 14px}
  .toolora-mini-footer a,.toolora-footer-privacy{font-size:9px}
}

/* RC3.20 — shared readability pass */
html[data-toolora-theme="light"] .small,
html[data-toolora-theme="light"] .muted,
html[data-toolora-theme="light"] .quiet-label,
html[data-toolora-theme="light"] .section-head span,
html[data-toolora-theme="light"] .field-note,
html[data-toolora-theme="light"] .secondary,
html[data-toolora-theme="light"] .local-note,
html[data-toolora-theme="light"] .calculation-note{
  color:#5f676d!important;
}
html[data-toolora-theme="light"] input::placeholder,
html[data-toolora-theme="light"] textarea::placeholder{
  color:#7a8186!important;
  opacity:1!important;
}

/* RC3.20 — consistent small status badges */
.status{
  display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;
  border:1px solid rgba(126,186,147,.24);border-radius:999px;background:rgba(126,186,147,.07);
  color:#8fc5a3!important;font-size:8px!important;font-weight:850!important;white-space:nowrap;
}
.status.soon{border-color:rgba(200,167,107,.28);background:rgba(200,167,107,.07);color:#c8aa74!important}
html[data-toolora-theme="light"] .status{border-color:#bfd5c7;background:#eff7f2;color:#46735a!important}
html[data-toolora-theme="light"] .status.soon{border-color:#d8c6a5;background:#fbf5e9;color:#7a6137!important}
