/* SKOPAS Workspace V18 Phase 14 — shared usability polish */
:root{
  --swp-bg:#f4f6f8;
  --swp-panel:#fff;
  --swp-ink:#0c1825;
  --swp-muted:#6b7888;
  --swp-line:#e1e7ed;
  --swp-nav:#0a1826;
  --swp-gold:#d7a341;
  --swp-blue:#2367d1;
  --swp-radius:14px;
  --swp-shadow:0 8px 24px rgba(15,23,42,.055);
}

html{scroll-behavior:smooth}
body{background:var(--swp-bg)}
body.swp-ready{min-height:100vh}
body.swp-ready a,body.swp-ready button,body.swp-ready input,body.swp-ready select,body.swp-ready textarea{
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease
}
body.swp-ready input:focus,body.swp-ready select:focus,body.swp-ready textarea:focus{
  outline:none!important;
  border-color:#8fa8c1!important;
  box-shadow:0 0 0 3px rgba(35,103,209,.09)!important
}
body.swp-ready input,body.swp-ready select,body.swp-ready textarea{max-width:100%}
body.swp-ready textarea{min-height:110px;resize:vertical}
body.swp-ready button,body.swp-ready input[type=submit],body.swp-ready .btn{
  cursor:pointer
}
body.swp-ready button:active,body.swp-ready input[type=submit]:active,body.swp-ready .btn:active{
  transform:translateY(1px)
}

/* Accessibility/focus */
body.swp-ready a:focus-visible,body.swp-ready button:focus-visible{
  outline:3px solid rgba(35,103,209,.25);
  outline-offset:2px
}

/* Floating job toolbar */
.swp-jobbar{
  position:sticky;
  top:8px;
  z-index:30;
  margin:10px auto 14px;
  max-width:1180px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(9px);
  border:1px solid var(--swp-line);
  border-radius:12px;
  box-shadow:var(--swp-shadow)
}
.swp-jobbar a,.swp-jobbar button{
  text-decoration:none;
  border:1px solid var(--swp-line);
  background:#fff;
  color:#233548;
  border-radius:8px;
  padding:7px 9px;
  font-size:10px;
  font-weight:800
}
.swp-jobbar .swp-home{
  background:var(--swp-nav);
  border-color:var(--swp-nav);
  color:#fff
}
.swp-jobbar .swp-spacer{flex:1}
.swp-jobbar .swp-hint{font-size:9px;color:#7c8997}

/* Table filtering */
.swp-table-tools{
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 0;
  flex-wrap:wrap
}
.swp-table-tools input{
  flex:1;
  min-width:220px;
  border:1px solid var(--swp-line);
  background:#fff;
  border-radius:9px;
  padding:9px 10px;
  font-size:11px
}
.swp-table-tools span{font-size:9px;color:#7e8a98}
.swp-no-results{
  padding:15px;
  margin:8px 0;
  border:1px dashed #ccd5df;
  border-radius:10px;
  color:#748192;
  font-size:10px;
  background:#fbfcfd
}

/* Tables */
body.swp-ready table{
  border-collapse:separate;
  border-spacing:0;
  width:100%
}
body.swp-ready th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f8fafc
}
body.swp-ready tbody tr:hover{background:#fafbfd}
body.swp-ready td,body.swp-ready th{vertical-align:middle}

/* Form helpers */
.swp-required{color:#b42318;margin-left:3px;font-weight:900}
.swp-form-note{
  display:flex;
  gap:8px;
  align-items:flex-start;
  border:1px solid #e3e8ee;
  background:#fbfcfd;
  border-radius:10px;
  padding:10px 11px;
  margin:10px 0 14px;
  color:#667587;
  font-size:10px;
  line-height:1.45
}
.swp-unsaved{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:90;
  background:#172433;
  color:#fff;
  padding:9px 11px;
  border-radius:9px;
  font-size:9px;
  font-weight:800;
  box-shadow:0 8px 24px rgba(15,23,42,.18);
  opacity:0;
  pointer-events:none;
  transform:translateY(5px)
}
.swp-unsaved.show{opacity:1;transform:none}

/* Empty states */
body.swp-ready .empty,body.swp-ready .empty-state{
  border:1px dashed #ccd5df;
  border-radius:10px;
  background:#fbfcfd;
  color:#758293
}

/* Mobile ergonomics */
@media(max-width:760px){
  body.swp-ready{font-size:15px}
  .swp-jobbar{
    position:relative;
    top:auto;
    margin:8px 10px 12px;
    border-radius:11px
  }
  .swp-jobbar .swp-hint{display:none}
  .swp-table-tools{margin-left:0;margin-right:0}
  .swp-table-tools input{min-width:100%}
  body.swp-ready .card,body.swp-ready .panel,body.swp-ready section{
    max-width:100%
  }
  body.swp-ready table{
    min-width:660px
  }
  body.swp-ready .tablewrap,
  body.swp-ready [style*="overflow:auto"],
  body.swp-ready [style*="overflow: auto"]{
    -webkit-overflow-scrolling:touch
  }
  body.swp-ready input,body.swp-ready select,body.swp-ready textarea{
    font-size:16px!important
  }
}

/* Printing should stay clean */
@media print{
  .swp-jobbar,.swp-table-tools,.swp-unsaved{display:none!important}
}


/* V18.14.1 — Dark Workspace Theme
   Softer dark surfaces to reduce glare while retaining readable contrast. */
:root{
  --swp-bg:#111820;
  --swp-panel:#18222d;
  --swp-ink:#e8edf2;
  --swp-muted:#9eabb8;
  --swp-line:#2b3947;
  --swp-nav:#08131e;
  --swp-gold:#d7a341;
  --swp-blue:#6fa3ef;
  --swp-shadow:0 10px 28px rgba(0,0,0,.18);
}

html,body,
body.swp-ready{
  background:#111820!important;
  color:#e8edf2!important;
}

body.swp-ready main,
body.swp-ready .main,
body.swp-ready .content,
body.swp-ready .container,
body.swp-ready .wrapper{
  color:#e8edf2;
}

body.swp-ready .card,
body.swp-ready .panel,
body.swp-ready .box,
body.swp-ready .section,
body.swp-ready .metric,
body.swp-ready .status-card,
body.swp-ready .quick,
body.swp-ready .tool,
body.swp-ready .next-action{
  background:#18222d!important;
  color:#e8edf2!important;
  border-color:#2b3947!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}

body.swp-ready header:not(.sidebar *),
body.swp-ready .topbar{
  background:#151f29!important;
  color:#e8edf2!important;
  border-color:#2b3947!important;
}

body.swp-ready h1,
body.swp-ready h2,
body.swp-ready h3,
body.swp-ready h4,
body.swp-ready strong,
body.swp-ready label{
  color:#eef2f6;
}

body.swp-ready p,
body.swp-ready small,
body.swp-ready .muted,
body.swp-ready .subtitle,
body.swp-ready .description{
  color:#a6b2be;
}

body.swp-ready a{color:#a9c8f4}
body.swp-ready a:hover{color:#d1e2fa}

body.swp-ready input,
body.swp-ready select,
body.swp-ready textarea{
  background:#101820!important;
  color:#e8edf2!important;
  border-color:#344453!important;
}
body.swp-ready input::placeholder,
body.swp-ready textarea::placeholder{color:#748392}
body.swp-ready option{background:#101820;color:#e8edf2}

.swp-jobbar{
  background:rgba(21,31,41,.97)!important;
  border-color:#2b3947!important;
  box-shadow:0 10px 28px rgba(0,0,0,.2)!important;
}
.swp-jobbar a,.swp-jobbar button{
  background:#1b2733!important;
  color:#dce5ed!important;
  border-color:#344453!important;
}
.swp-jobbar .swp-home{
  background:#d7a341!important;
  border-color:#d7a341!important;
  color:#101820!important;
}
.swp-jobbar .swp-hint{color:#8998a7!important}

.swp-table-tools input{
  background:#101820!important;
  color:#e8edf2!important;
  border-color:#344453!important;
}
.swp-table-tools span{color:#94a2af!important}

body.swp-ready table{
  background:#18222d;
  color:#dfe6ed;
}
body.swp-ready th{
  background:#121c26!important;
  color:#9facb9!important;
  border-color:#2b3947!important;
}
body.swp-ready td{
  color:#dbe3ea!important;
  border-color:#273542!important;
}
body.swp-ready tbody tr:hover{background:#1d2a36!important}

body.swp-ready .empty,
body.swp-ready .empty-state,
.swp-no-results,
.swp-form-note{
  background:#141e28!important;
  color:#98a6b4!important;
  border-color:#344453!important;
}

body.swp-ready .status,
body.swp-ready .badge{
  border-color:#3b4a58;
}

body.swp-ready hr{border-color:#2b3947}

body.swp-ready button,
body.swp-ready input[type=submit],
body.swp-ready .btn{
  border-color:#3a4a59;
}

body.swp-ready ::selection{
  background:#d7a341;
  color:#101820;
}

/* Keep warnings/errors visibly distinct on dark surfaces. */
body.swp-ready .error,
body.swp-ready .alert-error,
body.swp-ready [role="alert"]{
  background:#3a1f23!important;
  color:#ffd8d8!important;
  border-color:#6b3037!important;
}
body.swp-ready .success,
body.swp-ready .alert-success{
  background:#17352b!important;
  color:#c9f2df!important;
  border-color:#285c49!important;
}

/* Preserve clean white paper when printing. */
@media print{
  html,body,body.swp-ready{
    background:#fff!important;
    color:#111!important;
  }
}

/* SKOPAS Workspace V18.17 — SKOPAS AI unified theme */
:root{--swp-bg:#212121;--swp-panel:#2f2f2f;--swp-ink:#f4f4f4;--swp-muted:#a7a7a7;--swp-line:#444;--swp-nav:#171717;--swp-gold:#19c37d;--swp-blue:#19c37d;--sk-bg:#212121;--sk-ink:#f4f4f4;--sk-muted:#a7a7a7;--sk-line:#444;--sk-nav:#171717;--sk-gold:#19c37d;--sk-gold2:#19c37d}
html,body{background:#212121!important;color:#f4f4f4!important;color-scheme:dark}
body,body.swp-ready{background:#212121!important;color:#f4f4f4!important}
header,.topbar,.navbar,.nav,.sidebar{background:#171717!important;color:#f4f4f4!important;border-color:#303030!important}
main,.wrap,.container,.content,.page,.page-content,.dashboard,.workspace{background:#212121!important;color:#f4f4f4!important}
.card,.panel,.stat,.stat-card,.metric,.metric-card,.summary,.box,.widget,.tile,.section-card,.kpi,.dashboard-card{background:#2f2f2f!important;color:#f4f4f4!important;border:1px solid #444!important;box-shadow:none!important}
h1,h2,h3,h4,h5,h6,strong,label,.title,.card-title,.stat-value,.metric-value{color:#f4f4f4!important}
p,small,.muted,.subtitle,.description,.hint,.help-text{color:#a7a7a7!important}
a{color:#19c37d!important}a:hover{color:#55d99f!important}
input,select,textarea,.search,.search-box,.filter,.form-control{background:#292929!important;color:#f4f4f4!important;border-color:#444!important}
input::placeholder,textarea::placeholder{color:#888!important}
input:focus,select:focus,textarea:focus{border-color:#19c37d!important;box-shadow:0 0 0 3px rgba(25,195,125,.14)!important}
table{background:#2f2f2f!important;color:#f4f4f4!important;border-color:#444!important}
thead,th{background:#292929!important;color:#d9d9d9!important;border-color:#444!important}
td{background:#2f2f2f!important;color:#ededed!important;border-color:#444!important}
tbody tr:nth-child(even) td{background:#333!important}tbody tr:hover td{background:#383838!important}
.btn,button,input[type=submit],.action-link{background:#383838!important;color:#f4f4f4!important;border:1px solid #484848!important}
.btn:hover,button:hover,input[type=submit]:hover,.action-link:hover{background:#424242!important}
.btn.primary,.primary,.btn-primary,.swp-home,[aria-current="page"],.active>.btn{background:#19c37d!important;color:#06261a!important;border-color:#19c37d!important}
.badge,.status,.pill,.tag{background:#383838!important;color:#dcdcdc!important;border-color:#4a4a4a!important}
.swp-jobbar{background:rgba(23,23,23,.97)!important;border-color:#303030!important}.swp-jobbar a,.swp-jobbar button{background:#292929!important;color:#ededed!important;border-color:#444!important}.swp-jobbar .swp-home{background:#19c37d!important;color:#06261a!important;border-color:#19c37d!important}
hr{border-color:#444!important}.skopas-word{color:#19c37d!important}
::selection{background:#19c37d!important;color:#06261a!important}
@media print{html,body{background:#fff!important;color:#111!important}}

/* ============================================================
   V18.18 DEEP SWEEP — SKOPAS AI THEME, ALL INTERNAL WORKSPACE UI
   This block intentionally targets legacy/custom component names that
   do not use the shared .card/.panel classes.
   ============================================================ */
:root{
 --sk-ai-bg:#212121;--sk-ai-nav:#171717;--sk-ai-panel:#2f2f2f;
 --sk-ai-panel2:#383838;--sk-ai-border:#444;--sk-ai-text:#f4f4f4;
 --sk-ai-muted:#a7a7a7;--sk-ai-green:#19c37d;--sk-ai-green2:#10a37f;
}
html,body,body.swp-ready{background:var(--sk-ai-bg)!important;color:var(--sk-ai-text)!important}

/* Every common legacy surface used throughout Workspace */
body.swp-ready :is(.focusbar,.status-card,.quick,.next-action,.tool,.task-mini,.deadline,.activity-item,
 .summary-card,.quick-card,.feature-card,.status-card,.company-box,.billing-item,.health-item,
 .tenant-box,.preset,.step,.item,.notice,.info,.note,.warning-note,.trial,.meta-pill,.file-pill,
 .table-wrap,.panel-body,.section,.toolbar,.filter,.search,.hero,.company-hero,.workspace-card,
 .attention-card,.planner-card,.workflow-card,.setup-card,.insight-card,.action-card){
 background:var(--sk-ai-panel)!important;color:var(--sk-ai-text)!important;
 border-color:var(--sk-ai-border)!important;box-shadow:none!important;
}
body.swp-ready :is(.focusbar,.status-card,.quick,.next-action,.tool,.summary-card,.quick-card,.feature-card,
 .company-box,.billing-item,.health-item,.tenant-box,.preset,.step,.item,.notice,.info,.note,.table-wrap){
 border:1px solid var(--sk-ai-border)!important;
}
body.swp-ready :is(.quick,.next-action,.tool,.preset,.item):hover{background:var(--sk-ai-panel2)!important;border-color:#555!important}

/* Dashboard-specific components visible in the live UI */
body.swp-ready .focusbar,body.swp-ready .status-card,body.swp-ready .quick{background:var(--sk-ai-panel)!important}
body.swp-ready .progress{background:#444!important}
body.swp-ready .progress span{background:var(--sk-ai-green)!important}
body.swp-ready .focus-pill{background:#383838!important;border-color:#505050!important;color:#e8e8e8!important}
body.swp-ready .focus-pill.warn{background:#3b3324!important;border-color:#67552f!important;color:#f3cf83!important}
body.swp-ready .focus-pill.bad{background:#402829!important;border-color:#704244!important;color:#ffb4b4!important}
body.swp-ready .alert{background:#3b3324!important;border-color:#67552f!important}
body.swp-ready .alert strong{color:#f3cf83!important}

/* Text hierarchy — stop pale text disappearing on dark cards */
body.swp-ready :is(.focusbar,.status-card,.quick,.next-action,.tool,.task-mini,.deadline,.activity-item,
 .summary-card,.quick-card,.feature-card,.company-box,.billing-item,.health-item,.tenant-box,.preset,.step,.item)
 :is(h1,h2,h3,h4,strong,.value,.metric-value,.billing-value){color:var(--sk-ai-text)!important}
body.swp-ready :is(.label,.m-label,.billing-label,.company-label,.navlabel,.eyebrow){color:#b7b7b7!important}
body.swp-ready :is(small,.muted,.hint,.meta,.description,.metric-text,.footer-note){color:var(--sk-ai-muted)!important}
body.swp-ready .quick span,body.swp-ready .tool span,body.swp-ready .task-mini span,
body.swp-ready .deadline small,body.swp-ready .activity-item span,body.swp-ready .status-card small,
body.swp-ready .focusbar span{color:var(--sk-ai-muted)!important}

/* Inputs, filters and search bars */
body.swp-ready :is(input,select,textarea,.form-control,.search input,.filter input,.toolbar input){
 background:#292929!important;color:var(--sk-ai-text)!important;border-color:var(--sk-ai-border)!important;
}
body.swp-ready :is(input,textarea)::placeholder{color:#888!important}

/* Tables — remove remaining light cells/heads */
body.swp-ready :is(table,.table-wrap){background:var(--sk-ai-panel)!important;color:var(--sk-ai-text)!important}
body.swp-ready thead,body.swp-ready th{background:#292929!important;color:#d5d5d5!important;border-color:var(--sk-ai-border)!important}
body.swp-ready td{background:var(--sk-ai-panel)!important;color:#ededed!important;border-color:var(--sk-ai-border)!important}
body.swp-ready tbody tr:nth-child(even) td{background:#333!important}
body.swp-ready tbody tr:hover td{background:#383838!important}

/* Buttons and navigation */
body.swp-ready :is(.btn,button,input[type=submit],.button,.action-link){background:#383838!important;color:var(--sk-ai-text)!important;border-color:#505050!important}
body.swp-ready :is(.btn,button,input[type=submit],.button,.action-link):hover{background:#454545!important}
body.swp-ready :is(.btn.primary,.button.primary,.primary,.btn-primary,.nav a.active,.nav .active,.swp-home){background:var(--sk-ai-green)!important;color:#06261a!important;border-color:var(--sk-ai-green)!important}
body.swp-ready .nav a:not(.active){color:#d7d7d7!important}
body.swp-ready .nav a:not(.active):hover{background:#262626!important;color:#fff!important}

/* Links and icons */
body.swp-ready a{color:var(--sk-ai-green)!important}
body.swp-ready a:hover{color:#55d99f!important}
body.swp-ready svg{stroke:currentColor}
body.swp-ready .quick svg{stroke:var(--sk-ai-green)!important}

/* Status colours remain meaningful but dark-mode safe */
body.swp-ready .status.good,body.swp-ready .badge.good,body.swp-ready .success{background:#17352b!important;color:#a9e9ca!important;border-color:#285c49!important}
body.swp-ready .status.warn,body.swp-ready .badge.warn,body.swp-ready .warn{background:#3b3324!important;color:#f3cf83!important;border-color:#67552f!important}
body.swp-ready .status.bad,body.swp-ready .badge.bad,body.swp-ready .error{background:#402829!important;color:#ffb4b4!important;border-color:#704244!important}
body.swp-ready .badge.neutral,body.swp-ready .status{background:#383838!important;color:#ddd!important;border-color:#505050!important}

/* Dialog-like / empty surfaces */
body.swp-ready :is(.empty,.empty-state,.swp-no-results,.modal,.dialog,.dropdown,.menu,.popover){background:#292929!important;color:var(--sk-ai-muted)!important;border-color:var(--sk-ai-border)!important}

/* Preserve intentionally white printable documents only while printing. */
@media print{html,body,body.swp-ready{background:#fff!important;color:#111!important}}