@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{
  --sc-bg:#f8f9fa;
  --sc-card:#ffffff;
  --sc-card-soft:#f3f4f5;
  --sc-line:#dfe7e1;
  --sc-line-soft:#edf2ef;
  --sc-text:#191c1d;
  --sc-muted:#404943;
  --sc-primary:#0f5238;
  --sc-primary-2:#2d6a4f;
  --sc-mint:#bdeacd;
  --sc-mint-2:#a8e7c5;
  --sc-error:#ba1a1a;
  --sc-error-bg:#ffdad6;
  --sc-shadow:0 14px 32px rgba(15,82,56,.10);
  --sc-shadow-soft:0 8px 24px rgba(15,82,56,.08);
  --sc-radius:16px;
}

#wpcontent{background:var(--sc-bg);padding-left:0!important}
#wpbody-content{padding-bottom:0}
.sc-admin-app,.sc-admin-app *{box-sizing:border-box}
.sc-admin-app{font-family:"Hanken Grotesk",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--sc-text);margin:0!important;min-height:calc(100vh - 32px);display:grid;grid-template-columns:274px minmax(0,1fr);background:var(--sc-bg)}
.sc-admin-app h1,.sc-admin-app h2,.sc-admin-app h3{font-family:"Manrope",system-ui,sans-serif;color:var(--sc-text);margin:0;letter-spacing:-.02em}.sc-admin-app h1{font-size:36px;line-height:1.15;font-weight:800}.sc-admin-app h2{font-size:24px;line-height:1.25;font-weight:700}.sc-admin-app p{font-size:16px;line-height:1.55;color:var(--sc-muted);margin:8px 0 0}.sc-admin-app a{text-decoration:none}.sc-admin-app small{display:block;color:var(--sc-muted);font-size:13px}.sc-admin-app code{background:#eef6f1;border-radius:8px;padding:5px 8px;color:var(--sc-primary)}

.sc-sidebar{position:sticky;top:32px;height:calc(100vh - 32px);background:#f4f6f5;border-right:1px solid #cfd8d1;padding:32px 18px;display:flex;flex-direction:column;gap:30px}.sc-brand{display:flex;align-items:center;gap:14px;color:var(--sc-text)}.sc-brand-mark{width:44px!important;height:44px!important;border-radius:10px;background:var(--sc-primary);color:#fff;display:grid!important;place-items:center;font-size:24px!important;line-height:44px!important}.sc-brand strong{font:800 22px/1.1 Manrope,system-ui;color:var(--sc-primary);display:block}.sc-brand small{font-size:12px;margin-top:4px;color:#2f3f37}
.sc-nav{display:flex;flex-direction:column;gap:6px}.sc-nav a,.sc-sidebar-footer a{position:relative;min-height:44px;border-radius:10px;display:flex;align-items:center;gap:12px;padding:10px 14px;color:#26352e;font-size:16px;font-weight:600;letter-spacing:.02em}.sc-nav a .dashicons,.sc-sidebar-footer a .dashicons{font-size:21px;width:22px;height:22px;color:inherit}.sc-nav a:hover,.sc-sidebar-footer a:hover{background:#e8f6ee;color:var(--sc-primary)}.sc-nav a.is-active{background:var(--sc-mint);color:var(--sc-primary)}.sc-nav a.is-active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:4px;border-radius:999px;background:var(--sc-primary)}.sc-nav hr{border:0;border-top:1px solid #cfd8d1;margin:14px 0}.sc-sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px}.sc-upgrade{background:var(--sc-primary)!important;color:white!important;justify-content:center;box-shadow:var(--sc-shadow-soft)}.sc-logout{color:#c1121f!important}

.sc-main{min-width:0}.sc-topbar{height:70px;border-bottom:1px solid #cfd8d1;background:rgba(248,249,250,.92);backdrop-filter:blur(8px);display:flex;align-items:center;gap:24px;padding:0 40px;position:sticky;top:32px;z-index:5}.sc-tab{font-size:16px;font-weight:700;color:#202724}.sc-tab:hover{color:var(--sc-primary)}.sc-search{margin-left:auto;width:min(360px,35vw);height:42px;border:1px solid #bec9c1;border-radius:999px;background:#f7f9f8;display:flex;align-items:center;gap:8px;padding:0 16px}.sc-search input,.sc-search-field input{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;width:100%;font-size:15px}.sc-avatar{width:36px;height:36px;border-radius:999px;background:var(--sc-primary);color:#fff;display:grid;place-items:center;font-weight:800}

.sc-content{max-width:1280px;margin:0 auto;padding:56px 40px 72px}.sc-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.sc-page-head p{max-width:720px;font-size:18px}.sc-btn,.sc-admin-app .button.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border:0!important;border-radius:10px!important;background:var(--sc-primary)!important;color:#fff!important;font:700 16px/24px "Hanken Grotesk",sans-serif!important;box-shadow:var(--sc-shadow-soft);cursor:pointer}.sc-btn:hover,.sc-admin-app .button.button-primary:hover{background:#0b432e!important;color:#fff!important}.sc-secondary-btn,.sc-admin-app .button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid #cfd8d1!important;border-radius:10px!important;background:#fff!important;color:#24332c!important;font-weight:700!important;cursor:pointer}.sc-secondary-btn:hover,.sc-admin-app .button:hover{border-color:var(--sc-primary)!important;color:var(--sc-primary)!important}

.sc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:32px}.sc-metrics-wide{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(380px,2.2fr)}.sc-metric{background:#fff;border:1px solid var(--sc-line-soft);border-radius:14px;padding:24px;display:flex;align-items:center;gap:18px;min-height:108px;box-shadow:var(--sc-shadow)}.sc-metric-icon{flex:0 0 54px;width:54px!important;height:54px!important;border-radius:999px;background:var(--sc-mint);color:var(--sc-primary);display:grid!important;place-items:center;font-size:25px!important;line-height:54px!important}.sc-metric small{text-transform:none;font-weight:700;letter-spacing:.06em;color:#394840}.sc-metric strong{display:block;font:800 28px/1.1 Manrope,system-ui;color:#090d0b}.sc-metric em{font-style:normal;color:var(--sc-primary);font-weight:700}.sc-progress-card{grid-column:auto / span 1;background:linear-gradient(135deg,#0f5238,#2d6a4f);color:#fff;border-radius:16px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--sc-shadow);min-height:108px}.sc-progress-card h2,.sc-progress-card p{color:#fff}.sc-progress-card p{opacity:.82}.sc-progress-card strong{width:72px;height:72px;border:6px solid rgba(189,234,205,.85);border-radius:999px;display:grid;place-items:center;font-size:18px}

.sc-panel{background:var(--sc-card);border:1px solid var(--sc-line-soft);border-radius:var(--sc-radius);padding:24px;box-shadow:var(--sc-shadow);margin-bottom:32px}.sc-panel:hover{box-shadow:0 18px 36px rgba(15,82,56,.12)}.sc-two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px}.sc-help,.sc-export{background:#2d7457;color:#fff}.sc-help h2,.sc-help p,.sc-export h2,.sc-export p{color:#fff}.sc-export span{display:inline-flex;background:#0f5238;color:#fff;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;margin:8px 5px 0 0}.sc-map{min-height:180px;background:linear-gradient(180deg,#fff 0,#fff 45%,#eef2ef 45%,#e3e8e4 100%)}

.sc-form{margin:0}.sc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.sc-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#415047;margin:0}.sc-form input:not([type=checkbox]),.sc-form select,.sc-form textarea{width:100%;max-width:none!important;margin:0!important;min-height:42px;border:1px solid #cfd8d1!important;border-radius:10px!important;background:#fff!important;color:var(--sc-text)!important;padding:9px 12px!important;font-size:15px!important;box-shadow:none!important}.sc-form input:focus,.sc-form select:focus,.sc-form textarea:focus,.sc-search input:focus{border-color:var(--sc-primary)!important;box-shadow:0 0 0 3px rgba(45,106,79,.16)!important;outline:0!important}.sc-form textarea{min-height:92px}.sc-span-2{grid-column:1/-1}.sc-form p{margin:0;align-self:end}.sc-client-form,.sc-task-form{display:none}.sc-client-form.is-open,.sc-task-form.is-open{display:block}

.sc-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sc-search-field{height:48px;min-width:320px;border:1px solid #cfd8d1;border-radius:10px;background:#f9fbfa;display:flex!important;align-items:center;gap:8px;padding:0 14px;flex-direction:row!important;text-transform:none!important;letter-spacing:0!important}.sc-tabs{display:flex;align-items:center;gap:24px;background:#f8faf9;border:1px solid var(--sc-line);border-radius:14px;padding:14px 18px;margin-bottom:24px}.sc-tabs span{padding:10px 18px;border-radius:999px;font-weight:800}.sc-tabs .is-active{background:var(--sc-primary);color:#fff}.sc-tabs em{margin-left:auto;font-style:normal;color:#28362f}.sc-tabs strong{color:var(--sc-primary)}

.sc-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:15px}.sc-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#3e4c44;background:#f2f4f3;padding:16px 20px;border-bottom:1px solid var(--sc-line)}.sc-table tbody td{padding:18px 20px;border-bottom:1px solid var(--sc-line-soft);vertical-align:middle}.sc-table tbody tr:hover{background:#f8fcfa}.sc-table tbody tr:last-child td{border-bottom:0}.sc-table td strong{display:block;font-size:16px;color:var(--sc-text)}.sc-task-table td:first-child{display:flex;align-items:center;gap:14px}.sc-task-icon{width:44px!important;height:44px!important;border-radius:10px;background:var(--sc-mint);color:var(--sc-primary);display:grid!important;place-items:center;line-height:44px!important;font-size:22px!important}.sc-overdue{color:var(--sc-error)!important;font-weight:800}.sc-overdue small{color:var(--sc-error)!important;font-weight:700}.sc-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.sc-pill.is-green{background:var(--sc-mint);color:var(--sc-primary)}.sc-pill.is-muted{background:#e2e4e3;color:#4f5a54}.sc-pill.is-red{background:var(--sc-error-bg);color:var(--sc-error)}.sc-logo-chip{width:36px;height:36px;border-radius:10px;background:var(--sc-mint);color:var(--sc-primary);display:inline-grid;place-items:center;font-weight:800;margin-right:12px}.sc-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--sc-primary);margin-right:8px}

.sc-user-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:28px}.sc-user-card{position:relative;min-height:246px;background:#fff;border:1px solid var(--sc-line-soft);border-radius:16px;padding:26px;box-shadow:var(--sc-shadow);color:var(--sc-text)}.sc-user-card h2{font-size:27px;margin-top:20px}.sc-user-card p{display:flex;align-items:center;gap:8px}.sc-user-card hr{border:0;border-top:1px solid var(--sc-line-soft);margin:26px 0}.sc-photo{width:68px;height:68px;border-radius:16px;background:linear-gradient(135deg,#0f5238,#bdeacd);color:#fff;display:grid;place-items:center;font:800 22px Manrope,system-ui}.sc-menu-dots{position:absolute;right:22px;top:22px;font-size:28px;line-height:1;color:#26352e}.sc-user-add{border:2px dashed #b7c8bd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fbfcfb}.sc-user-add .dashicons{width:52px;height:52px;border-radius:999px;background:#ecefee;display:grid;place-items:center;font-size:26px;line-height:52px;color:var(--sc-primary)}.sc-user-add strong{margin-top:18px;font-size:18px}.sc-user-add small{margin-top:6px}

.sc-secret-output{display:inline-block;min-width:80px;margin-left:8px;font-size:14px;white-space:nowrap}.sc-hint{margin-top:28px;background:#f6faf8;border-radius:14px;padding:20px}.sc-import-form{max-width:680px}.sc-public-table{width:100%;border-collapse:collapse;margin:16px 0}.sc-public-table th,.sc-public-table td{border-bottom:1px solid #e2e2e2;text-align:left;padding:10px}.sc-public-table th{background:#f6f7f7}.sc-portal{max-width:1000px;margin:24px auto;padding:20px;border:1px solid #e2e2e2;border-radius:14px;background:#fff;font-family:"Hanken Grotesk",sans-serif}.sc-cards,.sc-card,.sc-grid{all:unset}

@media (max-width:1100px){.sc-admin-app{grid-template-columns:1fr}.sc-sidebar{position:relative;top:auto;height:auto}.sc-topbar{top:32px}.sc-metrics,.sc-metrics-wide,.sc-two-col,.sc-user-grid{grid-template-columns:1fr}.sc-content{padding:32px 18px}.sc-page-head{align-items:flex-start;flex-direction:column}.sc-search{display:none}.sc-form-grid{grid-template-columns:1fr}.sc-span-2{grid-column:auto}.sc-toolbar{flex-wrap:wrap}.sc-search-field{min-width:100%}}

/* Frontend app */
.sc-front-app{min-height:100vh;margin:0;max-width:none;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.sc-front-app .sc-sidebar{top:0;height:100vh}
.sc-front-app .sc-topbar{top:0}
.sc-front-app .sc-content{max-width:1280px}
.sc-front-app .sc-support{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:var(--sc-primary);font-weight:800}
.sc-front-app .sc-toast{background:#e8f6ee;border:1px solid var(--sc-mint);color:var(--sc-primary);border-radius:12px;padding:14px 18px;margin-bottom:24px;font-weight:800}
.sc-front-login{min-height:100vh;background:var(--sc-bg);display:grid;place-items:center;padding:24px;font-family:"Hanken Grotesk",system-ui,sans-serif;color:var(--sc-text)}
.sc-login-card{width:min(480px,100%);background:#fff;border:1px solid var(--sc-line-soft);border-radius:24px;padding:40px;box-shadow:var(--sc-shadow)}
.sc-login-card h1{font:800 34px/1.1 Manrope,system-ui,sans-serif;margin:28px 0 8px;color:var(--sc-text);letter-spacing:-.02em}
.sc-login-card p{font-size:17px;line-height:1.55;color:var(--sc-muted);margin:0 0 24px}
.sc-login-brand{margin-bottom:8px}.sc-login-card label{font-weight:800;color:#34463b}.sc-login-card input[type=text],.sc-login-card input[type=password]{width:100%;min-height:46px;border:1px solid #cfd8d1;border-radius:10px;padding:9px 12px;box-shadow:none}.sc-login-card input[type=submit]{width:100%;min-height:48px;border:0;border-radius:10px;background:var(--sc-primary);color:#fff;font-weight:800;cursor:pointer}.sc-login-card .login-remember label{display:flex;gap:8px;align-items:center;font-weight:600}
body:has(.sc-front-app){margin:0}.sc-front-app + *{display:none}
@media (max-width:1100px){.sc-front-app{width:100%;left:auto;right:auto;margin-left:0;margin-right:0}.sc-front-app .sc-sidebar{height:auto}.sc-front-app .sc-topbar{top:0}.sc-front-app .sc-content{padding:32px 18px}}

/* v0.3.1: Frontend app viewport fix.
   The app is rendered from a shortcode, so some themes wrap it in narrow or shifted containers.
   We pin the app to the viewport to prevent half-page offsets and horizontal scrolling. */
html:has(.sc-front-app),
body:has(.sc-front-app){
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--sc-bg)!important;
}
body:has(.sc-front-app) header,
body:has(.sc-front-app) footer,
body:has(.sc-front-app) .site-header,
body:has(.sc-front-app) .site-footer,
body:has(.sc-front-app) .entry-title,
body:has(.sc-front-app) .page-title{
  display:none!important;
}
.sc-front-app{
  position:fixed!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  transform:none!important;
  overflow:auto!important;
  z-index:2147483000!important;
}
.sc-front-app .sc-sidebar{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
}
.sc-front-app .sc-main{
  min-width:0!important;
  overflow-x:hidden!important;
}
.sc-front-app .sc-topbar{
  position:sticky!important;
  top:0!important;
}
.sc-front-app .sc-content{
  width:100%;
  max-width:1280px!important;
  margin:0 auto!important;
}
.admin-bar .sc-front-app{
  top:32px!important;
  height:calc(100vh - 32px)!important;
}
@media (max-width:782px){
  .admin-bar .sc-front-app{top:46px!important;height:calc(100vh - 46px)!important;}
}
@media (max-width:1100px){
  html:has(.sc-front-app),body:has(.sc-front-app){overflow:auto!important;}
  .sc-front-app{position:relative!important;width:100%!important;height:auto!important;min-height:100vh!important;overflow:visible!important;z-index:auto!important;}
  .admin-bar .sc-front-app{top:0!important;height:auto!important;}
  .sc-front-app .sc-sidebar{height:auto!important;}
}

/* Softcactus v0.4 multi-company frontend */
.sc-front-app{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;margin:0!important;overflow:hidden!important;grid-template-columns:274px minmax(0,1fr)!important}
.sc-front-app .sc-sidebar{top:0!important;height:100vh!important}
.sc-front-app .sc-topbar{top:0!important}
.sc-front-app .sc-main{height:100vh;overflow:auto}
.sc-front-login{position:fixed;inset:0;z-index:9999;background:#f8f9fa;display:grid;place-items:center;padding:24px;font-family:"Hanken Grotesk",system-ui,sans-serif}
.sc-login-card{width:min(560px,100%);background:#fff;border:1px solid #edf2ef;border-radius:24px;box-shadow:0 18px 42px rgba(15,82,56,.12);padding:36px}
.sc-login-card h1{font-family:Manrope,system-ui,sans-serif;font-size:36px;line-height:1.1;margin:26px 0 8px;color:#191c1d}
.sc-login-card p{font-size:17px;line-height:1.55;color:#404943}.sc-login-card label{font-weight:700;color:#191c1d}.sc-login-card input[type=text],.sc-login-card input[type=password],.sc-login-card input[type=email]{width:100%;min-height:46px;border:1px solid #cfd8d1;border-radius:10px;padding:10px 12px}.sc-login-card .button{background:#0f5238;border:0;border-radius:10px;color:white;font-weight:800;min-height:46px;padding:0 22px}.sc-onboarding .sc-login-card{width:min(720px,100%)}
.sc-company-switch{margin:-12px 0 4px}.sc-company-switch label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#415047}.sc-company-switch select{border:1px solid #cfd8d1;border-radius:10px;background:#fff;min-height:40px;padding:8px 10px;font-weight:700;color:#0f5238;max-width:100%}.sc-current-company{font-weight:800;color:#0f5238;background:#e8f6ee;border-radius:999px;padding:8px 12px;white-space:nowrap}.sc-settings-app{display:block!important;min-height:calc(100vh - 32px)!important}.sc-settings-app .sc-main{max-width:1180px;margin:0 auto}.sc-settings-app .sc-content{padding-top:36px}.sc-toast{background:#e9f8ee;border-left:4px solid #2d6a4f;border-radius:10px;padding:14px 16px;margin-bottom:24px;font-weight:700;color:#0f5238}.sc-muted{color:#404943}.sc-logo-chip{width:36px;height:36px;border-radius:10px;background:#bdeacd;color:#0f5238;display:inline-grid;place-items:center;font-weight:800;margin-right:10px;vertical-align:middle}.sc-table td strong{display:inline-block}.sc-table td small{margin-top:3px}.sc-pill.is-red{background:#ffdad6;color:#93000a}
@media (max-width:900px){.sc-front-app{grid-template-columns:1fr!important;position:relative!important;height:auto!important;min-height:100vh!important;overflow:auto!important}.sc-front-app .sc-sidebar{position:relative!important;height:auto!important;top:0!important}.sc-front-app .sc-topbar{position:relative!important;top:0!important}.sc-front-app .sc-main{height:auto}.sc-metrics,.sc-metrics-wide,.sc-two-col,.sc-form-grid{grid-template-columns:1fr!important}.sc-content{padding:32px 18px!important}}

/* v0.4.2 website/app routing */
.sc-signup-card{width:min(720px,100%)!important}.sc-auth-links{margin-top:18px!important;text-align:center}.sc-auth-links a{color:var(--sc-primary);font-weight:800}.sc-help-list{display:grid;gap:10px;margin:22px 0}.sc-help-list strong{font:800 18px/1.2 Manrope,system-ui;color:var(--sc-text)}.sc-help-list span{background:#f3f8f5;border:1px solid #dcebe2;border-radius:12px;padding:12px 14px;color:#26352e;font-weight:700}.sc-faq-list{display:grid;gap:12px}.sc-faq-list details{background:#f8fbf9;border:1px solid #e1ebe5;border-radius:12px;padding:14px 16px}.sc-faq-list summary{cursor:pointer;font-weight:800;color:#0f5238}.sc-faq-list p{margin-top:10px}.sc-public-page .sc-secondary-btn{vertical-align:middle;margin-left:8px}.sc-settings-app .sc-table code{white-space:nowrap}
.sc-click-row{cursor:pointer;transition:background .16s ease,transform .16s ease}.sc-click-row:hover{background:#f3f8f5}.sc-task-table a,.sc-table a{color:#0f5238;text-decoration:none}.sc-task-table a:hover,.sc-table a:hover{text-decoration:underline}.sc-filter-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;color:#25352d;text-decoration:none;font-weight:700}.sc-filter-tabs a.is-active{background:#0f5238;color:#fff}.sc-table-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.sc-table-toolbar input{width:min(420px,100%);padding:13px 16px;border:1px solid #bfc9c1;border-radius:12px;background:#fff}.sc-table-toolbar span{color:#64736b;font-size:14px}.sc-count-pill{display:inline-flex;min-width:34px;height:30px;align-items:center;justify-content:center;border-radius:999px;background:#edf3ef;font-weight:800;color:#0f5238}.sc-count-pill.is-billable{background:#bdeacd}.sc-task-detail-layout{align-items:start}.sc-task-summary p{margin:0 0 14px}.sc-task-summary h3{margin-top:24px}.sc-quick-status{display:grid;gap:10px}.sc-quick-status form{margin:0}.sc-quick-status button{width:100%;justify-content:center}.sc-overdue{color:#ba1a1a;font-weight:800}.sc-overdue small{display:block;color:#ba1a1a}@media(max-width:900px){.sc-table-toolbar{align-items:stretch;flex-direction:column}.sc-filter-tabs{overflow:auto}.sc-filter-tabs a{white-space:nowrap}}

/* v0.5.1 roles and permissions */
.sc-mini-form{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #edf2ef}
.sc-mini-form label{font-size:12px;font-weight:800;color:#404943;text-transform:uppercase;letter-spacing:.05em}
.sc-mini-form select{width:100%;min-height:38px;border:1px solid #cfd8d1;border-radius:10px;background:#fff;padding:7px 10px;text-transform:none;letter-spacing:0;font-weight:700;color:#191c1d}
.sc-permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
.sc-permission-grid article{background:#f8fbf9;border:1px solid #e1ebe5;border-radius:16px;padding:16px}
.sc-permission-grid h3{margin:0 0 8px;font:800 17px/1.2 Manrope,system-ui;color:#0f5238}
.sc-permission-grid p{margin:0;color:#404943;line-height:1.45}

/* v0.5.2 improved time registration */
.sc-time-form input[type=number], .sc-time-form input[type=date], .sc-time-form select, .sc-time-form textarea{width:100%}
.sc-time-table td{vertical-align:top}
.sc-small-btn{padding:7px 10px!important;min-height:32px!important;font-size:13px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;margin-right:6px!important}
.sc-inline-form{display:inline;margin:0}
.sc-text-danger{border:0;background:transparent;color:#ba1a1a;font-weight:800;cursor:pointer;padding:7px 4px}
.sc-text-danger:hover{text-decoration:underline}
.sc-time-table .sc-pill.is-red{background:#ffdad6;color:#93000a}
.sc-time-table .sc-pill.is-muted{background:#edf2ef;color:#404943}

/* v0.5.5 user administration */
.sc-user-edit-form{display:contents}
.sc-user-edit-form input,.sc-user-edit-form select{width:100%;min-height:38px;border:1px solid #cfd8d1;border-radius:10px;background:#fff;padding:7px 10px;font-weight:700;color:#191c1d}
.sc-user-edit-form input[readonly]{background:#f3f4f5;color:#707973}
.sc-danger-btn{border:1px solid #ffdad6;background:#fff4f2;color:#93000a;border-radius:10px;font-weight:800;min-height:38px;padding:7px 12px;cursor:pointer;margin-top:8px}
.sc-danger-btn:hover{background:#ffdad6}
.sc-table .sc-inline-form{display:block;margin-top:8px}
.sc-inline-field{display:flex;gap:8px;align-items:center}.sc-inline-field input{min-width:0;flex:1}.sc-inline-field .sc-secondary-btn{white-space:nowrap}.sc-cvr-message-box{display:none;margin:0 0 2px;padding:12px 14px;border:1px solid #d7e5dc;border-radius:14px;background:#f8fbf9;color:#405047;font-size:13px;font-weight:800;letter-spacing:.01em}.sc-cvr-message-box:not(:empty){display:flex;align-items:center;gap:8px}.sc-cvr-message-box:before{content:"";width:9px;height:9px;border-radius:99px;background:#8aa095;flex:0 0 auto}.sc-cvr-message-box.is-loading{background:#f8fbf9;border-color:#d7e5dc;color:#405047}.sc-cvr-message-box.is-success{background:#eef8f1;border-color:#bdeacd;color:#0f5238}.sc-cvr-message-box.is-success:before{background:#0f6b49}.sc-cvr-message-box.is-error{background:#fff4f2;border-color:#ffdad6;color:#93000a}.sc-cvr-message-box.is-error:before{background:#ba1a1a}

/* Softcactus v0.5.7: frontend app is the whole experience, no WordPress toolbar/topbar */
.sc-front-app .sc-content{padding-top:40px!important;}
.sc-admin-panel-link{margin-top:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:16px!important;color:#bdeacd!important;}
.sc-admin-panel-link:hover{background:rgba(189,234,205,.12)!important;color:#fff!important;}

.sc-notice{padding:12px 14px;border-radius:12px;margin:16px 0;font-weight:700;border:1px solid var(--sc-outline, #bfc9c1);background:#eef8f1;color:#0f5238;}
.sc-notice-error{background:#fff1f0;border-color:#ffdad6;color:#93000a;}
.sc-notice-success{background:#eef8f1;border-color:#bdeacd;color:#0f5238;}
.sc-login-form .sc-check{display:flex;align-items:center;gap:8px;font-weight:600;}
.sc-login-form .sc-check input{width:auto;}

/* Softcactus v0.6.3 login polish, hidden WP toolbar and logged-in user block */
body.admin-bar:has(.sc-front-app),
body.admin-bar:has(.sc-front-login){padding-top:0!important;}
body:has(.sc-front-app) #wpadminbar,
body:has(.sc-front-login) #wpadminbar{display:none!important;}
html:has(.sc-front-app),html:has(.sc-front-login){margin-top:0!important;}
.admin-bar .sc-front-app{top:0!important;height:100vh!important;}

.sc-login-v063{background:radial-gradient(circle at top left, rgba(189,234,205,.42), transparent 32%),linear-gradient(135deg,#f8f9fa 0%,#eef4f0 100%);}
.sc-login-v063 .sc-login-card{width:min(860px,calc(100vw - 48px));padding:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);border-radius:28px;border:1px solid rgba(191,201,193,.7);box-shadow:0 28px 80px rgba(15,82,56,.16);background:#fff;}
.sc-login-v063 .sc-login-hero{padding:42px 42px 38px;background:linear-gradient(155deg,#ffffff 0%,#f4fbf7 72%);border-right:1px solid #edf2ef;}
.sc-login-v063 .sc-login-form-panel{padding:42px 36px;display:flex;flex-direction:column;justify-content:center;}
.sc-login-v063 .sc-login-card h1{font-size:42px;line-height:1.04;margin:30px 0 14px;max-width:420px;}
.sc-login-v063 .sc-login-card p{font-size:18px;line-height:1.55;max-width:430px;margin-bottom:28px;}
.sc-login-v063 .sc-login-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;}
.sc-login-v063 .sc-login-points span{display:inline-flex;border-radius:999px;background:#e8f6ee;color:#0f5238;padding:9px 13px;font-weight:800;font-size:13px;}
.sc-login-v063 .sc-login-form{display:grid;gap:16px;}
.sc-login-v063 .sc-login-form label{gap:8px;font-size:12px;line-height:1.1;}
.sc-login-v063 .sc-login-form input[type=text],
.sc-login-v063 .sc-login-form input[type=password],
.sc-login-v063 .sc-login-form input[type=email]{min-height:52px;border-radius:14px!important;font-size:16px!important;}
.sc-login-v063 .sc-check{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:10px!important;text-align:left;margin-top:-2px;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:700!important;}
.sc-login-v063 .sc-check input{width:18px;height:18px;margin:0;}
.sc-login-v063 .sc-btn{min-height:52px;border-radius:14px!important;padding-inline:28px;}
.sc-login-v063 .sc-auth-links{margin:24px 0 0!important;text-align:left;}
.sc-login-v063 .sc-notice{margin-bottom:18px;border-radius:14px;}
.sc-sidebar-user{display:flex;align-items:center;gap:11px;border-top:1px solid #dfe7e1;padding:14px 8px 8px;color:#26352e;min-width:0;}
.sc-sidebar-user-avatar{flex:0 0 38px;width:38px;height:38px;border-radius:999px;background:#dff5e8;color:#0f5238;display:grid;place-items:center;font-weight:900;}
.sc-sidebar-user strong{display:block;font:800 14px/1.15 Manrope,system-ui,sans-serif;color:#191c1d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:178px;}
.sc-sidebar-user small{display:block;color:#56675e;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:178px;margin-top:3px;}
@media(max-width:760px){.sc-login-v063 .sc-login-card{grid-template-columns:1fr;width:min(560px,calc(100vw - 28px));}.sc-login-v063 .sc-login-hero{padding:30px 28px 22px;border-right:0;border-bottom:1px solid #edf2ef}.sc-login-v063 .sc-login-form-panel{padding:28px}.sc-login-v063 .sc-login-card h1{font-size:34px}}

/* v0.6.6 role visibility and user admin polish */
.sc-sidebar-user em{display:inline-flex;margin-top:7px;padding:4px 9px;border-radius:999px;background:#e8f6ee;color:#0f5238;font-size:11px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.05em;max-width:178px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-sidebar-footer .sc-upgrade{box-shadow:0 12px 28px rgba(15,82,56,.16)}
.sc-panel:has(.sc-user-edit-form){overflow-x:auto}
.sc-user-edit-form input,.sc-user-edit-form select{min-width:120px;box-sizing:border-box}
.sc-table .sc-danger-zone{margin-top:8px;max-width:180px}.sc-table .sc-danger-zone summary{cursor:pointer;font-weight:800;color:#6f1d1b}.sc-table .sc-danger-zone input{width:100%;margin:8px 0 6px;border:1px solid #efc6c2;border-radius:10px;padding:8px 10px}.sc-table .sc-inline-form .sc-danger-btn,.sc-table .sc-danger-zone .sc-danger-btn{width:100%;justify-content:center}.sc-table td:last-child{min-width:150px}.sc-table th,.sc-table td{border-right:0}.sc-table tbody td{background-clip:padding-box}.sc-table tbody tr{transition:background .15s ease}.sc-table tbody tr:hover{background:#f7fbf8}.sc-table select,.sc-table input{font-size:14px}.sc-table .sc-pill{white-space:nowrap}
@media(max-width:980px){.sc-table{min-width:860px}.sc-panel{overflow-x:auto}.sc-sidebar-user strong,.sc-sidebar-user small,.sc-sidebar-user em{max-width:150px}}

/* v0.7.2: Payment controls span the full table width instead of squeezing into the action column */
.sc-payment-control-row td{padding:0!important;background:#fbfdfb!important;border-top:0!important}
.sc-payment-details{border-top:1px solid #e6ece8;padding:0 18px 18px 18px}
.sc-payment-details summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin:14px 0 12px;font-weight:900;color:#0f5238}
.sc-payment-details-inner{display:grid;gap:18px;max-width:100%}
.sc-payment-control-form{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;background:#fff;border:1px solid #dfe8e2;border-radius:16px;padding:18px;box-shadow:0 10px 28px rgba(15,82,56,.08)}
.sc-payment-paid-form{grid-template-columns:220px minmax(220px,1fr) auto;align-items:end;background:#f7fbf8;border:1px solid #dfe8e2;border-radius:16px;padding:18px}
.sc-muted{color:#6b756f;font-size:12px;font-weight:700}
@media (max-width:1200px){.sc-payment-control-form{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-payment-paid-form{grid-template-columns:1fr}}
@media (max-width:700px){.sc-payment-control-form{grid-template-columns:1fr}.sc-payment-paid-form{grid-template-columns:1fr}.sc-payment-details{padding:0 10px 14px}}

/* v0.7.4 payment UX */
.sc-pill.is-yellow{background:#fff4cc;color:#7a4b00}.sc-pill.is-blue{background:#dff0ff;color:#174c7c}.sc-pill.is-gray{background:#edf0ef;color:#52605a}.sc-payment-confirm{min-width:190px}.sc-payment-confirm summary{cursor:pointer;font-weight:800;color:#0f5238}.sc-payment-confirm form{display:grid;gap:8px;margin-top:10px;padding:12px;border:1px solid #d8e4dc;border-radius:12px;background:#f8fbf9}.sc-payment-confirm label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#404943}.sc-payment-confirm input{width:100%;margin-top:4px;border:1px solid #cfd8d1;border-radius:10px;padding:8px 10px}.sc-payment-paid-form{border-top:1px solid #e4ebe6;margin-top:20px;padding-top:20px}.sc-warning{background:#fff4e5;border-left:4px solid #d97706;border-radius:10px;padding:14px 16px;margin-bottom:24px;font-weight:700;color:#7c3f00}

/* v0.7.5 payment overview tabs */
.sc-payment-nav-panel{display:grid;gap:18px}
.sc-payment-filter{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:0}
.sc-payment-filter label{display:grid;gap:6px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#404943}
.sc-payment-filter input,.sc-payment-filter select{min-width:180px;border:1px solid #cfd8d1;border-radius:12px;padding:10px 12px;background:#fff;font:700 14px/1.2 Hanken Grotesk,system-ui;color:#191c1d}
.sc-payment-tabs{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e5ece7;padding-top:16px}
.sc-payment-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;border:1px solid #d7e2db;background:#fff;color:#0f5238;text-decoration:none;font-weight:900}
.sc-payment-tabs a.is-active{background:#0f5238;color:#fff;border-color:#0f5238;box-shadow:0 10px 22px rgba(15,82,56,.16)}
.sc-payment-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(160px,1fr))!important;gap:18px!important;margin:0!important}
.sc-payment-kpis .sc-metric{min-height:96px;padding:20px}
@media (max-width:1100px){.sc-payment-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:700px){.sc-payment-kpis{grid-template-columns:1fr!important}.sc-payment-filter{align-items:stretch}.sc-payment-filter input,.sc-payment-filter select{min-width:100%}.sc-payment-tabs a{flex:1 1 auto}}


/* v0.7.6 frontend subscription page */
.sc-subscription-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:start}
.sc-subscription-grid .sc-subscription-history{grid-column:1 / -1}
.sc-subscription-card{display:grid;gap:18px}
.sc-subscription-plan{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid #b7c9ff;border-radius:16px;padding:22px;background:#fff}
.sc-subscription-check{width:46px;height:46px;border-radius:999px;background:#0f5238;color:#fff;display:grid;place-items:center;font-size:28px;line-height:1}
.sc-subscription-plan strong{display:block;font:900 22px/1.15 Manrope,system-ui,sans-serif;color:#26352e}.sc-subscription-plan small{display:block;margin-top:4px;color:#627166;font-weight:700}
.sc-subscription-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sc-subscription-meta div,.sc-usage-list div{border:1px solid #e0e8e3;border-radius:14px;background:#fbfdfb;padding:16px}.sc-subscription-meta small,.sc-usage-list span{display:block;text-transform:uppercase;letter-spacing:.07em;font-weight:900;font-size:11px;color:#617067}.sc-subscription-meta strong,.sc-usage-list strong{display:block;margin-top:6px;font:900 20px/1.2 Manrope,system-ui,sans-serif;color:#191c1d}.sc-subscription-actions{display:flex;gap:12px;flex-wrap:wrap}.sc-subscription-actions .sc-btn[disabled]{opacity:.55;cursor:not-allowed}.sc-billing-info{display:grid;gap:8px;border:1px solid #e0e8e3;border-radius:16px;background:#fff;padding:18px;margin:8px 0 16px}.sc-billing-info strong{font:900 18px/1.2 Manrope,system-ui,sans-serif}.sc-billing-info span{color:#53635a;font-weight:700}.sc-usage-list{display:grid;gap:12px}.sc-usage-users{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.sc-usage-users li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #e0e8e3}.sc-usage-users li:first-child{border-top:0;padding-top:0}.sc-usage-users .sc-usage-avatar{width:30px;height:30px;border-radius:999px;background:#e5f7ed;color:#0b5d42;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;flex:0 0 30px}.sc-usage-users li strong{margin:0!important;font-size:14px!important;line-height:1.2}.sc-usage-users li small{display:block;margin-top:2px;color:#607168;font-weight:700;font-size:12px;line-height:1.35;text-transform:none;letter-spacing:0}.sc-subscription-history .sc-table{margin-top:8px}
@media(max-width:980px){.sc-subscription-grid{grid-template-columns:1fr}.sc-subscription-plan{grid-template-columns:auto 1fr}.sc-subscription-plan .sc-pill{grid-column:2}.sc-subscription-meta{grid-template-columns:1fr}}

/* v0.7.7 payment and frontend subscription polish */
.sc-payment-register summary{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #d7e2db;border-radius:12px;background:#fff;color:#0f5238;font-weight:900;cursor:pointer}
.sc-payment-register[open] summary{background:#e8f6ee;border-color:#bdeacd}
.sc-payment-register-form{display:grid!important;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;margin-top:12px;padding:16px;border:1px solid #d8e4dc;border-radius:16px;background:#f8fbf9;min-width:min(460px,calc(100vw - 80px))}
.sc-payment-register-form label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#404943}.sc-payment-register-form input{width:100%;margin-top:5px;border:1px solid #cfd8d1;border-radius:11px;padding:9px 10px;background:#fff}.sc-check-line{display:flex!important;align-items:center!important;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;color:#26352e!important}.sc-check-line input{width:18px!important;height:18px!important;margin:0!important;flex:0 0 auto}.sc-payment-control-row{scroll-margin-top:24px}.sc-payment-control-row:target td{background:#f3fbf6!important}.sc-payment-control-row:target .sc-payment-details{outline:2px solid #bdeacd;border-radius:16px}.sc-payment-control-row:target .sc-payment-details:not([open]) summary{animation:scPulsePay 1.2s ease 2}@keyframes scPulsePay{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 6px rgba(189,234,205,.55)}}.sc-payment-paid-form{grid-template-columns:repeat(3,minmax(160px,1fr))}.sc-payment-paid-form .sc-check-line{grid-column:1/-1}.sc-payment-paid-form p{margin:0}.sc-table .sc-small-btn{text-decoration:none!important;white-space:nowrap}.sc-subscription-grid-v077{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.sc-subscription-left,.sc-subscription-right{display:grid;gap:24px}.sc-subscription-grid-v077 .sc-subscription-history{grid-column:auto}.sc-change-plan{margin-top:4px}.sc-change-plan summary{list-style:none;display:inline-flex}.sc-change-plan summary::-webkit-details-marker{display:none}.sc-change-plan[open]{border:1px solid #dfe8e2;border-radius:16px;padding:14px;background:#f8fbf9}.sc-change-plan[open] summary{margin-bottom:14px}.sc-change-plan .sc-form{margin-top:8px}.sc-subscription-right .sc-subscription-history .sc-table{font-size:13px}.sc-subscription-right .sc-subscription-history .sc-table th,.sc-subscription-right .sc-subscription-history .sc-table td{padding:12px 10px}@media(max-width:980px){.sc-subscription-grid-v077{grid-template-columns:1fr}.sc-payment-register-form,.sc-payment-paid-form{grid-template-columns:1fr;min-width:0}.sc-payment-paid-form .sc-check-line{grid-column:auto}}

/* v0.8.0 responsive/mobile app and field work flow */
.sc-front-app{min-height:100vh;grid-template-columns:274px minmax(0,1fr);overflow-x:hidden}.sc-front-app .sc-main,.sc-front-app .sc-content{min-width:0}.sc-front-app .sc-content{width:100%;max-width:1280px}.sc-two-col{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start}.sc-two-col > *{min-width:0}.sc-front-app .sc-panel{min-width:0}.sc-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.sc-table thead,.sc-table tbody,.sc-table tr{width:100%}.sc-table th,.sc-table td{white-space:normal}.sc-task-table td:first-child{min-width:220px}.sc-help,.sc-export{overflow:hidden}.sc-progress-card{min-width:0}.sc-metrics-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-front-app .sc-form-grid{min-width:0}

.sc-work-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:24px;align-items:start}.sc-work-primary{position:relative}.sc-work-kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:14px;border:1px solid #dfe8e2;border-radius:16px;background:#f8fbf9}.sc-work-kicker .dashicons{width:44px;height:44px;border-radius:999px;background:#bdeacd;color:#0f5238;display:grid;place-items:center;font-size:22px;line-height:44px}.sc-work-kicker strong{display:block;font:900 16px/1.2 Manrope,system-ui}.sc-work-kicker small{display:block;font-weight:800;color:#56645d}.sc-work-task-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 22px}.sc-work-task-summary span{border:1px solid #e0e8e3;border-radius:12px;background:#fbfdfb;padding:12px;color:#506058;font-weight:700}.sc-work-task-summary strong{display:block;color:#191c1d;margin-top:3px}.sc-work-task-list{display:grid;gap:10px}.sc-work-task{display:grid;gap:4px;border:1px solid #dfe8e2;border-radius:14px;background:#fff;color:#191c1d;padding:14px;text-decoration:none!important}.sc-work-task:hover,.sc-work-task.is-active{border-color:#0f5238;background:#effaf3}.sc-work-task strong{font-size:15px}.sc-work-task span,.sc-work-task small{color:#596a60;font-weight:700}.sc-quick-work-form .sc-time-form{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-quick-work-form .sc-time-form label:nth-of-type(5),.sc-quick-work-form .sc-time-form label:nth-of-type(6){grid-column:auto}.sc-mobile-sticky-action{display:none}

@media(max-width:1180px){.sc-metrics,.sc-metrics-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-progress-card{grid-column:1/-1}.sc-two-col,.sc-work-layout,.sc-subscription-grid,.sc-subscription-grid-v077{grid-template-columns:1fr}.sc-help,.sc-export{background:#fff;color:var(--sc-text)}.sc-help h2,.sc-help p,.sc-export h2,.sc-export p{color:var(--sc-text)}}

@media(max-width:860px){body.softcactus-route-body{overflow-x:hidden}.sc-front-app{display:block;min-height:100vh}.sc-sidebar{position:relative;top:auto;height:auto;border-right:0;border-bottom:1px solid #d7e2db;padding:18px 16px;gap:16px}.sc-sidebar .sc-brand{margin-bottom:2px}.sc-company-current{margin:0}.sc-company-switch select{width:100%;max-width:none}.sc-nav{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:4px 0 8px;scroll-snap-type:x proximity}.sc-nav a{flex:0 0 auto;min-height:40px;padding:9px 12px;font-size:14px;white-space:nowrap;scroll-snap-align:start}.sc-nav a.is-active:before{display:none}.sc-sidebar-footer{border-top:1px solid #dfe8e2;padding-top:12px;margin-top:0}.sc-sidebar-user{order:1}.sc-sidebar-footer .sc-upgrade{order:2}.sc-logout{order:3}.sc-content{padding:24px 16px 96px!important}.sc-page-head{display:grid;gap:14px;margin-bottom:22px}.sc-page-head h1{font-size:30px}.sc-page-head p{font-size:16px}.sc-metrics,.sc-metrics-wide,.sc-payment-kpis{grid-template-columns:1fr!important;gap:12px!important}.sc-metric{min-height:92px;padding:18px}.sc-panel{padding:18px;margin-bottom:18px;border-radius:14px}.sc-form-grid,.sc-quick-work-form .sc-time-form,.sc-payment-control-form,.sc-payment-paid-form{grid-template-columns:1fr!important}.sc-span-2{grid-column:auto}.sc-toolbar,.sc-tabs,.sc-payment-filter{align-items:stretch;flex-direction:column}.sc-search-field{min-width:0;width:100%}.sc-tabs{gap:8px}.sc-tabs span,.sc-tabs a{width:100%;text-align:center}.sc-table{min-width:720px}.sc-task-table{min-width:760px}.sc-time-table{min-width:900px}.sc-user-edit-form{min-width:820px}.sc-work-task-summary{grid-template-columns:1fr}.sc-work-list{max-height:none}.sc-mobile-sticky-action{display:flex;position:fixed;left:16px;right:16px;bottom:16px;z-index:40;min-height:52px;border-radius:14px;background:#0f5238;color:#fff!important;box-shadow:0 18px 36px rgba(15,82,56,.22);align-items:center;justify-content:center;gap:8px;font-weight:900;text-decoration:none}.sc-mobile-sticky-action .dashicons{color:#fff}.sc-front-app .sc-admin-panel-link{display:none}}

@media(max-width:520px){.sc-brand strong{font-size:20px}.sc-brand-mark{width:40px!important;height:40px!important}.sc-sidebar-footer .sc-upgrade{width:100%}.sc-sidebar-user{display:flex;align-items:center}.sc-page-head h1{font-size:26px}.sc-work-kicker{align-items:flex-start}.sc-subscription-plan{grid-template-columns:1fr;gap:12px}.sc-subscription-meta,.sc-usage-list{grid-template-columns:1fr}.sc-payment-register-form{min-width:0}.sc-btn,.sc-secondary-btn{width:100%;justify-content:center}.sc-table .sc-secondary-btn,.sc-table .sc-btn{width:auto}.sc-login-v063 .sc-login-card{width:calc(100vw - 24px)}}

/* v0.8.1 navigation cleanup */
.sc-settings-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 22px;padding:12px;background:#f8fbf9;border:1px solid #dfe8e2;border-radius:16px}
.sc-settings-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:999px;color:#26352e;text-decoration:none;font-weight:900;background:#fff;border:1px solid #e1ebe5}
.sc-settings-tabs a:hover{border-color:#bdeacd;color:#0f5238;text-decoration:none}
.sc-settings-tabs a.is-active{background:#0f5238;color:#fff;border-color:#0f5238;box-shadow:0 12px 24px rgba(15,82,56,.14)}
@media(max-width:860px){.sc-settings-tabs{overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x proximity}.sc-settings-tabs a{flex:0 0 auto;scroll-snap-align:start}}

/* v0.8.2: modal editing and calmer tables */
.sc-modal{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:24px}
.sc-modal.is-open{display:flex}
.sc-modal-backdrop{position:absolute;inset:0;background:rgba(12,24,18,.48);backdrop-filter:blur(3px)}
.sc-modal-card{position:relative;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid #dfe8e2;border-radius:24px;box-shadow:0 30px 90px rgba(15,82,56,.24);padding:28px;z-index:1}
.sc-modal-card h2{margin:0 44px 18px 0;font-size:26px;line-height:1.15}
.sc-modal-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:1px solid #dce7e0;border-radius:999px;background:#fff;color:#0f5238;font-size:25px;line-height:1;cursor:pointer;font-weight:800}
.sc-modal-close:hover{background:#e8f6ee}
.sc-modal-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:0!important}.sc-modal-lock{overflow:hidden}
.sc-billing-info{display:grid;gap:10px;border:1px solid #dce7e0;border-radius:16px;padding:18px;background:#fbfdfb}.sc-billing-info strong{font-size:18px}.sc-billing-info span{color:#53635a;font-weight:700}
.sc-panel{max-width:100%;box-sizing:border-box}.sc-table{width:100%;border-collapse:separate!important;border-spacing:0;table-layout:auto;background:#fff;border:1px solid #e0e8e3;border-radius:16px;overflow:hidden}.sc-table th{background:#f1f4f2;color:#394840;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;padding:16px 18px;border-bottom:1px solid #d8e2dc;text-align:left;white-space:nowrap}.sc-table td{padding:16px 18px;border-bottom:1px solid #edf2ef;vertical-align:middle}.sc-table tr:last-child td{border-bottom:0}.sc-table td strong{line-height:1.35}.sc-table td small{display:block;color:#586961;line-height:1.4}.sc-table .sc-task-icon{flex:0 0 auto}.sc-task-table td:first-child{min-width:260px}.sc-task-table td:first-child strong{display:inline-block;margin-left:12px}.sc-task-table td:first-child small{margin-left:48px}.sc-table-wrap,.sc-panel:has(.sc-table){overflow-x:auto}.sc-panel:has(.sc-table) .sc-table{min-width:760px}.sc-filter-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;overflow-x:auto}.sc-filter-tabs a{flex:0 0 auto}.sc-form-grid{align-items:end}.sc-form-grid p{align-self:end}.sc-form-grid .sc-btn,.sc-form-grid .sc-secondary-btn{white-space:nowrap}
@media(max-width:900px){.sc-modal{padding:14px;align-items:flex-end}.sc-modal-card{width:100%;max-height:90vh;border-radius:22px 22px 0 0;padding:24px 18px}.sc-panel:has(.sc-table) .sc-table{min-width:720px}.sc-task-table td:first-child{min-width:230px}.sc-task-table td:first-child small{margin-left:0}.sc-task-table td:first-child strong{margin-left:8px}.sc-filter-tabs{flex-wrap:nowrap;padding-bottom:6px}.sc-form-grid p{width:100%;display:flex;gap:8px;flex-wrap:wrap}.sc-form-grid .sc-btn,.sc-form-grid .sc-secondary-btn{flex:0 0 auto}}


/* v0.8.3: global table layout fix
   Tables should fill their card without leaving a dead white area to the right.
   Earlier responsive rules set .sc-table to display:block; that made browser table layout shrink
   the cells while the visual container stayed full width. Keep the table as a real table and let
   the panel handle horizontal scrolling when needed. */
.sc-front-app .sc-panel,
.sc-admin-app .sc-panel{
  overflow-x:auto;
  overflow-y:visible;
}
.sc-front-app .sc-table,
.sc-admin-app .sc-table{
  display:table!important;
  width:100%!important;
  min-width:100%;
  max-width:none;
  table-layout:auto;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff;
}
.sc-front-app .sc-table thead,
.sc-front-app .sc-table tbody,
.sc-front-app .sc-table tr,
.sc-admin-app .sc-table thead,
.sc-admin-app .sc-table tbody,
.sc-admin-app .sc-table tr{
  display:table-row-group;
  width:auto!important;
}
.sc-front-app .sc-table thead,
.sc-admin-app .sc-table thead{display:table-header-group;}
.sc-front-app .sc-table tr,
.sc-admin-app .sc-table tr{display:table-row;}
.sc-front-app .sc-table th,
.sc-front-app .sc-table td,
.sc-admin-app .sc-table th,
.sc-admin-app .sc-table td{
  display:table-cell;
  box-sizing:border-box;
}
.sc-front-app .sc-table th:last-child,
.sc-front-app .sc-table td:last-child,
.sc-admin-app .sc-table th:last-child,
.sc-admin-app .sc-table td:last-child{
  width:auto;
}
.sc-front-app .sc-table tbody tr:hover td,
.sc-admin-app .sc-table tbody tr:hover td{
  background:#f8fcfa;
}
.sc-front-app .sc-task-table td:first-child,
.sc-admin-app .sc-task-table td:first-child{
  display:table-cell!important;
}
.sc-front-app .sc-task-title-cell,
.sc-admin-app .sc-task-title-cell{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:260px;
}
.sc-front-app .sc-task-table td:first-child > .dashicons,
.sc-admin-app .sc-task-table td:first-child > .dashicons{
  vertical-align:middle;
  margin-right:12px;
}
.sc-front-app .sc-task-table td:first-child strong,
.sc-admin-app .sc-task-table td:first-child strong{
  margin-left:0!important;
}
.sc-front-app .sc-task-table td:first-child small,
.sc-admin-app .sc-task-table td:first-child small{
  margin-left:0!important;
}
.sc-front-app .sc-table-wrap,
.sc-admin-app .sc-table-wrap{
  width:100%;
  overflow-x:auto;
  border-radius:16px;
}
.sc-front-app .sc-table-wrap .sc-table,
.sc-admin-app .sc-table-wrap .sc-table{
  margin:0;
}
.sc-front-app .sc-panel:has(.sc-table) .sc-table,
.sc-admin-app .sc-panel:has(.sc-table) .sc-table{
  min-width:100%;
}
@media(max-width:900px){
  .sc-front-app .sc-panel:has(.sc-table),
  .sc-admin-app .sc-panel:has(.sc-table){
    padding:16px;
  }
  .sc-front-app .sc-table,
  .sc-admin-app .sc-table{
    min-width:720px;
  }
  .sc-front-app .sc-task-table,
  .sc-admin-app .sc-task-table{
    min-width:780px;
  }
}


/* v0.8.4 sidebar cleanup */
.sc-front-app .sc-brand{margin-bottom:6px;}
.sc-front-app .sc-brand small{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sc-front-app .sc-company-current{display:none!important;}
.sc-front-app .sc-admin-panel-link{
  margin-top:14px!important;
  border:1px solid #bdeacd!important;
  background:#e8f6ee!important;
  color:#0f5238!important;
  min-height:52px!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  opacity:1!important;
}
.sc-front-app .sc-admin-panel-link .dashicons{color:#0f5238!important;}
.sc-front-app .sc-admin-panel-link strong{display:block;color:#0f5238;font-size:14px;line-height:1.15;}
.sc-front-app .sc-admin-panel-link small{display:block;color:#2d6a4f;font-size:11px;margin-top:2px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
.sc-front-app .sc-admin-panel-link:hover{background:#d8f3e3!important;color:#0f5238!important;transform:translateY(-1px);}
@media(max-width:860px){.sc-front-app .sc-admin-panel-link{display:flex!important;}}

/* v0.8.5: mobile-first navigation with hamburger drawer */
.sc-mobile-header,
.sc-mobile-drawer,
.sc-mobile-drawer-backdrop{display:none}
.sc-mobile-brand{display:flex;align-items:center;gap:12px;color:#191c1d;text-decoration:none}
.sc-mobile-brand strong{display:block;font:900 18px/1.1 Manrope,system-ui,sans-serif;color:#0f5238}
.sc-mobile-brand small{display:block;margin-top:3px;color:#53635a;font-size:12px;font-weight:700;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-mobile-menu-toggle{appearance:none;border:1px solid #d7e2db;background:#fff;border-radius:14px;min-width:50px;height:46px;padding:8px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#0f5238;box-shadow:0 8px 18px rgba(15,82,56,.08);cursor:pointer}
.sc-mobile-menu-toggle span{display:block;width:21px;height:2px;background:#0f5238;border-radius:999px}.sc-mobile-menu-toggle em{font-style:normal;font-size:10px;font-weight:900;line-height:1;color:#0f5238;margin-top:1px}
.sc-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sc-mobile-drawer-head strong{font:900 22px/1.1 Manrope,system-ui,sans-serif;color:#191c1d}.sc-mobile-menu-close{width:40px;height:40px;border:1px solid #d7e2db;border-radius:999px;background:#fff;color:#0f5238;font-size:28px;line-height:1;cursor:pointer}.sc-mobile-nav{display:grid;gap:8px}.sc-mobile-nav a{min-height:48px;border-radius:13px;display:flex;align-items:center;gap:12px;padding:12px 14px;color:#26352e;font-size:16px;font-weight:800;text-decoration:none;border:1px solid transparent}.sc-mobile-nav a .dashicons{font-size:22px;width:23px;height:23px;color:inherit}.sc-mobile-nav a.is-active{background:#bdeacd;color:#0f5238;border-color:#a8e7c5}.sc-mobile-nav .sc-admin-panel-link{margin-top:8px;background:#e8f6ee!important;border-color:#bdeacd!important;color:#0f5238!important}.sc-mobile-drawer-footer{margin-top:auto;border-top:1px solid #dfe8e2;padding-top:14px;display:grid;gap:8px}.sc-mobile-company-switch{margin-bottom:14px}.sc-mobile-company-switch label{display:grid;gap:7px;text-transform:uppercase;font-size:11px;letter-spacing:.07em;font-weight:900;color:#404943}.sc-mobile-company-switch select{min-height:46px;border:1px solid #cfd8d1;border-radius:13px;background:#fff;padding:10px 12px;font-weight:800;color:#191c1d;width:100%}
@media(max-width:860px){
  html.sc-mobile-menu-open,body.sc-mobile-menu-open{overflow:hidden!important}
  body.softcactus-route-body{overflow-x:hidden;background:#f8f9fa}
  .sc-front-app{display:block;min-height:100vh;padding-top:74px;background:#f8f9fa}
  .sc-mobile-header{position:fixed;top:0;left:0;right:0;z-index:10020;min-height:74px;padding:12px 14px;background:rgba(248,249,250,.96);backdrop-filter:blur(12px);border-bottom:1px solid #d7e2db;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .sc-front-app .sc-sidebar{display:none!important}
  .sc-mobile-drawer{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(360px,calc(100vw - 28px));z-index:10040;background:#f8fbf9;border-left:1px solid #d7e2db;box-shadow:-28px 0 80px rgba(15,82,56,.24);padding:20px 16px;transform:translateX(105%);transition:transform .22s ease;flex-direction:column;overflow:auto}
  .sc-mobile-drawer.is-open{transform:translateX(0)}
  .sc-mobile-drawer-backdrop{display:block;position:fixed;inset:0;z-index:10030;background:rgba(12,24,18,.38);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s ease}
  .sc-mobile-drawer-backdrop.is-open{opacity:1;pointer-events:auto}
  .sc-main{min-width:0;width:100%}.sc-content{padding:20px 14px 96px!important;max-width:100%;overflow-x:hidden}.sc-page-head{gap:10px;margin-bottom:18px}.sc-page-head h1{font-size:28px;line-height:1.12}.sc-page-head p{font-size:15px;line-height:1.45}.sc-page-head .sc-btn,.sc-page-head .sc-secondary-btn{width:100%;justify-content:center}
  .sc-panel{padding:16px!important;margin-bottom:16px!important;border-radius:16px!important}.sc-two-col,.sc-dashboard-grid,.sc-subscription-grid,.sc-work-layout{grid-template-columns:1fr!important;gap:16px!important}.sc-metrics,.sc-metrics-wide,.sc-payment-kpis{grid-template-columns:1fr!important;gap:12px!important}.sc-metric{min-height:88px;padding:16px}.sc-form-grid,.sc-time-form,.sc-quick-work-form .sc-time-form{grid-template-columns:1fr!important;gap:13px}.sc-span-2{grid-column:auto!important}.sc-toolbar,.sc-tabs,.sc-payment-filter{flex-direction:column;align-items:stretch}.sc-filter-tabs,.sc-settings-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.sc-filter-tabs a,.sc-settings-tabs a{flex:0 0 auto}.sc-table{min-width:720px!important}.sc-task-table{min-width:780px!important}.sc-time-table{min-width:900px!important}.sc-panel:has(.sc-table){overflow-x:auto;padding:14px!important}.sc-work-task-summary{grid-template-columns:1fr!important}.sc-work-task{padding:16px}.sc-work-list{max-height:none}.sc-work-kicker{align-items:flex-start}.sc-mobile-sticky-action{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:10010;min-height:54px;border-radius:15px;background:#0f5238;color:#fff!important;box-shadow:0 18px 36px rgba(15,82,56,.24);align-items:center;justify-content:center;gap:8px;font-weight:900;text-decoration:none}.sc-mobile-sticky-action .dashicons{color:#fff}.sc-front-app .sc-admin-panel-link{display:flex!important}.sc-sidebar-user strong,.sc-sidebar-user small,.sc-sidebar-user em{max-width:230px}.sc-logout{color:#c1121f!important;background:#fff;border:1px solid #f1c9c9}
}
@media(max-width:520px){.sc-mobile-brand .sc-brand-mark{width:40px!important;height:40px!important}.sc-mobile-brand strong{font-size:17px}.sc-mobile-brand small{max-width:150px}.sc-content{padding-left:12px!important;padding-right:12px!important}.sc-panel{padding:14px!important}.sc-btn,.sc-secondary-btn{min-height:46px}.sc-work-task-list{gap:9px}.sc-subscription-plan{grid-template-columns:1fr!important}.sc-modal-card{width:100%;max-height:90vh}}


/* v0.8.6: hard mobile menu fix. Use 1100px so real phones still work even if the theme viewport is odd. */
.sc-mobile-header{display:none!important}
@media(max-width:1100px){
  body.softcactus-route-body{overflow-x:hidden;background:#f8f9fa!important}
  .sc-front-app{display:block!important;grid-template-columns:1fr!important;min-height:100vh!important;padding-top:78px!important;background:#f8f9fa!important;overflow-x:hidden!important}
  .sc-mobile-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2147483000!important;min-height:74px!important;padding:12px 14px!important;background:rgba(248,249,250,.98)!important;backdrop-filter:blur(12px);border-bottom:1px solid #d7e2db!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;box-sizing:border-box!important}
  .sc-front-app .sc-sidebar{display:none!important}
  .sc-mobile-menu-toggle{display:flex!important;flex:0 0 auto!important;visibility:visible!important;opacity:1!important}
  .sc-mobile-brand{display:flex!important;min-width:0!important;max-width:calc(100vw - 86px)!important}
  .sc-mobile-brand span:last-child{min-width:0!important}
  .sc-mobile-drawer{display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:min(360px,calc(100vw - 28px))!important;z-index:2147483002!important;background:#f8fbf9!important;border-left:1px solid #d7e2db!important;box-shadow:-28px 0 80px rgba(15,82,56,.24)!important;padding:20px 16px!important;transform:translateX(105%)!important;transition:transform .22s ease!important;flex-direction:column!important;overflow:auto!important;box-sizing:border-box!important}
  .sc-mobile-drawer.is-open{transform:translateX(0)!important}
  .sc-mobile-drawer-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2147483001!important;background:rgba(12,24,18,.38)!important;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s ease}
  .sc-mobile-drawer-backdrop.is-open{opacity:1!important;pointer-events:auto!important}
  .sc-content{padding-top:22px!important}
}

/* v0.8.7: mobile menu fallback using the real sidebar as an off-canvas drawer */
.sc-mobile-fallback-header,
.sc-mobile-sidebar-toggle,
.sc-sidebar-backdrop{display:none}
.sc-mobile-sidebar-toggle{appearance:none;border:1px solid #d7e2db;background:#fff;border-radius:14px;min-width:52px;height:46px;padding:8px 11px;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#0f5238;box-shadow:0 8px 18px rgba(15,82,56,.08);cursor:pointer}
.sc-mobile-sidebar-toggle span{display:block;width:22px;height:2px;background:#0f5238;border-radius:999px}.sc-mobile-sidebar-toggle em{font-style:normal;font-size:10px;font-weight:900;line-height:1;color:#0f5238;margin-top:1px}
body.sc-mobile-ui{overflow-x:hidden!important;background:#f8f9fa!important}
body.sc-mobile-ui.sc-mobile-sidebar-open{overflow:hidden!important}
body.sc-mobile-ui .sc-mobile-header,
body.sc-mobile-ui .sc-mobile-drawer,
body.sc-mobile-ui .sc-mobile-drawer-backdrop{display:none!important}
body.sc-mobile-ui .sc-front-app{display:block!important;grid-template-columns:1fr!important;min-height:100vh!important;padding-top:78px!important;background:#f8f9fa!important;overflow-x:hidden!important}
body.sc-mobile-ui .sc-mobile-fallback-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2147483000!important;min-height:74px!important;padding:12px 14px!important;background:rgba(248,249,250,.98)!important;backdrop-filter:blur(12px);border-bottom:1px solid #d7e2db!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;box-sizing:border-box!important}
body.sc-mobile-ui .sc-mobile-sidebar-toggle{display:flex!important;flex:0 0 auto!important;visibility:visible!important;opacity:1!important}
body.sc-mobile-ui .sc-mobile-brand{display:flex!important;min-width:0!important;max-width:calc(100vw - 88px)!important}
body.sc-mobile-ui .sc-mobile-brand span:last-child{min-width:0!important}
body.sc-mobile-ui .sc-front-app .sc-sidebar{display:flex!important;position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(326px,86vw)!important;height:100vh!important;z-index:2147483002!important;background:#f4f6f5!important;border-right:1px solid #cfd8d1!important;border-bottom:0!important;padding:22px 18px!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;overflow:auto!important;box-sizing:border-box!important;box-shadow:28px 0 80px rgba(15,82,56,.24)!important}
body.sc-mobile-ui .sc-front-app .sc-sidebar.is-mobile-open{transform:translateX(0)!important}
body.sc-mobile-ui .sc-sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2147483001!important;background:rgba(12,24,18,.38)!important;backdrop-filter:blur(2px);opacity:0!important;pointer-events:none!important;transition:opacity .22s ease!important}
body.sc-mobile-ui .sc-sidebar-backdrop.is-open{opacity:1!important;pointer-events:auto!important}
body.sc-mobile-ui .sc-main{min-width:0!important;width:100%!important}
body.sc-mobile-ui .sc-content{padding:20px 14px 96px!important;max-width:100%!important;overflow-x:hidden!important}
body.sc-mobile-ui .sc-page-head{gap:10px;margin-bottom:18px}.body.sc-mobile-ui .sc-page-head h1{font-size:28px;line-height:1.12}
body.sc-mobile-ui .sc-panel{padding:16px!important;margin-bottom:16px!important;border-radius:16px!important}
body.sc-mobile-ui .sc-two-col,body.sc-mobile-ui .sc-dashboard-grid,body.sc-mobile-ui .sc-subscription-grid,body.sc-mobile-ui .sc-work-layout{grid-template-columns:1fr!important;gap:16px!important}
body.sc-mobile-ui .sc-metrics,body.sc-mobile-ui .sc-metrics-wide,body.sc-mobile-ui .sc-payment-kpis{grid-template-columns:1fr!important;gap:12px!important}
body.sc-mobile-ui .sc-table{min-width:720px!important}body.sc-mobile-ui .sc-task-table{min-width:780px!important}body.sc-mobile-ui .sc-time-table{min-width:900px!important}
body.sc-mobile-ui .sc-panel:has(.sc-table){overflow-x:auto;padding:14px!important}
body.sc-mobile-ui .sc-toolbar,body.sc-mobile-ui .sc-tabs,body.sc-mobile-ui .sc-payment-filter{flex-direction:column!important;align-items:stretch!important}
body.sc-mobile-ui .sc-filter-tabs,body.sc-mobile-ui .sc-settings-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}
body.sc-mobile-ui .sc-filter-tabs a,body.sc-mobile-ui .sc-settings-tabs a{flex:0 0 auto}
body.sc-mobile-ui .sc-mobile-sticky-action{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:2147482999;min-height:54px;border-radius:15px;background:#0f5238;color:#fff!important;box-shadow:0 18px 36px rgba(15,82,56,.24);align-items:center;justify-content:center;gap:8px;font-weight:900;text-decoration:none}
body.sc-mobile-ui .sc-mobile-sticky-action .dashicons{color:#fff}
body.sc-mobile-ui .sc-sidebar .sc-brand{display:flex!important}
body.sc-mobile-ui .sc-sidebar .sc-nav{display:flex!important;flex-direction:column!important;overflow:visible!important;gap:6px!important;padding:0!important;scroll-snap-type:none!important}
body.sc-mobile-ui .sc-sidebar .sc-nav a{flex:none!important;width:100%!important;white-space:normal!important;min-height:44px!important;font-size:16px!important}
body.sc-mobile-ui .sc-sidebar .sc-sidebar-footer{margin-top:auto!important;display:flex!important}
@media(max-width:520px){body.sc-mobile-ui .sc-mobile-brand .sc-brand-mark{width:40px!important;height:40px!important}body.sc-mobile-ui .sc-mobile-brand strong{font-size:17px}body.sc-mobile-ui .sc-mobile-brand small{max-width:150px}body.sc-mobile-ui .sc-content{padding-left:12px!important;padding-right:12px!important}body.sc-mobile-ui .sc-btn,body.sc-mobile-ui .sc-secondary-btn{min-height:46px}}

/* v0.8.8: mobile dashboard actions and task cards */
.sc-task-card-list{display:none}
.sc-mobile-quickbar{display:none}
@media(max-width:860px){
  body.sc-mobile-ui .sc-content{padding-bottom:120px!important}
  body.sc-mobile-ui .sc-dashboard-metrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
  body.sc-mobile-ui .sc-dashboard-metrics .sc-metric{min-height:86px;padding:14px!important}
  body.sc-mobile-ui .sc-dashboard-metrics .sc-metric-icon{width:46px;height:46px;font-size:22px}
  body.sc-mobile-ui .sc-dashboard-metrics .sc-metric small{font-size:12px;letter-spacing:.05em}
  body.sc-mobile-ui .sc-dashboard-metrics .sc-metric strong{font-size:30px;line-height:1}
  body.sc-mobile-ui .sc-dashboard-metrics .sc-progress-card{grid-column:1 / -1;min-height:132px}
  body.sc-mobile-ui .sc-task-table-wrap{display:none!important}
  body.sc-mobile-ui .sc-task-card-list{display:grid!important;gap:12px;margin-top:8px}
  body.sc-mobile-ui .sc-task-card{background:#fff;border:1px solid #dfe8e2;border-radius:16px;padding:14px;box-shadow:0 10px 28px rgba(15,82,56,.06);display:grid;gap:12px}
  body.sc-mobile-ui .sc-task-card-main{display:flex;align-items:center;gap:12px;text-decoration:none;color:#191c1d;min-width:0}
  body.sc-mobile-ui .sc-task-card-main strong{display:block;color:#0f5238;font-size:16px;line-height:1.25;word-break:break-word}
  body.sc-mobile-ui .sc-task-card-main small{display:block;margin-top:3px;color:#53635a;font-size:13px;font-weight:700}
  body.sc-mobile-ui .sc-task-card .sc-task-icon{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#bdeacd;color:#0f5238;display:flex;align-items:center;justify-content:center;font-size:22px}
  body.sc-mobile-ui .sc-task-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#404943;font-size:13px;font-weight:800}
  body.sc-mobile-ui .sc-task-card-meta .sc-overdue{color:#ba1a1a}
  body.sc-mobile-ui .sc-task-card-foot{border-top:1px solid #eef3ef;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#53635a;font-size:13px;font-weight:700}
  body.sc-mobile-ui .sc-task-card-foot .sc-secondary-btn{min-height:38px;padding:8px 12px;border-radius:12px;font-size:13px}
  body.sc-mobile-ui .sc-task-card-empty{background:#fff;border:1px dashed #bfc9c1;border-radius:16px;padding:16px;display:grid;gap:4px;color:#404943}
  body.sc-mobile-ui .sc-mobile-sticky-action{display:none!important}
  body.sc-mobile-ui .sc-mobile-quickbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:2147482999;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;background:rgba(248,251,249,.96);backdrop-filter:blur(14px);border:1px solid #d7e2db;border-radius:18px;box-shadow:0 18px 42px rgba(15,82,56,.22)}
  body.sc-mobile-ui .sc-mobile-quickbar a{min-height:54px;border-radius:14px;text-decoration:none;color:#0f5238;background:#fff;border:1px solid #dfe8e2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:900;font-size:12px;line-height:1;text-align:center;box-shadow:0 6px 16px rgba(15,82,56,.06)}
  body.sc-mobile-ui .sc-mobile-quickbar a:first-child{background:#0f5238;color:#fff;border-color:#0f5238}
  body.sc-mobile-ui .sc-mobile-quickbar a:first-child .dashicons{color:#fff}
  body.sc-mobile-ui .sc-mobile-quickbar .dashicons{font-size:22px;width:22px;height:22px;color:#0f5238}
}
@media(max-width:380px){
  body.sc-mobile-ui .sc-mobile-quickbar a{font-size:11px;min-height:52px}
  body.sc-mobile-ui .sc-dashboard-metrics .sc-metric{padding:12px!important}
}

/* v0.8.9: native mobile tabbar, edge-to-edge like an app */
.sc-mobile-tabbar,.sc-mobile-sheet,.sc-mobile-sheet-backdrop{display:none}
@media(max-width:860px){
  body.sc-mobile-ui .sc-content{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
  body.sc-mobile-ui .sc-mobile-quickbar{display:none!important}
  body.sc-mobile-ui .sc-mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(68px + env(safe-area-inset-bottom,0px));padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.98);border-top:1px solid #dfe8e2;box-shadow:0 -12px 32px rgba(15,82,56,.10);backdrop-filter:blur(16px)}
  body.sc-mobile-ui .sc-mobile-tabbar a,body.sc-mobile-ui .sc-mobile-tabbar button{appearance:none;border:0;background:transparent;margin:0;padding:4px 2px;border-radius:12px;text-decoration:none;color:#53635a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:inherit;font-weight:900;font-size:11px;line-height:1;min-width:0}
  body.sc-mobile-ui .sc-mobile-tabbar .dashicons{font-size:22px;width:22px;height:22px;color:currentColor;line-height:1}
  body.sc-mobile-ui .sc-mobile-tabbar strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;letter-spacing:0}
  body.sc-mobile-ui .sc-mobile-tabbar a.is-active,body.sc-mobile-ui .sc-mobile-tabbar button.is-active{color:#0f5238;background:#e8f7ee}
  body.sc-mobile-ui .sc-mobile-tabbar .sc-mobile-tab-main{color:#0f5238}
  body.sc-mobile-ui .sc-mobile-tabbar .sc-mobile-tab-main .dashicons{width:34px;height:34px;border-radius:999px;background:#0f5238;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 18px rgba(15,82,56,.22);margin-top:-10px}
  body.sc-mobile-ui .sc-mobile-sheet-backdrop{position:fixed;inset:0;z-index:2147483001;background:rgba(15,28,22,.22);opacity:0;pointer-events:none;transition:opacity .18s ease;display:block}
  body.sc-mobile-ui .sc-mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2147483002;display:block;transform:translateY(110%);transition:transform .22s ease;padding:0 12px calc(86px + env(safe-area-inset-bottom,0px));pointer-events:none}
  body.sc-mobile-ui .sc-mobile-sheet.is-open{transform:translateY(0);pointer-events:auto}
  body.sc-mobile-ui .sc-mobile-sheet-backdrop.is-open{opacity:1;pointer-events:auto}
  body.sc-mobile-ui .sc-mobile-sheet-card{background:#fff;border:1px solid #dfe8e2;border-radius:22px;box-shadow:0 24px 60px rgba(15,82,56,.28);padding:14px;display:grid;gap:8px;max-width:520px;margin:0 auto}
  body.sc-mobile-ui .sc-mobile-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px;border-bottom:1px solid #edf2ef;margin-bottom:4px;color:#191c1d;font-weight:900;font-size:16px}
  body.sc-mobile-ui .sc-mobile-sheet-head button{appearance:none;border:0;background:#f3f4f5;width:34px;height:34px;border-radius:999px;font-size:24px;line-height:1;color:#404943}
  body.sc-mobile-ui .sc-mobile-sheet a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#191c1d;padding:13px 12px;border:1px solid #edf2ef;border-radius:14px;background:#fff;font-weight:900}
  body.sc-mobile-ui .sc-mobile-sheet a .dashicons{width:24px;height:24px;font-size:22px;color:#0f5238}
}
@media(max-width:380px){
  body.sc-mobile-ui .sc-mobile-tabbar a,body.sc-mobile-ui .sc-mobile-tabbar button,body.sc-mobile-ui .sc-mobile-tabbar strong{font-size:10px}
  body.sc-mobile-ui .sc-mobile-tabbar .dashicons{font-size:20px;width:20px;height:20px}
}

/* v0.9.0: notification bell and panel */
.sc-notification-toggle{appearance:none;border:1px solid #d7e2db;background:#fff;color:#0f5238;width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 18px rgba(15,82,56,.10);cursor:pointer;flex:0 0 auto}
.sc-notification-toggle .dashicons{font-size:22px;width:22px;height:22px;line-height:1;color:inherit}
.sc-notification-badge{position:absolute;top:-4px;right:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#c1121f;color:#fff;font-size:11px;font-weight:900;line-height:19px;text-align:center;border:2px solid #fff;box-shadow:0 5px 10px rgba(193,18,31,.22)}
.sc-notification-backdrop{position:fixed;inset:0;background:rgba(16,28,22,.24);z-index:2147483001;opacity:0;pointer-events:none;transition:opacity .18s ease}
.sc-notification-backdrop.is-open{opacity:1;pointer-events:auto}
.sc-notification-panel{position:fixed;right:18px;top:86px;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 110px);z-index:2147483002;background:#fff;border:1px solid #dfe8e2;border-radius:22px;box-shadow:0 24px 70px rgba(15,82,56,.25);display:flex;flex-direction:column;overflow:hidden;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.sc-notification-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}
.sc-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid #edf2ef;background:#fbfdfb}
.sc-notification-head strong{display:block;font:900 21px/1.15 Manrope,system-ui,sans-serif;color:#191c1d}.sc-notification-head small{display:block;margin-top:4px;color:#5a6a60;font-weight:800}.sc-notification-head button{appearance:none;border:0;background:#eef3f0;color:#404943;width:36px;height:36px;border-radius:999px;font-size:25px;line-height:1;cursor:pointer}.sc-notification-list{overflow:auto;padding:10px;display:grid;gap:8px}.sc-notification-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;text-decoration:none!important;color:#191c1d;border:1px solid #edf2ef;background:#fff;border-radius:16px;padding:12px}.sc-notification-item:hover{border-color:#bdeacd;background:#f7fcf9}.sc-notification-item>.dashicons{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;line-height:38px;font-size:19px;background:#e8f7ee;color:#0f5238}.sc-notification-item strong{display:block;font-weight:900;margin-bottom:3px}.sc-notification-item small{display:block;color:#53635a;font-weight:750;line-height:1.35}.sc-notification-item em{display:block;font-style:normal;color:#69776f;font-weight:800;font-size:12px;margin-top:5px}.sc-notification-item.is-unread{border-color:#bdeacd;background:#fbfffc}.sc-notification-item.is-unread strong:after{content:'';display:inline-block;width:8px;height:8px;border-radius:999px;background:#c1121f;margin-left:7px;vertical-align:middle}.sc-notification-item.is-danger>.dashicons{background:#ffdad6;color:#93000a}.sc-notification-item.is-warning>.dashicons{background:#fff4cc;color:#7a4b00}.sc-notification-item.is-info>.dashicons{background:#dff0ff;color:#174c7c}.sc-notification-item.is-read{opacity:.72}.sc-notification-actions{padding:12px 14px 14px;border-top:1px solid #edf2ef;background:#fbfdfb}.sc-notification-actions .sc-secondary-btn{width:100%;justify-content:center}.sc-notification-empty{display:grid;place-items:center;text-align:center;padding:28px 18px;color:#53635a}.sc-notification-empty .dashicons{width:48px;height:48px;border-radius:999px;background:#bdeacd;color:#0f5238;display:grid;place-items:center;font-size:25px;line-height:48px;margin-bottom:12px}.sc-notification-empty strong{display:block;color:#191c1d;font-weight:900}.sc-notification-empty small{display:block;margin-top:4px;font-weight:750}.sc-mobile-sheet-company{padding:10px;border:1px solid #edf2ef;border-radius:14px;background:#fbfdfb}.sc-mobile-sheet-company label{display:grid;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#404943}.sc-mobile-sheet-company select{width:100%;min-height:44px;border:1px solid #cfd8d1;border-radius:12px;background:#fff;padding:8px 10px;font-weight:850;color:#191c1d}
@media(max-width:760px){body.sc-mobile-ui .sc-notification-panel{left:0;right:0;top:auto;bottom:0;width:auto;max-height:78vh;border-radius:24px 24px 0 0;transform:translateY(105%);padding-bottom:env(safe-area-inset-bottom,0px)}body.sc-mobile-ui .sc-notification-panel.is-open{transform:translateY(0)}body.sc-mobile-ui .sc-notification-backdrop{z-index:2147483001}body.sc-mobile-ui .sc-mobile-fallback-header .sc-notification-toggle,body.sc-mobile-ui .sc-mobile-header .sc-notification-toggle{display:inline-flex!important}}


/* v0.9.1: mobile polish for notification, dates and time entries */
.sc-notification-toggle{
  border-color:#bdeacd!important;
  background:#e8f7ee!important;
  color:#0f5238!important;
  box-shadow:0 8px 18px rgba(15,82,56,.12)!important;
}
.sc-notification-toggle:hover,.sc-notification-toggle:focus{
  border-color:#0f5238!important;
  outline:3px solid rgba(189,234,205,.65)!important;
  outline-offset:2px!important;
  color:#0f5238!important;
}
.sc-notifications-page .sc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.sc-notifications-full-list{display:grid;gap:10px}
.sc-time-card-list{display:none}
@media(max-width:860px){
  body.sc-mobile-ui .sc-form input[type=date],
  body.sc-mobile-ui .sc-form input[type=datetime-local]{
    width:100%!important;
    max-width:240px!important;
    min-height:48px!important;
    text-align:left!important;
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }
  body.sc-mobile-ui .sc-task-form .sc-form input[type=date],
  body.sc-mobile-ui .sc-form-grid input[type=date]{max-width:260px!important}
  body.sc-mobile-ui .sc-time-table-wrap{display:none!important}
  body.sc-mobile-ui .sc-time-card-list{display:grid!important;gap:12px;margin-top:8px}
  body.sc-mobile-ui .sc-time-card{background:#fff;border:1px solid #dfe8e2;border-radius:16px;padding:14px;box-shadow:0 10px 28px rgba(15,82,56,.06);display:grid;gap:10px;min-width:0}
  body.sc-mobile-ui .sc-time-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2ef;padding-bottom:10px}
  body.sc-mobile-ui .sc-time-card-head strong{display:block;font:900 22px/1.05 Manrope,system-ui;color:#0f5238}
  body.sc-mobile-ui .sc-time-card-head small,body.sc-mobile-ui .sc-time-card-body small,body.sc-mobile-ui .sc-time-card-foot small{display:block;color:#53635a;font-weight:800;line-height:1.35;margin-top:3px}
  body.sc-mobile-ui .sc-time-card-body{display:grid;gap:4px;min-width:0}
  body.sc-mobile-ui .sc-time-card-body strong{color:#191c1d;font-weight:900;word-break:break-word}
  body.sc-mobile-ui .sc-time-card-body p{margin:8px 0 0;color:#404943;line-height:1.4;word-break:break-word}
  body.sc-mobile-ui .sc-time-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf2ef;padding-top:10px}
  body.sc-mobile-ui .sc-time-card-empty{border-style:dashed;color:#404943}
  body.sc-mobile-ui .sc-panel:has(.sc-time-card-list){overflow:visible!important}
  body.sc-mobile-ui .sc-work-layout .sc-table-wrap:has(.sc-time-table),
  body.sc-mobile-ui .sc-two-col .sc-table-wrap:has(.sc-time-table){display:none!important}
}

/* v0.9.2: task detail read mode */
.sc-task-read{display:grid;gap:18px}
.sc-task-read-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #edf2ef}
.sc-task-read-head h2{margin:0 0 4px;font:900 26px/1.1 Manrope,system-ui,sans-serif;color:#191c1d}.sc-task-read-head p{margin:0;color:#53635a;font-weight:800}.sc-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sc-detail-grid>div{border:1px solid #dfe8e2;border-radius:14px;background:#fbfdfb;padding:14px;min-width:0}.sc-detail-grid small,.sc-task-description small{display:block;text-transform:uppercase;letter-spacing:.07em;font-weight:900;font-size:11px;color:#53635a;margin-bottom:7px}.sc-detail-grid strong{display:block;font-weight:900;color:#191c1d;word-break:break-word}.sc-detail-grid a{color:#0f5238;text-decoration:none}.sc-task-description{border:1px solid #dfe8e2;border-radius:16px;background:#fff;padding:16px}.sc-task-description p{margin:0;color:#26312b;line-height:1.55;white-space:normal}.sc-task-read-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:2px}.sc-task-summary .sc-quick-status{display:grid;gap:8px;margin-top:12px}
@media(max-width:860px){body.sc-mobile-ui .sc-task-read-head{display:grid;gap:10px}.sc-detail-grid{grid-template-columns:1fr 1fr}body.sc-mobile-ui .sc-detail-grid{grid-template-columns:1fr}body.sc-mobile-ui .sc-task-read-actions .sc-btn,body.sc-mobile-ui .sc-task-read-actions .sc-secondary-btn{width:100%}}


/* v0.9.3: mobile work UX polish */
@media(max-width:860px){
  body.sc-mobile-ui .sc-dashboard-progress{display:none!important}
  body.sc-mobile-ui .sc-dashboard-metrics{grid-template-columns:1fr 1fr!important}
  body.sc-mobile-ui .sc-work-layout{display:flex!important;flex-direction:column!important;gap:14px!important}
  body.sc-mobile-ui .sc-work-list{order:-2!important}
  body.sc-mobile-ui .sc-work-primary{order:-1!important}
  body.sc-mobile-ui .sc-work-list h2{margin-bottom:12px!important}
  body.sc-mobile-ui .sc-work-task-list{display:grid!important;gap:10px!important}
  body.sc-mobile-ui .sc-work-task{border-radius:16px!important;padding:14px!important;box-shadow:0 10px 28px rgba(15,82,56,.06)!important}
  body.sc-mobile-ui .sc-work-task.is-active{border-color:#0f5238!important;background:#e8f7ee!important}
  body.sc-mobile-ui .sc-work-kicker{margin-bottom:14px!important}
  body.sc-mobile-ui .sc-work-primary h2{font-size:24px!important;line-height:1.15!important;margin-bottom:12px!important}
  body.sc-mobile-ui .sc-quick-work-form{margin-top:14px!important}
}
@media(max-width:380px){
  body.sc-mobile-ui .sc-dashboard-metrics{gap:10px!important}
  body.sc-mobile-ui .sc-dashboard-metrics .sc-metric{padding:12px!important;gap:10px!important}
}

/* v0.9.5: mobile cleanup */
@media(max-width:860px){
  body.sc-mobile-ui .sc-sort-label{display:none!important}
}
.sc-mobile-sheet-spacer{height:8px;border-top:1px solid #edf2ef;margin-top:4px;padding-top:8px}
body.sc-mobile-ui .sc-mobile-sheet a.sc-mobile-sheet-logout{color:#b00020!important;border-color:#ffd8d8!important;background:#fffafa!important;margin-top:auto}
body.sc-mobile-ui .sc-mobile-sheet a.sc-mobile-sheet-logout .dashicons{color:#b00020!important}

/* v0.9.6 task action bar + mobile time delete polish */
.sc-task-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.sc-task-top-actions .sc-complete-task-form{margin:0;display:inline-flex}
.sc-task-top-actions .sc-complete-task-form p{margin:0}
.sc-task-top-actions .sc-complete-hint{margin:0;align-self:center;font-size:13px;font-weight:800;color:#53635a;background:#f3f7f4;border:1px solid #dfe8e2;border-radius:999px;padding:9px 12px}
.sc-time-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sc-time-card-actions form{margin:0!important;display:inline-flex!important}
.sc-time-card-actions .sc-danger-btn{border-color:#efc6c2!important;color:#9b1c1c!important;background:#fff7f6!important}
.sc-time-card-actions .sc-danger-btn:hover{border-color:#ba1a1a!important;color:#ba1a1a!important}
@media(max-width:860px){
  body.sc-mobile-ui .sc-task-top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  body.sc-mobile-ui .sc-task-top-actions .sc-btn,body.sc-mobile-ui .sc-task-top-actions .sc-secondary-btn,body.sc-mobile-ui .sc-task-top-actions .sc-complete-task-form button{width:100%;justify-content:center;min-height:44px;padding:10px 12px}
  body.sc-mobile-ui .sc-task-top-actions .sc-complete-task-form{width:100%}
  body.sc-mobile-ui .sc-task-top-actions .sc-complete-hint{grid-column:1/-1;text-align:center;border-radius:12px;white-space:normal}
  body.sc-mobile-ui .sc-time-card-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  body.sc-mobile-ui .sc-time-card-actions .sc-secondary-btn,body.sc-mobile-ui .sc-time-card-actions form,body.sc-mobile-ui .sc-time-card-actions button{width:100%;justify-content:center}
}

/* v0.9.7 task detail UX */
.sc-task-detail-stack{display:grid;grid-template-columns:1fr;gap:24px;width:100%;max-width:100%}
.sc-task-overview-panel{width:100%;max-width:100%}
.sc-task-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e5ece7}
.sc-task-overview-head h3{margin:0 0 5px;font:900 30px/1.12 Manrope,system-ui,sans-serif;color:#191c1d}
.sc-task-overview-head p{margin:0;color:#53635a;font-weight:800}.sc-task-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.sc-reopen-task-form{margin:0}.sc-reopen-task-form button{white-space:nowrap}.sc-page-head .sc-task-top-actions{width:100%;justify-content:flex-start}.sc-task-top-actions .sc-secondary-btn,.sc-task-top-actions .sc-btn{min-height:42px}.sc-task-top-actions .sc-reopen-task-form{display:inline-flex;margin:0}.sc-task-top-actions .sc-reopen-task-form button{min-height:42px}@media(max-width:1180px){.sc-task-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){body.sc-mobile-ui .sc-task-overview-head{display:grid;gap:10px}body.sc-mobile-ui .sc-task-overview-head h3{font-size:28px}body.sc-mobile-ui .sc-task-overview-grid{grid-template-columns:1fr!important}body.sc-mobile-ui .sc-page-head .sc-task-top-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.sc-mobile-ui .sc-task-top-actions .sc-reopen-task-form,body.sc-mobile-ui .sc-task-top-actions .sc-complete-task-form{width:100%}body.sc-mobile-ui .sc-task-top-actions .sc-secondary-btn,body.sc-mobile-ui .sc-task-top-actions .sc-btn,body.sc-mobile-ui .sc-task-top-actions .sc-reopen-task-form button,body.sc-mobile-ui .sc-task-top-actions .sc-complete-task-form button{width:100%;justify-content:center}body.sc-mobile-ui .sc-task-read-actions{display:none!important}}


/* v0.9.8: compact task overview and single neutral task action bar */
.sc-task-top-actions-neutral .sc-btn,
.sc-task-top-actions-neutral .sc-secondary-btn,
.sc-task-top-actions-neutral button{
  background:#fff!important;
  color:#0f5238!important;
  border:1px solid #cfdcd4!important;
  box-shadow:none!important;
}
.sc-task-top-actions-neutral .dashicons{color:#0f5238!important}
.sc-task-overview-compact{padding:22px!important}
.sc-task-overview-compact h2{margin:0 0 10px!important}
.sc-task-compact-list{display:grid;gap:6px;margin:0 0 14px}
.sc-task-compact-list p{margin:0;color:#404943;font-size:16px;line-height:1.45}
.sc-task-compact-list strong{color:#404943;font-weight:900}.sc-task-compact-list a{color:#0f5238;text-decoration:none;font-weight:900}
.sc-task-compact-list .sc-pill{display:inline-flex;margin-left:4px;padding:6px 12px;font-size:12px;vertical-align:middle}
.sc-task-description-compact{padding:14px!important;border-radius:14px!important;margin-top:10px}.sc-task-description-compact small{margin-bottom:6px!important}.sc-task-description-compact p{line-height:1.45!important}
.sc-complete-after-time{display:none!important}
@media(max-width:760px){
  body.sc-mobile-ui .sc-task-overview-compact{padding:18px!important;border-radius:18px!important}
  body.sc-mobile-ui .sc-task-compact-list{gap:5px;margin-bottom:10px}
  body.sc-mobile-ui .sc-task-compact-list p{font-size:15px;line-height:1.35}
  body.sc-mobile-ui .sc-task-description-compact{padding:12px!important}
  body.sc-mobile-ui .sc-task-top-actions{grid-template-columns:1fr 1fr!important}
}

/* v0.9.9 mobile task UX cleanup */
body.sc-mobile-ui .sc-filter-tabs{
  display:none !important;
}
.sc-task-description-compact{
  border:0 !important;
  background:transparent !important;
  padding:6px 0 0 !important;
  margin-top:4px !important;
  border-radius:0 !important;
}
.sc-task-description-compact small{
  margin-bottom:4px !important;
}
.sc-task-description-compact p{
  line-height:1.42 !important;
}
body.sc-mobile-ui .sc-task-description-compact{
  padding-top:2px !important;
  margin-top:0 !important;
}
body.sc-mobile-ui .sc-task-description-compact p{
  font-size:15px;
  line-height:1.38 !important;
}
body.sc-mobile-ui .sc-task-overview-compact .sc-task-compact-list p{
  margin:0 0 5px !important;
}

/* v0.10.0: mobile task overview fixes */
@media(max-width:760px){
  body.sc-mobile-ui .sc-task-metrics{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.sc-mobile-ui .sc-task-metrics .sc-metric{
    min-height:auto!important;
    padding:10px 8px!important;
    border-radius:14px!important;
    gap:6px!important;
  }
  body.sc-mobile-ui .sc-task-metrics .sc-metric-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:18px!important;
    line-height:34px!important;
  }
  body.sc-mobile-ui .sc-task-metrics .sc-metric small{
    font-size:11px!important;
    line-height:1.1!important;
    letter-spacing:.04em!important;
  }
  body.sc-mobile-ui .sc-task-metrics .sc-metric strong{
    font-size:22px!important;
    line-height:1!important;
  }
  body.sc-mobile-ui .sc-page-head{
    width:100%!important;
    max-width:100%!important;
  }
  body.sc-mobile-ui .sc-page-head .sc-task-top-actions,
  body.sc-mobile-ui .sc-task-top-actions{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.sc-mobile-ui .sc-task-top-actions a,
  body.sc-mobile-ui .sc-task-top-actions form,
  body.sc-mobile-ui .sc-task-top-actions button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.sc-mobile-ui .sc-task-top-actions a,
  body.sc-mobile-ui .sc-task-top-actions button{
    justify-content:center!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.sc-mobile-ui .sc-task-description-line{
    margin:0!important;
  }
  body.sc-mobile-ui .sc-task-description-line strong{
    display:block;
    margin-bottom:3px;
  }
  body.sc-mobile-ui .sc-task-description-line span{
    display:block;
    line-height:1.38;
  }
}
.sc-task-description-line span{color:#404943}


/* v0.10.1: mobile/task polish */
.sc-task-metrics .sc-metric-icon{display:none!important}
.sc-task-metrics .sc-metric{align-items:center!important;justify-content:center!important;text-align:center!important;gap:4px!important}
.sc-task-metrics .sc-metric small{margin:0!important}
.sc-task-time-panel .sc-collapsed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.sc-task-time-panel .sc-collapsed-head h2{margin:0!important}
.sc-task-time-panel .sc-collapsed-head small{color:#53635a;font-weight:800;line-height:1.35;text-align:right}
.sc-task-time-panel:not(.is-open) .sc-task-time-content{display:none!important}
.sc-task-time-panel.is-open .sc-collapsed-head{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #edf2ef}
@media(max-width:760px){
  body.sc-mobile-ui .sc-task-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  body.sc-mobile-ui .sc-task-metrics .sc-metric{padding:12px 6px!important;min-height:72px!important}
  body.sc-mobile-ui .sc-task-metrics .sc-metric small{font-size:12px!important;line-height:1.15!important}
  body.sc-mobile-ui .sc-task-metrics .sc-metric strong{font-size:28px!important;line-height:1!important}
  body.sc-mobile-ui .sc-task-time-panel .sc-collapsed-head{display:block!important}
  body.sc-mobile-ui .sc-task-time-panel .sc-collapsed-head small{display:block;text-align:left;margin-top:5px;font-size:12px}
  body.sc-mobile-ui .sc-login-v063{align-items:flex-start!important;padding:18px 14px 28px!important;overflow:hidden!important}
  body.sc-mobile-ui .sc-login-v063 .sc-login-card{width:100%!important;max-width:100%!important;margin:0 auto!important;box-sizing:border-box!important;border-radius:22px!important}
  body.sc-mobile-ui .sc-login-v063 .sc-login-hero{padding:24px 20px 18px!important;min-width:0!important}
  body.sc-mobile-ui .sc-login-v063 .sc-login-form-panel{padding:22px 20px 24px!important;min-width:0!important}
  body.sc-mobile-ui .sc-login-v063 .sc-login-card h1{font-size:31px!important;line-height:1.08!important;max-width:100%!important;margin:24px 0 12px!important;word-break:normal!important;overflow-wrap:break-word!important}
  body.sc-mobile-ui .sc-login-v063 .sc-login-card p{font-size:16px!important;line-height:1.42!important;margin-bottom:18px!important}
  body.sc-mobile-ui .sc-login-v063 .sc-login-points{gap:8px!important;margin-top:16px!important}
  body.sc-mobile-ui .sc-login-v063 .sc-login-points span{font-size:12px!important;padding:8px 10px!important}
}

/* v0.10.2 mobile task card polish */
.sc-pill.is-new{background:#e6f1ff;color:#174c7c}
.sc-pill.is-progress{background:#fff4cc;color:#7a4b00}
.sc-pill.is-waiting{background:#eceff1;color:#44524b}
.sc-pill.is-done{background:#dff7e8;color:#0f5238}
.sc-pill.is-invoiced{background:#ede7ff;color:#47307a}
@media(max-width:760px){
  body.sc-mobile-ui .sc-task-card{gap:10px;padding:14px 16px}
  body.sc-mobile-ui .sc-task-card-main{align-items:flex-start;gap:0}
  body.sc-mobile-ui .sc-task-card-main strong{font-size:17px;color:#0f5238}
  body.sc-mobile-ui .sc-task-card-main small{font-size:13px;text-transform:uppercase;letter-spacing:.02em}
  body.sc-mobile-ui .sc-task-card .sc-task-icon{display:none!important}
  body.sc-mobile-ui .sc-task-card-meta{justify-content:flex-start;margin-top:0}
  body.sc-mobile-ui .sc-task-card-facts{border-top:1px solid #eef3ef;padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
  body.sc-mobile-ui .sc-task-card-facts small{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:900;color:#53635a;margin-bottom:4px}
  body.sc-mobile-ui .sc-task-card-facts strong{display:block;font-size:13px;line-height:1.25;color:#2b3831;word-break:break-word}
  body.sc-mobile-ui .sc-task-card-foot{border-top:0;padding-top:0;display:block}
  body.sc-mobile-ui .sc-task-card-foot .sc-secondary-btn{width:100%;justify-content:center;min-height:42px}
}

/* v0.10.4: Kunder mobil UX */
.sc-mobile-client-list{display:none}
.sc-client-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){
  .sc-client-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important}
  .sc-client-metrics .sc-metric{min-height:auto!important;padding:11px 8px!important;border-radius:14px!important;display:block!important;text-align:left!important;box-shadow:0 10px 22px rgba(15,82,56,.06)!important}
  .sc-client-metrics .sc-metric-icon{display:none!important}
  .sc-client-metrics .sc-metric small{display:block;font-size:10px!important;line-height:1.15!important;letter-spacing:.04em!important;min-height:24px;color:#43534a!important}
  .sc-client-metrics .sc-metric strong{font-size:22px!important;line-height:1!important;margin-top:4px!important}
  .sc-client-metrics .sc-metric em{display:none!important}
  #sc-clients-table{display:none!important}
  .sc-mobile-client-list{display:grid!important;gap:12px!important;margin-top:12px!important}
  .sc-mobile-client-card{display:block;text-decoration:none!important;color:var(--sc-text)!important;background:#fff;border:1px solid #d7e4dc;border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(15,82,56,.06)}
  .sc-mobile-client-card strong{display:block;color:var(--sc-primary);font-weight:900;font-size:17px;margin-bottom:4px}
  .sc-mobile-client-card small{display:block;color:#596960;font-weight:700;margin-bottom:10px}
  .sc-mobile-client-card .sc-pill{margin-bottom:12px}
  .sc-mobile-client-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid #e4ece6;padding-top:12px}
  .sc-mobile-client-stats span{background:#f7faf8;border:1px solid #e2ece5;border-radius:12px;padding:9px 10px;font-size:12px;font-weight:800;color:#506057}
  .sc-mobile-client-stats b{display:block;color:var(--sc-text);font-size:18px;line-height:1.1;margin-top:3px}
  .sc-table-toolbar:has(#sc-clients-table), .sc-table-toolbar{gap:8px}
}
@media(max-width:390px){
  .sc-client-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* v0.10.5: force customer metrics into one compact mobile row */
@media(max-width:760px){
  body.sc-mobile-ui .sc-client-metrics,
  body.sc-mobile-ui .sc-metrics.sc-client-metrics{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin-bottom:14px!important;
  }
  body.sc-mobile-ui .sc-client-metrics .sc-metric{
    min-height:72px!important;
    padding:10px 6px!important;
    border-radius:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:2px!important;
  }
  body.sc-mobile-ui .sc-client-metrics .sc-metric-icon{display:none!important}
  body.sc-mobile-ui .sc-client-metrics .sc-metric small{
    display:block!important;
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.03em!important;
    min-height:22px!important;
    color:#43534a!important;
    margin:0!important;
  }
  body.sc-mobile-ui .sc-client-metrics .sc-metric strong{
    font-size:24px!important;
    line-height:1!important;
    margin-top:4px!important;
  }
}
@media(max-width:390px){
  body.sc-mobile-ui .sc-client-metrics,
  body.sc-mobile-ui .sc-metrics.sc-client-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* v0.10.6: real iPhone Safari customer metrics hard override
   Some iPhones ignore the JS body class during first paint, so this must not depend on body.sc-mobile-ui. */
@media only screen and (max-width: 820px), only screen and (max-device-width: 820px){
  html body .sc-app .sc-client-metrics,
  html body .sc-app .sc-metrics.sc-client-metrics,
  html body .sc-client-metrics{
    display:grid!important;
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 14px 0!important;
  }
  html body .sc-app .sc-client-metrics .sc-metric,
  html body .sc-client-metrics .sc-metric{
    min-width:0!important;
    width:auto!important;
    min-height:66px!important;
    padding:9px 4px!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:4px!important;
  }
  html body .sc-app .sc-client-metrics .sc-metric-icon,
  html body .sc-client-metrics .sc-metric-icon{display:none!important}
  html body .sc-app .sc-client-metrics .sc-metric small,
  html body .sc-client-metrics .sc-metric small{
    display:block!important;
    min-height:24px!important;
    margin:0!important;
    font-size:9px!important;
    line-height:1.12!important;
    letter-spacing:.02em!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    color:#43534a!important;
  }
  html body .sc-app .sc-client-metrics .sc-metric strong,
  html body .sc-client-metrics .sc-metric strong{
    display:block!important;
    margin:0!important;
    font-size:24px!important;
    line-height:1!important;
  }
}
@media only screen and (max-width: 360px), only screen and (max-device-width: 360px){
  html body .sc-app .sc-client-metrics,
  html body .sc-app .sc-metrics.sc-client-metrics,
  html body .sc-client-metrics{gap:6px!important}
  html body .sc-app .sc-client-metrics .sc-metric,
  html body .sc-client-metrics .sc-metric{padding:8px 3px!important}
  html body .sc-app .sc-client-metrics .sc-metric small,
  html body .sc-client-metrics .sc-metric small{font-size:8.5px!important}
  html body .sc-app .sc-client-metrics .sc-metric strong,
  html body .sc-client-metrics .sc-metric strong{font-size:22px!important}
}

/* v0.10.7: reuse the same compact mobile metric pattern as Opgaver for Kunder.
   This is intentionally not tied to viewport media queries, because real mobile Chrome
   can report widths differently from desktop emulators. */
body.sc-mobile-ui .sc-client-metrics,
body.sc-mobile-ui .sc-metrics.sc-client-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:14px!important;
  width:100%!important;
}
body.sc-mobile-ui .sc-client-metrics .sc-metric{
  min-width:0!important;
  min-height:72px!important;
  padding:12px 6px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:4px!important;
}
body.sc-mobile-ui .sc-client-metrics .sc-metric-icon{display:none!important}
body.sc-mobile-ui .sc-client-metrics .sc-metric small{
  display:block!important;
  min-height:auto!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.02em!important;
  white-space:normal!important;
  color:#394840!important;
}
body.sc-mobile-ui .sc-client-metrics .sc-metric strong{
  display:block!important;
  font-size:26px!important;
  line-height:1!important;
  margin-top:4px!important;
}
body.sc-mobile-ui .sc-client-metrics .sc-metric em{display:none!important}
@media(max-width:380px){
  body.sc-mobile-ui .sc-client-metrics{gap:6px!important}
  body.sc-mobile-ui .sc-client-metrics .sc-metric{padding:10px 4px!important}
  body.sc-mobile-ui .sc-client-metrics .sc-metric small{font-size:9.5px!important}
  body.sc-mobile-ui .sc-client-metrics .sc-metric strong{font-size:23px!important}
}

/* v0.10.8: header consistency, mobile More cleanup support and calendar */
body.sc-mobile-ui .sc-page-head{align-items:stretch!important;width:100%!important}
body.sc-mobile-ui .sc-page-head > *{min-width:0!important;width:100%!important}
body.sc-mobile-ui .sc-page-head .sc-btn,
body.sc-mobile-ui .sc-page-head .sc-secondary-btn{width:100%!important;max-width:none!important;display:flex!important}
body.sc-mobile-ui .sc-client-metrics.sc-task-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 18px!important;width:100%!important}
body.sc-mobile-ui .sc-client-metrics.sc-task-metrics .sc-metric{min-width:0!important;min-height:70px!important;padding:10px 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:13px!important}
body.sc-mobile-ui .sc-client-metrics.sc-task-metrics .sc-metric-icon{display:none!important}
body.sc-mobile-ui .sc-client-metrics.sc-task-metrics .sc-metric small{font-size:9.5px!important;line-height:1.12!important;letter-spacing:.02em!important;white-space:normal!important;margin-bottom:4px!important;display:block!important}
body.sc-mobile-ui .sc-client-metrics.sc-task-metrics .sc-metric strong{font-size:23px!important;line-height:1!important;display:block!important}
body.sc-mobile-ui .sc-client-metrics.sc-task-metrics .sc-metric em{display:none!important}
@media(max-width:420px){body.sc-mobile-ui .sc-client-metrics.sc-task-metrics{gap:6px!important}body.sc-mobile-ui .sc-client-metrics.sc-task-metrics .sc-metric{padding:9px 4px!important}body.sc-mobile-ui .sc-client-metrics.sc-task-metrics .sc-metric small{font-size:8.5px!important}body.sc-mobile-ui .sc-client-metrics.sc-task-metrics .sc-metric strong{font-size:22px!important}}
.sc-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.sc-calendar-toolbar strong{font:900 22px/1.2 Manrope,system-ui;color:#191c1d}.sc-calendar-scope{display:flex;gap:8px;background:#f3f7f4;border:1px solid #dfe8e2;border-radius:999px;padding:4px}.sc-calendar-scope a{padding:8px 12px;border-radius:999px;text-decoration:none;color:#405047;font-weight:900}.sc-calendar-scope a.is-active{background:#0f5238;color:#fff}.sc-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.sc-calendar-weekday{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#506057;padding:0 2px 4px}.sc-calendar-day{position:relative;min-height:96px;border:1px solid #dfe8e2;border-radius:14px;background:#fff;padding:10px;box-shadow:0 8px 20px rgba(15,82,56,.04)}.sc-calendar-day.is-muted{opacity:.45;background:#f8faf8}.sc-calendar-day.is-today{border-color:#0f5238;box-shadow:0 0 0 2px rgba(15,82,56,.10)}.sc-calendar-date{font-weight:900;color:#191c1d}.sc-calendar-count{position:absolute;right:8px;top:8px;min-width:22px;height:22px;border-radius:999px;background:#dff3ff;color:#075985;display:grid;place-items:center;font-size:12px;font-weight:900}.sc-calendar-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#2dbd6e;margin:34px 4px 0 0}.sc-calendar-dot.is-waiting{background:#94a3b8}.sc-calendar-dot.is-new{background:#38bdf8}.sc-calendar-dot.is-progress{background:#f59e0b}.sc-calendar-dot.is-done{background:#22c55e}.sc-calendar-task-list{display:grid;gap:10px}.sc-calendar-task-list .sc-task-card{display:grid;text-decoration:none;color:#191c1d;border:1px solid #dfe8e2;border-radius:14px;background:#fff;padding:14px}.sc-calendar-task-list .sc-task-card strong{color:#0f5238}.sc-calendar-task-list .sc-task-card small{font-weight:700;color:#596a60}@media(max-width:640px){.sc-calendar-toolbar{align-items:stretch}.sc-calendar-toolbar>*{width:100%}.sc-calendar-toolbar>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc-calendar-grid{gap:5px}.sc-calendar-weekday{font-size:10px;text-align:center}.sc-calendar-day{min-height:66px;border-radius:12px;padding:7px}.sc-calendar-count{right:5px;top:5px;min-width:19px;height:19px;font-size:10px}.sc-calendar-dot{width:7px;height:7px;margin-top:22px}}

/* v0.11.0: kalenderrettigheder og kalender-dropdown */
.sc-calendar-select{display:flex;align-items:center;gap:8px;font-weight:900;color:#405047}
.sc-calendar-select span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#627067}
.sc-calendar-select select{min-width:210px;border:1px solid #cfdad2;border-radius:12px;background:#fff;padding:10px 12px;font-weight:800;color:#191c1d}
.sc-calendar-subscribe-note{margin:-6px 0 14px;color:#5d6b62;font-size:13px;font-weight:700}
@media(max-width:640px){.sc-calendar-select{width:100%;display:grid;gap:6px}.sc-calendar-select select{width:100%;min-width:0}.sc-calendar-subscribe-note{font-size:12px;margin-top:-2px}}

/* v0.11.5 small UX adjustments */
.sc-dashboard-platform{display:block}
.sc-calendar-panel + .sc-panel{width:100%}
.sc-calendar-date-link{display:inline-flex;text-decoration:none;color:inherit;align-items:center;justify-content:center;border-radius:10px;min-width:30px;min-height:30px}
.sc-calendar-day.is-selected .sc-calendar-date-link{background:#0f5238;color:#fff;font-weight:900}
.sc-calendar-toolbar .sc-secondary-btn .dashicons{font-size:16px;width:16px;height:16px}
@media(max-width:760px){
  body.sc-mobile-ui .sc-dashboard-platform{display:none!important}
  body.sc-mobile-ui .sc-page-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body.sc-mobile-ui .sc-page-head > div,
  body.sc-mobile-ui .sc-page-head > .sc-page-action{width:100%!important;max-width:none!important;min-width:0!important}
  body.sc-mobile-ui .sc-page-head .sc-btn,
  body.sc-mobile-ui .sc-page-head .sc-secondary-btn{width:100%!important;max-width:none!important;justify-content:center!important}
  body.sc-mobile-ui .sc-calendar-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-items:stretch!important}
  body.sc-mobile-ui .sc-calendar-toolbar > div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  body.sc-mobile-ui .sc-calendar-toolbar strong{order:-1;text-align:center;font-size:22px}
}

.sc-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px;flex-wrap:wrap}
.sc-pagination span{color:#64748b;font-size:13px}


/* 0.12.7 Dashboard, onboarding og opgaveflow */
.sc-page-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.sc-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.sc-section-head h2{margin:0 0 4px}.sc-section-head p{margin:0;color:#64748b}.sc-onboarding-panel{margin:18px 0}.sc-onboarding-score{font-size:22px}.sc-onboarding-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.sc-onboarding-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;text-decoration:none}.sc-onboarding-item.is-done{border-color:#bbf7d0;background:#f0fdf4}.sc-onboarding-item.is-pending{border-color:#fde68a;background:#fffbeb}.sc-onboarding-item .dashicons{width:20px;height:20px}.sc-task-toolbar{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(140px,1fr)) auto auto;gap:10px;align-items:center;margin-bottom:14px}.sc-task-toolbar input,.sc-task-toolbar select{width:100%}.sc-link-reset{font-weight:700;text-decoration:none}.sc-bulk-form{margin:0}.sc-bulk-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;margin:12px 0;border:1px solid #dbeafe;background:#eff6ff;border-radius:14px}.sc-bulk-bar select{max-width:220px}.sc-check-col{width:54px;text-align:center}.sc-card-check{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-weight:700}.sc-pill.is-priority-high{background:#fee2e2;color:#991b1b}.sc-pill.is-priority-normal{background:#e0f2fe;color:#075985}.sc-pill.is-priority-low{background:#f1f5f9;color:#475569}@media (max-width:1100px){.sc-task-toolbar{grid-template-columns:1fr 1fr}}@media (max-width:720px){.sc-task-toolbar{grid-template-columns:1fr}.sc-section-head{display:block}.sc-page-actions{justify-content:flex-start}.sc-bulk-bar{align-items:stretch}.sc-bulk-bar select,.sc-bulk-bar button{width:100%;max-width:none}}

/* v0.13.9 task detail overview and slugged task URLs */
.sc-task-hero-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:24px;
  align-items:start;
}
.sc-task-hero-main{min-width:0}
.sc-task-hero-titleline{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.sc-task-hero-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.sc-task-fact{
  min-height:118px;
  border:1px solid #e0ebe4;
  background:#fbfdfc;
  border-radius:18px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.sc-task-fact small,
.sc-task-description-card small,
.sc-task-side-summary dt{
  margin:0;
  color:#64746b;
  font-size:11px;
  line-height:1.1;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.sc-task-fact strong{
  color:#202627;
  font-size:18px;
  line-height:1.2;
  font-weight:950;
}
.sc-task-fact strong a{color:#0f5238;text-decoration:none}
.sc-task-fact span{
  color:#627067;
  font-size:13px;
  line-height:1.35;
  font-weight:750;
}
.sc-task-fact.is-deadline-danger{border-color:#ffc9c9;background:#fff7f7}
.sc-task-fact.is-deadline-danger strong,.sc-task-fact.is-deadline-danger span{color:#9b1c1c}
.sc-task-fact.is-deadline-warning{border-color:#f4d36c;background:#fffbea}
.sc-task-fact.is-deadline-warning strong,.sc-task-fact.is-deadline-warning span{color:#73530b}
.sc-task-fact.is-deadline-ok{border-color:#bce9c8;background:#f4fff7}
.sc-task-description-card{
  margin-top:14px;
  border:1px solid #e0ebe4;
  background:#fff;
  border-radius:18px;
  padding:16px;
}
.sc-task-description-card p{
  margin:8px 0 0;
  color:#343c38;
  font-size:16px;
  line-height:1.55;
  font-weight:650;
}
.sc-task-description-card.is-empty{background:#fafcfb}
.sc-task-description-card.is-empty p{color:#6c7870;font-style:italic}
.sc-task-side-summary{
  border:1px solid #e0ebe4;
  background:#f7fbf8;
  border-radius:20px;
  padding:18px;
}
.sc-task-side-summary h2{
  margin:0 0 14px!important;
  font-size:20px!important;
  line-height:1.2!important;
}
.sc-task-side-summary dl{display:grid;gap:10px;margin:0}
.sc-task-side-summary div{
  display:grid;
  gap:4px;
  padding-bottom:10px;
  border-bottom:1px solid #e4eee8;
}
.sc-task-side-summary div:last-child{padding-bottom:0;border-bottom:0}
.sc-task-side-summary dd{
  margin:0;
  color:#222829;
  font-size:15px;
  font-weight:900;
}
@media(max-width:1180px){
  .sc-task-hero-panel{grid-template-columns:1fr}
  .sc-task-side-summary{display:none}
  .sc-task-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body.sc-mobile-ui .sc-task-hero-panel{padding:18px!important;border-radius:20px!important}
  body.sc-mobile-ui .sc-task-hero-grid{grid-template-columns:1fr!important}
  body.sc-mobile-ui .sc-task-fact{min-height:auto;padding:14px;border-radius:16px}
  body.sc-mobile-ui .sc-task-description-card{padding:14px;border-radius:16px}
}


/* 0.14.0 Client detail UX */
.sc-client-hero-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    gap: 24px;
    align-items: stretch;
}
.sc-client-hero-main {
    display: flex;
    gap: 18px;
    align-items: flex-start;
}
.sc-client-avatar {
    width: 68px;
    height: 68px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 800;
    background: #eaf8f0;
    color: #075f3f;
    border: 1px solid #b6edca;
    flex: 0 0 auto;
}
.sc-client-hero-main h2 {
    margin: 10px 0 6px;
    font-size: 30px;
}
.sc-client-hero-main p {
    margin: 0;
    color: #4f5d56;
}
.sc-client-contact-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}
.sc-client-contact-row a {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid #cfddd5;
    border-radius: 999px;
    background: #fff;
    font-weight: 700;
    color: #075f3f;
    text-decoration: none;
}
.sc-client-hero-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.sc-client-detail-grid {
    align-items: start;
}
.sc-client-billing-card .sc-client-billing-stats {
    display: grid;
    gap: 8px;
    margin: 14px 0 18px;
}
.sc-client-billing-card .sc-client-billing-stats span {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #edf2ef;
}
@media (max-width: 900px) {
    .sc-client-hero-panel {
        grid-template-columns: 1fr;
    }
    .sc-client-hero-facts {
        grid-template-columns: 1fr;
    }
    .sc-client-hero-main {
        flex-direction: column;
    }
}


/* v0.14.1 Time UX */
.sc-time-hero{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:22px;align-items:center;overflow:hidden;}
.sc-time-hero-copy h2{margin:4px 0 8px;font-size:30px;line-height:1.1;}
.sc-time-hero-copy p{margin:0;color:var(--sc-muted,#647067);max-width:520px;}
.sc-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sc-green,#0f6243);}
.sc-time-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.sc-time-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;margin:22px 0;align-items:start;}
.sc-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;}
.sc-section-head h2{margin:3px 0 0;}
.sc-time-register-card,.sc-time-filter-card,.sc-time-list-panel{border-color:rgba(15,98,67,.10);}
.sc-time-register-card .sc-form-grid{gap:14px;}
.sc-time-filter-card{position:sticky;top:24px;}
.sc-filter-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(15,98,67,.10);}
.sc-filter-summary span{display:inline-flex;border:1px solid rgba(15,98,67,.16);background:#f3fbf6;color:#145c3f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;}
.sc-time-list-panel .sc-table-wrap{margin-top:8px;}
@media (max-width: 980px){.sc-time-hero,.sc-time-layout{grid-template-columns:1fr;}.sc-time-hero-metrics{grid-template-columns:1fr;}.sc-time-filter-card{position:static;}}

/* v0.14.2 Invoice UX */
.sc-invoice-overview .sc-section-head,
.sc-invoice-filter-panel .sc-section-head,
.sc-invoice-list-panel .sc-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.sc-invoice-overview .sc-section-head h2,
.sc-invoice-filter-panel .sc-section-head h2,
.sc-invoice-list-panel .sc-section-head h2 {
  margin-bottom: 4px;
}
.sc-invoice-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.sc-status-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid var(--sc-border, #d7e5dd);
  border-radius: 999px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}
.sc-status-filter strong {
  min-width: 24px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef7f1;
  text-align: center;
}
.sc-status-filter.is-active {
  border-color: var(--sc-green, #075f3a);
  box-shadow: 0 0 0 3px rgba(7, 95, 58, 0.08);
}
.sc-invoice-metrics .sc-metric-card small {
  display: block;
  margin-top: 4px;
}

/* v0.14.3: Calendar UX polish */
.sc-calendar-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.sc-calendar-summary .sc-mini-stat{background:#fff;border:1px solid #dfe8e2;border-radius:18px;padding:18px;box-shadow:0 14px 38px rgba(15,82,56,.05)}.sc-calendar-summary .sc-mini-stat small{display:block;color:#65736b;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:11px;margin-bottom:6px}.sc-calendar-summary .sc-mini-stat strong{font-size:28px;line-height:1;color:#191c1d}.sc-calendar-toolbar-v2{align-items:center}.sc-calendar-title-block{display:grid;gap:4px;text-align:center}.sc-calendar-title-block strong{font-size:26px}.sc-calendar-title-block .sc-muted{font-size:13px;font-weight:800}.sc-calendar-nav-actions{display:flex;gap:8px;flex-wrap:wrap}.sc-calendar-day-v2{min-height:122px;display:flex;flex-direction:column;gap:8px}.sc-calendar-day-v2 .sc-calendar-date-link{width:100%;justify-content:space-between;padding:0;text-align:left}.sc-calendar-day-v2.has-tasks{background:linear-gradient(180deg,#fff 0%,#f7fbf8 100%)}.sc-calendar-day-tasks{display:grid;gap:5px;margin-top:2px}.sc-calendar-task-chip{display:block;text-decoration:none;color:#0f5238;background:#eaf7ef;border:1px solid #c8efd7;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc-calendar-task-chip.is-waiting{background:#f1f5f9;border-color:#dbe4ee;color:#475569}.sc-calendar-task-chip.is-progress{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.sc-calendar-task-chip.is-done{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.sc-calendar-task-chip.is-new{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.sc-calendar-more{font-size:11px;font-weight:900;color:#64746b}.sc-calendar-selected-panel .sc-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.sc-calendar-selected-panel .sc-section-head h2{margin:0}.sc-calendar-selected-panel .sc-section-head p{margin:4px 0 0;color:#65736b;font-weight:800}.sc-calendar-selected-card{grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px}.sc-calendar-selected-card strong{color:#191c1d!important}.sc-calendar-selected-card small{color:#65736b!important}@media(max-width:840px){.sc-calendar-summary{grid-template-columns:1fr}.sc-calendar-toolbar-v2{display:grid}.sc-calendar-title-block{text-align:left}.sc-calendar-selected-card{grid-template-columns:1fr}.sc-calendar-selected-card .sc-pill{justify-self:start}}@media(max-width:640px){.sc-calendar-day-v2{min-height:88px}.sc-calendar-task-chip{display:none}.sc-calendar-day-v2.has-tasks:after{content:"";width:8px;height:8px;border-radius:99px;background:#0f5238;display:block;margin-top:auto}.sc-calendar-more{display:none}}


/* v0.14.4: calendar selected-date polish and adjacent-month date handling */
.sc-calendar-day-v2 .sc-calendar-date-link{background:transparent!important;color:inherit!important;gap:8px;min-height:32px}
.sc-calendar-day-v2 .sc-calendar-date{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:999px;padding:0 8px;font-weight:950;color:#191c1d;line-height:1}
.sc-calendar-day-v2 .sc-calendar-count{position:static!important;min-width:24px;height:24px;border-radius:999px;background:#e6f6ec;color:#0f5238;border:1px solid #bdeacd;font-size:12px;flex:0 0 auto;box-shadow:none}
.sc-calendar-day-v2.is-selected{border-color:#0f5238;background:linear-gradient(180deg,#f6fff9 0%,#eefaf3 100%);box-shadow:0 0 0 3px rgba(15,82,56,.10),0 14px 34px rgba(15,82,56,.08)}
.sc-calendar-day-v2.is-selected .sc-calendar-date{background:#0f5238;color:#fff;box-shadow:0 8px 18px rgba(15,82,56,.20)}
.sc-calendar-day-v2.is-today:not(.is-selected) .sc-calendar-date{background:#eefaf3;color:#0f5238;box-shadow:inset 0 0 0 1px #bdeacd}
.sc-calendar-day-v2.is-selected .sc-calendar-task-chip{background:#fff;border-color:#bdeacd;color:#0f5238}
.sc-calendar-day-v2.is-muted.is-selected{opacity:1}
@media(max-width:640px){.sc-calendar-day-v2 .sc-calendar-date{min-width:26px;height:26px;font-size:12px;padding:0 7px}.sc-calendar-day-v2 .sc-calendar-count{min-width:20px;height:20px;font-size:10px}.sc-calendar-day-v2.is-selected{box-shadow:0 0 0 2px rgba(15,82,56,.10)}}

/* v0.14.5 Reports UX */
.sc-report-overview,
.sc-report-filter-panel,
.sc-outstanding-panel,
.sc-report-lines-panel {
    position: relative;
}

.sc-report-metrics .sc-metric-card strong {
    letter-spacing: -0.03em;
}

.sc-export-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.sc-report-filter-form {
    align-items: end;
}

.sc-report-status-row .sc-status-filter small {
    display: block;
    margin-top: 2px;
    color: var(--sc-muted);
    font-size: 11px;
    font-weight: 700;
}

.sc-inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: end;
    margin: 0 0 16px;
}

.sc-inline-form label {
    min-width: 210px;
}

.sc-outstanding-summary {
    display: inline-flex;
    gap: 10px;
    align-items: baseline;
    margin: 0 0 14px;
    padding: 10px 14px;
    border-radius: 16px;
    background: rgba(8, 95, 61, 0.07);
    color: var(--sc-ink);
}

.sc-outstanding-summary strong {
    color: var(--sc-green);
    font-size: 20px;
}

.sc-outstanding-summary span {
    color: var(--sc-muted);
    font-weight: 700;
}

.sc-report-table td,
.sc-report-table th {
    vertical-align: top;
}

.sc-report-bulk-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 16px;
}

@media (max-width: 780px) {
    .sc-export-actions {
        justify-content: flex-start;
        width: 100%;
    }
    .sc-inline-form,
    .sc-report-bulk-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .sc-inline-form label {
        min-width: 0;
    }
    .sc-outstanding-summary {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
}

/* v0.14.6 Settings UX */
.sc-settings-tabs-polished{margin-bottom:24px}.sc-settings-overview-panel{background:linear-gradient(135deg,#fff 0%,#f3fbf7 100%)}.sc-settings-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sc-settings-summary-grid article{border:1px solid #dcebe2;background:#fff;border-radius:16px;padding:16px 18px}.sc-settings-summary-grid span{display:block;color:#64736b;font-weight:800;font-size:13px}.sc-settings-summary-grid strong{display:block;font-size:30px;line-height:1.1;color:#0f5238;margin:5px 0}.sc-settings-summary-grid small{color:#64736b}.sc-settings-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.sc-settings-action-stack{display:grid;gap:12px;max-width:360px}.sc-settings-company-card .sc-danger-zone{margin-top:4px;padding-top:14px;border-top:1px solid #f1d4d4}.sc-checkbox-label{display:flex!important;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border:1px solid #dfe8e2;border-radius:12px;background:#f8fbf9;font-weight:800}.sc-checkbox-label input{width:auto!important}.sc-settings-lines-panel .sc-pill{margin-right:6px}@media(max-width:900px){.sc-settings-summary-grid,.sc-settings-layout{grid-template-columns:1fr}.sc-settings-action-stack{max-width:none}}

/* v0.14.7 Customer portal UX */
.sc-portal-hero{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
    gap:24px;
    align-items:stretch;
    background:linear-gradient(135deg,#ffffff 0%,#f1faf5 100%);
}
.sc-portal-kicker{
    display:inline-flex;
    margin-bottom:10px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(8,95,61,.09);
    color:var(--sc-green);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.sc-portal-hero-main h2{margin:0 0 8px;font-size:32px}.sc-portal-hero-main p{max-width:680px;margin:0 0 8px;color:var(--sc-muted);font-weight:650}.sc-portal-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sc-portal-hero-stats article{border:1px solid #dcebe2;background:#fff;border-radius:18px;padding:16px;box-shadow:0 14px 30px rgba(15,82,56,.06)}.sc-portal-hero-stats small{display:block;color:#64736b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.sc-portal-hero-stats strong{display:block;margin-top:4px;font-size:30px;line-height:1;color:#0f5238}.sc-portal-hero-stats article.is-warning{border-color:#ffd8a8;background:#fffaf0}.sc-portal-hero-stats article.is-warning strong{color:#a65b00}.sc-portal-filter-panel .sc-table-toolbar{margin-bottom:14px}.sc-portal-toolbar select{min-height:44px}.sc-portal-status-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.sc-portal-status-row .sc-status-chip{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid #dcebe2;border-radius:999px;background:#fff;color:var(--sc-ink);font-weight:900;text-decoration:none}.sc-portal-status-row .sc-status-chip strong{display:inline-flex;min-width:26px;height:26px;padding:0 8px;align-items:center;justify-content:center;border-radius:999px;background:#eef7f2;color:var(--sc-green)}.sc-portal-status-row .sc-status-chip.is-active{border-color:#8fd8b2;background:#effcf5;color:var(--sc-green)}.sc-portal-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sc-portal-client-card,.sc-empty-card{display:grid;gap:8px;padding:16px;border:1px solid #dfe8e2;border-radius:18px;background:#fff;text-decoration:none;color:var(--sc-ink);box-shadow:0 12px 26px rgba(15,82,56,.05)}.sc-portal-client-card strong{font-size:16px}.sc-portal-client-card small,.sc-empty-card span{color:var(--sc-muted);font-weight:650}.sc-portal-client-card .sc-logo-chip{margin-bottom:2px}.sc-portal-client-card .sc-pill{justify-self:start}.sc-portal-help .sc-check-list{margin-top:10px}@media(max-width:980px){.sc-portal-hero{grid-template-columns:1fr}.sc-portal-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sc-portal-hero-stats,.sc-portal-client-grid{grid-template-columns:1fr}.sc-portal-hero-main h2{font-size:26px}.sc-portal-status-row .sc-status-chip{width:100%;justify-content:space-between}.sc-portal-toolbar{align-items:stretch}.sc-portal-toolbar input,.sc-portal-toolbar select,.sc-portal-toolbar button,.sc-portal-toolbar a{width:100%}}


/* 0.15.7 backup restore table hotfix */
.sc-backup-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:12px}
.sc-backup-table{min-width:880px;table-layout:auto}
.sc-backup-table th,.sc-backup-table td{white-space:normal;word-break:break-word;overflow-wrap:anywhere;vertical-align:top}
.sc-backup-preview-table td:last-child,.sc-backup-dryrun-table td:last-child,.sc-backup-jobs-table td:nth-child(8){min-width:240px;max-width:320px}
.sc-backup-preview-table td:nth-child(1),.sc-backup-preview-table td:nth-child(2),.sc-backup-dryrun-table td:nth-child(1){min-width:170px}
.sc-restore-safety-form input[type="text"]{width:100%;max-width:100%}
.sc-restore-safety-form label{display:block}
@media (max-width: 900px){
  .sc-backup-table{min-width:760px}
  .sc-backup-preview-table td:last-child,.sc-backup-dryrun-table td:last-child,.sc-backup-jobs-table td:nth-child(8){min-width:200px;max-width:260px}
}
@media (max-width: 640px){
  .sc-backup-table{min-width:680px;font-size:14px}
  .sc-backup-table th,.sc-backup-table td{padding:12px 14px}
}


/* 0.15.8 backup jobs table hotfix */
.sc-backup-table th{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.sc-backup-jobs-table{min-width:1120px}
.sc-backup-jobs-table td{white-space:nowrap;word-break:normal;overflow-wrap:normal;vertical-align:middle}
.sc-backup-jobs-table td:nth-child(2),
.sc-backup-jobs-table td:nth-child(3),
.sc-backup-jobs-table td:nth-child(4),
.sc-backup-jobs-table td:nth-child(5),
.sc-backup-jobs-table td:nth-child(7){font-variant-numeric:tabular-nums}
.sc-backup-jobs-table td:nth-child(8){white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:220px;max-width:300px}
.sc-backup-jobs-table td:nth-child(9),
.sc-backup-jobs-table td:nth-child(10),
.sc-backup-jobs-table td:nth-child(11),
.sc-backup-jobs-table td:nth-child(12){min-width:110px}
.sc-backup-jobs-table .sc-small-btn{display:inline-flex;justify-content:center;min-width:84px}
@media (max-width: 900px){
  .sc-backup-jobs-table{min-width:1040px}
}


/* 0.16.5 import UX polish */
.sc-import-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:22px;align-items:center}
.sc-import-hero h2{margin:0 0 8px;font-size:30px}
.sc-import-hero p{margin:0;color:#5d6d64;font-weight:650;max-width:640px}
.sc-import-actions{display:flex!important;gap:10px;flex-wrap:wrap}
.sc-import-actions button{white-space:nowrap}
.sc-import-column-chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}
.sc-import-column-chips span{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#eef7f2;border:1px solid #d6eadf;color:#0f5238;font-weight:900;font-size:12px}
.sc-import-sample-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:10px}
.sc-import-sample-card{border:1px solid #dfe8e2;border-radius:18px;background:#fbfdfb;padding:16px;display:grid;gap:12px}
.sc-import-sample-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sc-import-sample-card dl{display:grid;grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);gap:7px 12px;margin:0}
.sc-import-sample-card dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#65756c}
.sc-import-sample-card dd{margin:0;color:#1f2b25;font-weight:700;overflow-wrap:anywhere}
.sc-import-error{margin:0;padding:10px 12px;border-radius:12px;background:#fff0ee;color:#93000a;font-weight:800}
.sc-import-job-row.is-running td,.sc-import-job-row.is-pending td{background:#fffaf0}
.sc-badge.sc-badge-error{background:#ffdad6;color:#93000a}
@media(max-width:980px){.sc-import-hero{grid-template-columns:1fr}.sc-import-sample-list{grid-template-columns:1fr}}
@media(max-width:640px){.sc-import-actions button{width:100%;justify-content:center}.sc-import-sample-card dl{grid-template-columns:1fr}}


/* 0.17.0 access matrix */
.sc-access-matrix{min-width:980px}
.sc-access-matrix th,.sc-access-matrix td{text-align:center;vertical-align:middle}
.sc-access-matrix th:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:1}
.sc-badge.sc-badge-muted{background:#eef1ee;color:#66736b}


/* 0.17.6 operations hardening */
.sc-progress{height:9px;background:#edf2ee;border-radius:999px;overflow:hidden;min-width:110px;margin-bottom:5px}
.sc-progress span{display:block;height:100%;background:#2f7d51;border-radius:999px}


/* 0.17.7 regression checks */
.sc-regression-table{min-width:860px}
.sc-regression-table tr.is-critical td{background:#fff0ee}
.sc-regression-table tr.is-warning td{background:#fffaf0}
.sc-regression-panel .sc-table-wrap{margin-top:14px}


/* 0.17.9 invoice payment polish */
.sc-inline-details textarea{margin-top:8px;min-width:240px}
.sc-inline-form .sc-inline-details{display:inline-block;vertical-align:top;margin-left:4px}
.sc-inline-form .sc-inline-details[open]{display:block;margin:8px 0 0}


/* 0.21.1 notifications/account polish */
.sc-account-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:24px;align-items:start;margin-bottom:24px}.sc-account-profile-card,.sc-account-notification-card,.sc-account-company-panel{min-width:0}.sc-account-profile-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.sc-account-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#bdeacd,#dff3e6);color:#0f5238;display:grid;place-items:center;font:900 24px/1 Manrope,system-ui,sans-serif}.sc-account-profile-head h2{margin:0 0 4px}.sc-account-profile-head p{margin:0;color:#586961}.sc-account-profile-actions{display:flex;gap:10px;flex-wrap:wrap}.sc-account-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.sc-account-notification-head h2{margin-bottom:8px}.sc-account-notification-head p{margin:0;color:#586961;max-width:56ch}.sc-account-notification-summary{min-width:120px;padding:14px 16px;border-radius:16px;background:#f4faf6;border:1px solid #d9e9df;text-align:center}.sc-account-notification-summary strong{display:block;font:900 26px/1 Manrope,system-ui,sans-serif;color:#0f5238}.sc-account-notification-summary small{display:block;margin-top:6px;color:#53635a;font-weight:800}.sc-account-notification-form{display:grid;gap:18px}.sc-account-notification-group{display:grid;gap:10px}.sc-account-notification-group>header h3{margin:0;font:900 13px/1.2 Manrope,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#4d5d55}.sc-account-notification-list{display:grid;gap:10px}.sc-account-notification-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #e0e8e3;border-radius:18px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.sc-account-notification-row:hover{border-color:#bdeacd;background:#fbfdfb;box-shadow:0 10px 24px rgba(15,82,56,.06)}.sc-account-notification-copy{display:grid;gap:4px;min-width:0}.sc-account-notification-copy strong{display:block;color:#19221c;font-weight:900;line-height:1.3}.sc-account-notification-copy small{display:block;color:#5b6c63;line-height:1.45;font-weight:700}.sc-account-switch{position:relative;flex:0 0 auto}.sc-account-switch input{position:absolute;inset:0;opacity:0;cursor:pointer}.sc-account-switch-ui{display:inline-block;position:relative;width:58px;height:34px;border-radius:999px;background:#d8e1db;border:1px solid #cad6ce;box-shadow:inset 0 1px 2px rgba(0,0,0,.06);transition:background .18s ease,border-color .18s ease}.sc-account-switch-ui:before{content:'';position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:999px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12);transition:transform .18s ease}.sc-account-switch input:checked + .sc-account-switch-ui{background:#0f5238;border-color:#0f5238}.sc-account-switch input:checked + .sc-account-switch-ui:before{transform:translateX(24px)}.sc-account-switch input:focus + .sc-account-switch-ui{outline:3px solid rgba(15,82,56,.15);outline-offset:2px}.sc-account-notification-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:8px;border-top:1px solid #edf2ef}.sc-account-notification-footer p{margin:0;color:#596a60;font-weight:700}.sc-account-company-panel .sc-table-wrap{margin-top:10px}

/* 0.21.1 dashboard polish */
.sc-dashboard-layout{align-items:start}.sc-dashboard-focus-panel{overflow:hidden}.sc-dashboard-focus-head{margin-bottom:14px}.sc-dashboard-task-list{display:grid;gap:14px}.sc-dashboard-task-card{border:1px solid #dfe8e2;border-radius:18px;background:#fff;padding:18px;display:grid;gap:14px;box-shadow:0 10px 24px rgba(15,82,56,.05)}.sc-dashboard-task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sc-dashboard-task-title{display:flex;gap:14px;text-decoration:none;color:#19221c;min-width:0}.sc-dashboard-task-title strong{display:block;color:#0f5238;font-size:19px;line-height:1.25;word-break:break-word}.sc-dashboard-task-title small{display:block;margin-top:5px;color:#5b6c63;font-weight:700;line-height:1.35}.sc-dashboard-task-title small span{color:#294235}.sc-dashboard-task-icon{flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:#bdeacd;color:#0f5238;display:grid;place-items:center;font-size:22px;line-height:44px}.sc-dashboard-task-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sc-dashboard-task-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 0;border-top:1px solid #edf2ef;border-bottom:1px solid #edf2ef}.sc-dashboard-task-meta>div{min-width:0}.sc-dashboard-task-meta small{display:block;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#61716a;font-weight:900}.sc-dashboard-task-meta strong{display:block;color:#223029;line-height:1.35;word-break:break-word}.sc-dashboard-task-meta strong a{color:#0f5238;text-decoration:none}.sc-dashboard-task-meta em{display:block;margin-top:4px;font-style:normal;color:#ba1a1a;font-size:12px;font-weight:900}.sc-dashboard-task-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sc-empty-state{padding:20px;border:1px dashed #c8d5ce;border-radius:18px;background:#fbfdfb;display:grid;gap:5px;color:#53635a}.sc-empty-state strong{color:#19221c}.sc-empty-state small{line-height:1.45}.sc-dashboard-platform{position:sticky;top:92px}

@media (max-width: 1100px){.sc-account-layout{grid-template-columns:1fr}.sc-account-notification-head{flex-direction:column}.sc-dashboard-task-top,.sc-dashboard-task-actions,.sc-account-notification-footer{justify-content:flex-start}.sc-dashboard-task-meta{grid-template-columns:1fr 1fr}}
@media (max-width: 760px){.sc-account-notification-row{padding:14px;gap:12px;align-items:flex-start}.sc-account-notification-copy strong{font-size:15px}.sc-account-notification-copy small{font-size:13px}.sc-account-switch{align-self:center}.sc-account-notification-footer{flex-direction:column;align-items:stretch}.sc-account-notification-footer .sc-btn{width:100%;justify-content:center}.sc-dashboard-task-card{padding:16px}.sc-dashboard-task-top{flex-direction:column}.sc-dashboard-task-pills{justify-content:flex-start}.sc-dashboard-task-meta{grid-template-columns:1fr}.sc-dashboard-task-actions{display:grid;grid-template-columns:1fr}.sc-dashboard-task-actions .sc-btn,.sc-dashboard-task-actions .sc-secondary-btn{width:100%;justify-content:center}.sc-dashboard-platform{position:static}}


/* 0.21.2 account/dashboard refinement */
.sc-dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.sc-dashboard-metrics .sc-metric{min-width:0}
.sc-dashboard-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}
.sc-dashboard-focus-panel{margin-top:0}

.sc-account-notification-card{padding:22px 24px}
.sc-account-notification-head{margin-bottom:14px}
.sc-account-notification-head p{max-width:60ch}
.sc-account-notification-form{gap:14px}
.sc-account-notification-group{gap:8px}
.sc-account-notification-group>header h3{font-size:12px;color:#6a7a72}
.sc-account-notification-list{gap:8px}
.sc-account-notification-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:16px;padding:14px 16px;border:1px solid #e4ece6;border-radius:14px;background:#fbfcfb;box-shadow:none}
.sc-account-notification-row:hover{border-color:#d3e2d8;background:#ffffff;box-shadow:none}
.sc-account-notification-copy strong{font-size:14px;line-height:1.35}
.sc-account-notification-copy small{font-size:13px;line-height:1.4;color:#63736b}
.sc-account-notification-toggle-col{display:flex;align-items:center;justify-content:flex-end}
.sc-account-switch-ui{width:52px;height:30px}
.sc-account-switch-ui:before{top:2px;left:2px;width:24px;height:24px}
.sc-account-switch input:checked + .sc-account-switch-ui:before{transform:translateX(22px)}
.sc-account-notification-summary{padding:12px 14px;border-radius:14px}
.sc-account-notification-summary strong{font-size:22px}
.sc-account-notification-summary small{font-size:12px}
.sc-account-notification-footer{padding-top:10px}

@media (max-width: 1180px){.sc-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sc-dashboard-layout{grid-template-columns:1fr}}
@media (max-width: 760px){.sc-account-notification-row{grid-template-columns:minmax(0,1fr) 64px;padding:12px 14px;gap:12px}.sc-account-notification-copy strong{font-size:13px}.sc-account-notification-copy small{font-size:12px}.sc-dashboard-metrics{grid-template-columns:1fr!important}}


/* 0.22.0 Timer core */
.sc-timer-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#0f5238,#2d7a56);color:#fff;overflow:hidden}
.sc-timer-hero h2,.sc-timer-hero p,.sc-timer-hero .sc-kicker{color:#fff}.sc-timer-hero p{opacity:.86;margin:0}.sc-timer-hero .sc-kicker{opacity:.74}.sc-timer-clock{flex:0 0 auto;width:170px;height:170px;border-radius:999px;border:8px solid rgba(189,234,205,.72);display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.08)}
.sc-timer-clock strong{display:block;font:900 34px/1 Manrope,system-ui,sans-serif;color:#fff;letter-spacing:.02em}.sc-timer-clock small{display:block;margin-top:8px;color:#d7f0df;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.sc-timer-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;align-items:start}.sc-timer-control-card,.sc-timer-day-card,.sc-timer-recent-panel{min-width:0}.sc-timer-day-card strong{display:block;font:900 38px/1.1 Manrope,system-ui,sans-serif;color:#0f5238;margin:8px 0}.sc-timer-actions{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap}.sc-timer-cancel-form{margin-top:12px}.sc-timer-cancel-form .sc-secondary-btn{width:100%;justify-content:center}.sc-timer-start-form select,.sc-timer-stop-form textarea{width:100%}
@media(max-width:980px){.sc-timer-hero,.sc-timer-layout{display:grid;grid-template-columns:1fr}.sc-timer-clock{width:140px;height:140px}.sc-timer-clock strong{font-size:28px}.sc-timer-actions .sc-btn,.sc-timer-actions .sc-secondary-btn{width:100%;justify-content:center}}


/* 0.22.0.3 Simple timer UI */
.sc-timer-hero,.sc-timer-layout,.sc-timer-day-card,.sc-timer-recent-panel{display:none!important}
.sc-timer-simple-card{max-width:860px;padding:24px;margin-top:18px}
.sc-timer-simple-card.is-running{border-color:#bdeacd}
.sc-timer-simple-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #edf2ef}
.sc-timer-simple-head h2{margin:4px 0 4px;font-size:28px}
.sc-timer-simple-head p{margin:0;color:#5e6e66;font-weight:700}
.sc-timer-simple-clock{flex:0 0 auto;min-width:128px;text-align:right}
.sc-timer-simple-clock strong{display:block;font:900 32px/1 Manrope,system-ui,sans-serif;color:#0f5238;letter-spacing:.02em}
.sc-timer-simple-form{display:grid;gap:14px}
.sc-timer-simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sc-timer-simple-form label{display:grid!important;gap:7px;min-width:0}
.sc-timer-simple-form textarea{min-height:92px}
.sc-timer-simple-options{display:flex;align-items:center;gap:12px}
.sc-timer-simple-options .sc-checkbox-label{display:flex!important;align-items:center;justify-content:flex-start;flex-direction:row!important;gap:8px;width:auto;padding:0;border:0;background:transparent}
.sc-timer-simple-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sc-timer-simple-cancel{margin-top:10px}
.sc-link-btn{border:0;background:transparent;color:#607068;font-weight:900;padding:0;cursor:pointer}
.sc-link-btn:hover{color:#0f5238;text-decoration:underline}
.sc-timer-simple-bottom{display:grid;grid-template-columns:220px minmax(0,640px);gap:18px;margin-top:18px;align-items:start}
.sc-timer-simple-summary{padding:22px}
.sc-timer-simple-summary strong{display:block;font:900 38px/1 Manrope,system-ui,sans-serif;color:#0f5238}
.sc-timer-simple-summary span{display:block;margin-top:6px;font-weight:900;color:#1d2a23}
.sc-timer-simple-summary small{display:block;margin-top:10px;color:#5e6e66;font-weight:700}
.sc-timer-simple-recent{padding:22px}
.sc-timer-simple-recent .sc-section-head{margin-bottom:12px}
.sc-timer-simple-recent-list{display:grid;gap:8px}
.sc-timer-simple-recent-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf2ef}
.sc-timer-simple-recent-list article:first-child{border-top:0}
.sc-timer-simple-recent-list strong{color:#0f5238}
.sc-timer-simple-recent-list span{color:#5e6e66;font-weight:800}
@media(max-width:900px){.sc-timer-simple-card{max-width:none}.sc-timer-simple-head{display:grid}.sc-timer-simple-clock{text-align:left}.sc-timer-simple-grid,.sc-timer-simple-bottom{grid-template-columns:1fr}.sc-timer-simple-actions .sc-btn,.sc-timer-simple-actions .sc-secondary-btn{width:100%;justify-content:center}}


/* 0.22.1 Timer workbench */
.sc-timer-workbench{padding:18px 20px;margin-top:16px;max-width:none}
.sc-timer-workbench.is-running{border-color:#bdeacd;background:#fbfffc}
.sc-timer-workbench-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.sc-timer-workbench-title h2{margin:2px 0 2px;font-size:24px}
.sc-timer-workbench-title p{margin:0;color:#5d6c64;font-weight:700}
.sc-timer-workbench-clock{min-width:130px;text-align:right}
.sc-timer-workbench-clock strong{display:block;font:900 30px/1 Manrope,system-ui,sans-serif;color:#0f5238;letter-spacing:.03em}
.sc-timer-workbench-clock small{display:block;margin-top:4px;color:#63736b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.sc-timer-workbench-form{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(220px,1.1fr) minmax(260px,1.4fr) auto auto;gap:10px;align-items:end}
.sc-timer-workbench-form label{display:grid!important;gap:6px;min-width:0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#4e5e55}
.sc-timer-workbench-form input:not([type=checkbox]),.sc-timer-workbench-form select{width:100%;min-height:44px}
.sc-timer-wide{min-width:0}
.sc-timer-check{display:flex!important;align-items:center!important;justify-content:center;flex-direction:row!important;gap:7px;min-height:44px;padding:0 10px;border:1px solid #dbe6df;border-radius:12px;background:#fbfdfb;white-space:nowrap}
.sc-timer-check input{margin:0}
.sc-timer-stop-btn{background:#cf2f2f!important}
.sc-timer-cancel-inline{margin-top:10px;text-align:right}
.sc-timer-manual-panel{padding:0;overflow:hidden;margin-top:14px}
.sc-timer-manual-panel details{padding:0}
.sc-timer-manual-panel summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:14px 18px;font-weight:900;color:#0f5238;list-style:none}
.sc-timer-manual-panel summary::-webkit-details-marker{display:none}
.sc-timer-manual-form{display:grid;grid-template-columns:150px minmax(170px,.8fr) minmax(220px,1.1fr) 120px minmax(220px,1.2fr) auto auto;gap:10px;align-items:end;padding:0 18px 18px}
.sc-timer-manual-form label{display:grid!important;gap:6px;min-width:0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#4e5e55}
.sc-timer-manual-form input:not([type=checkbox]),.sc-timer-manual-form select{width:100%;min-height:42px}
.sc-timer-overview{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
.sc-timer-mini-stat{padding:20px}
.sc-timer-mini-stat strong{display:block;font:900 34px/1 Manrope,system-ui,sans-serif;color:#0f5238}
.sc-timer-mini-stat span{display:block;margin-top:6px;font-weight:900;color:#1e2d25}
.sc-timer-mini-stat small{display:block;margin-top:9px;color:#5e6e66;font-weight:700}
.sc-timer-log-panel{padding:20px}
.sc-timer-day-list{display:grid;gap:14px}
.sc-timer-day{border:1px solid #dfe8e2;border-radius:16px;background:#fff;overflow:hidden}
.sc-timer-day header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#fbfdfb;border-bottom:1px solid #edf2ef}
.sc-timer-day header small{display:block;color:#738079;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.sc-timer-day h3{margin:3px 0 0;font-size:18px}
.sc-timer-day h3 span{color:#64746b;font-weight:800}
.sc-timer-day header>strong{background:#0f5238;color:#fff;border-radius:12px;padding:10px 14px;font-weight:900;white-space:nowrap}
.sc-timer-entry-list{display:grid}
.sc-timer-entry{display:grid;grid-template-columns:minmax(0,1fr) 88px 90px;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid #edf2ef}
.sc-timer-entry:first-child{border-top:0}
.sc-timer-entry strong{display:block;color:#1d2a23}
.sc-timer-entry small{display:block;margin-top:3px;color:#64746b;font-weight:700}
.sc-timer-entry>span{font-weight:900;color:#1d2a23;text-align:right}
.sc-small-btn{padding:8px 10px!important;min-height:34px!important;font-size:13px!important}
@media(max-width:1160px){.sc-timer-workbench-form{grid-template-columns:1fr 1fr}.sc-timer-workbench-form .sc-timer-wide{grid-column:1/-1}.sc-timer-manual-form{grid-template-columns:1fr 1fr}.sc-timer-manual-form .sc-timer-wide{grid-column:1/-1}.sc-timer-overview{grid-template-columns:1fr}}
@media(max-width:760px){.sc-timer-workbench-top{display:grid}.sc-timer-workbench-clock{text-align:left}.sc-timer-workbench-form,.sc-timer-manual-form{grid-template-columns:1fr}.sc-timer-check{justify-content:flex-start}.sc-timer-entry{grid-template-columns:1fr}.sc-timer-entry>span{text-align:left}.sc-timer-entry .sc-secondary-btn{width:100%;justify-content:center}}


/* 0.22.2 Timer polish */
.sc-timer-workbench{
    padding:22px;
    border-radius:20px;
    box-shadow:0 18px 44px rgba(15,82,56,.07);
}
.sc-timer-workbench-top{
    align-items:flex-start;
    margin-bottom:18px;
}
.sc-timer-workbench-title h2{
    font-size:26px;
    letter-spacing:-.02em;
}
.sc-timer-workbench-title p{
    color:#65766d;
}
.sc-timer-workbench-clock{
    min-width:150px;
    padding:12px 14px;
    border:1px solid #dce8e1;
    border-radius:16px;
    background:#fbfdfb;
}
.sc-timer-workbench-clock strong{
    font-size:28px;
}
.sc-timer-workbench-form{
    grid-template-columns:minmax(180px,.75fr) minmax(240px,1fr) minmax(300px,1.45fr) 120px 112px;
    gap:12px;
}
.sc-timer-workbench-form label span,
.sc-timer-manual-form label span{
    display:block;
    margin-bottom:6px;
}
.sc-timer-workbench-form input:not([type=checkbox]),
.sc-timer-workbench-form select,
.sc-timer-manual-form input:not([type=checkbox]),
.sc-timer-manual-form select{
    border-radius:12px;
    background:#fff;
}
.sc-timer-check{
    min-height:46px;
    align-self:end;
    text-transform:none!important;
    letter-spacing:0!important;
    color:#25342c!important;
}
.sc-timer-workbench-form .sc-btn{
    min-height:46px;
    align-self:end;
}
.sc-timer-manual-panel{
    padding:20px 22px!important;
    margin-top:16px;
    border-radius:20px;
}
.sc-timer-manual-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}
.sc-timer-manual-head h2{
    margin:3px 0 4px;
    font-size:22px;
}
.sc-timer-manual-head p{
    margin:0;
    color:#65766d;
    font-weight:700;
}
.sc-timer-manual-form{
    grid-template-columns:140px minmax(180px,.85fr) minmax(230px,1fr) 120px minmax(280px,1.3fr) 120px 150px;
    gap:12px;
    padding:0!important;
}
.sc-timer-manual-form small{
    margin-top:4px;
    color:#6b7b72;
    font-size:11px;
    text-transform:none;
    letter-spacing:0;
    font-weight:700;
}
.sc-timer-manual-form .sc-secondary-btn{
    align-self:end;
    min-height:44px;
    justify-content:center;
}
.sc-timer-overview{
    grid-template-columns:180px minmax(0,1fr);
    gap:18px;
}
.sc-timer-mini-stat{
    border-radius:20px;
    background:linear-gradient(180deg,#fff,#f8fcfa);
}
.sc-timer-log-panel{
    border-radius:20px;
}
.sc-timer-day{
    border-radius:18px;
}
.sc-timer-day header{
    padding:13px 16px;
}
.sc-timer-entry{
    grid-template-columns:minmax(0,1fr) 76px 86px;
    padding:11px 16px;
}
@media(max-width:1280px){
    .sc-timer-workbench-form{grid-template-columns:1fr 1fr}
    .sc-timer-workbench-form .sc-timer-wide{grid-column:1/-1}
    .sc-timer-workbench-form .sc-btn{width:100%;justify-content:center}
    .sc-timer-manual-form{grid-template-columns:1fr 1fr}
    .sc-timer-manual-form .sc-timer-wide{grid-column:1/-1}
}
@media(max-width:820px){
    .sc-timer-workbench-top,.sc-timer-manual-head{display:grid}
    .sc-timer-workbench-clock{text-align:left}
    .sc-timer-workbench-form,.sc-timer-manual-form,.sc-timer-overview{grid-template-columns:1fr}
    .sc-timer-entry{grid-template-columns:1fr}
    .sc-timer-entry>span{text-align:left}
}


/* 0.22.3 Timer inline manual + quota dashboard */
.sc-content,.sc-main,.sc-panel{min-width:0}
.sc-front-app{overflow-x:hidden}
.sc-timer-workbench-v223{overflow:hidden}
.sc-timer-workbench-v223 .sc-timer-workbench-form{
    grid-template-columns:minmax(160px,.8fr) minmax(220px,1.05fr) minmax(240px,1.35fr) auto auto;
    max-width:100%;
}
.sc-timer-manual-inline{
    margin-top:14px;
    border-top:1px solid #edf2ef;
    padding-top:12px;
}
.sc-timer-manual-inline summary{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:0 14px;
    border:1px solid #d5e2da;
    border-radius:12px;
    background:#fbfdfb;
    color:#0f5238;
    font-weight:900;
    cursor:pointer;
    list-style:none;
}
.sc-timer-manual-inline summary::-webkit-details-marker{display:none}
.sc-timer-manual-inline[open] summary{margin-bottom:14px;background:#eef8f1;border-color:#bdeacd}
.sc-timer-manual-inline .sc-timer-manual-form{
    grid-template-columns:130px minmax(160px,.8fr) minmax(210px,1fr) 110px minmax(220px,1.1fr) auto auto;
}
.sc-timer-manual-inline .sc-timer-manual-form small{display:none!important}
.sc-timer-manual-panel{display:none!important}
.sc-timer-overview{overflow:hidden}
.sc-timer-log-panel,.sc-timer-day,.sc-timer-entry-list{min-width:0}
.sc-timer-entry{min-width:0}
.sc-timer-entry strong,.sc-timer-entry small{overflow-wrap:anywhere}
@media(max-width:1280px){
    .sc-timer-workbench-v223 .sc-timer-workbench-form,
    .sc-timer-manual-inline .sc-timer-manual-form{grid-template-columns:1fr 1fr}
    .sc-timer-workbench-v223 .sc-timer-wide,
    .sc-timer-manual-inline .sc-timer-wide{grid-column:1/-1}
}
@media(max-width:760px){
    .sc-timer-workbench-v223 .sc-timer-workbench-form,
    .sc-timer-manual-inline .sc-timer-manual-form{grid-template-columns:1fr}
    .sc-timer-workbench-v223 .sc-btn,
    .sc-timer-manual-inline .sc-secondary-btn{width:100%;justify-content:center}
}

/* Dashboard time quota */
.sc-dashboard-time-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;background:linear-gradient(135deg,#0f5238,#2d7a56);color:#fff;border:0}
.sc-dashboard-time-hero h2{margin:5px 0;font-size:44px;color:#fff;letter-spacing:-.04em}
.sc-dashboard-time-hero p,.sc-dashboard-time-hero .sc-kicker{color:#fff}.sc-dashboard-time-hero p{margin:0;opacity:.9;font-weight:800}
.sc-dashboard-time-ring{--sc-quota:0%;width:138px;height:138px;border-radius:999px;background:conic-gradient(#bdeacd var(--sc-quota),rgba(255,255,255,.2) 0);display:grid;place-items:center;position:relative;flex:0 0 auto}
.sc-dashboard-time-ring:before{content:'';position:absolute;inset:9px;border-radius:999px;background:#1f704e}
.sc-dashboard-time-ring strong,.sc-dashboard-time-ring small{position:relative;color:#fff}.sc-dashboard-time-ring strong{font-size:30px;font-weight:900}.sc-dashboard-time-ring small{display:block;margin-top:38px;position:absolute;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.sc-dashboard-time-metrics{margin-top:18px}
.sc-dashboard-quota-panel,.sc-dashboard-next-panel{min-width:0}
.sc-quota-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.sc-quota-day{border:1px solid #dfe8e2;border-radius:14px;padding:12px;background:#fbfdfb;display:grid;gap:4px;min-width:0}
.sc-quota-day.is-met{background:#eef9f1;border-color:#bdeacd}
.sc-quota-day small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#66766d;font-weight:900}
.sc-quota-day strong{font-size:18px;color:#17221c}
.sc-quota-day span{font-weight:900;color:#0f5238}
.sc-quota-day em{font-style:normal;color:#66766d;font-size:12px;font-weight:900}
.sc-dashboard-compact-task-list{display:grid;gap:10px}
.sc-dashboard-compact-task-list a{display:grid;gap:3px;padding:13px 14px;border:1px solid #e0e9e4;border-radius:14px;text-decoration:none;background:#fff}
.sc-dashboard-compact-task-list strong{color:#0f5238}.sc-dashboard-compact-task-list small{color:#65766d;font-weight:800}
@media(max-width:900px){.sc-dashboard-time-hero{display:grid}.sc-dashboard-time-ring{width:118px;height:118px}.sc-quota-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Account time quota */
.sc-account-layout{grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr)}
.sc-account-quota-card{min-width:0}
.sc-account-quota-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.sc-account-quota-head h2{margin:0 0 6px}.sc-account-quota-head p{margin:0;color:#63736b;font-weight:700}
.sc-account-quota-head strong{font:900 28px/1 Manrope,system-ui,sans-serif;color:#0f5238;white-space:nowrap}
.sc-account-quota-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.sc-account-quota-form label{display:grid!important;gap:7px}
.sc-account-quota-form input{min-height:42px}
@media(max-width:900px){.sc-account-layout,.sc-account-quota-form{grid-template-columns:1fr}}


/* 0.22.4 Timer fallback task + manual layout fix */
.sc-timer-manual-inline .sc-timer-manual-form{
    grid-template-columns:minmax(145px,.75fr) minmax(170px,1fr) minmax(210px,1.2fr) minmax(100px,.55fr) minmax(220px,1.35fr) auto auto!important;
    align-items:end;
    width:100%;
    max-width:100%;
    overflow:hidden;
}
.sc-timer-manual-inline .sc-timer-manual-form label,
.sc-timer-workbench-v223 .sc-timer-workbench-form label{
    min-width:0;
}
.sc-timer-manual-inline .sc-timer-manual-form input:not([type=checkbox]),
.sc-timer-manual-inline .sc-timer-manual-form select{
    min-width:0;
    width:100%;
    box-sizing:border-box;
}
.sc-timer-manual-inline .sc-timer-check{
    min-width:104px;
}
.sc-timer-manual-inline .sc-secondary-btn{
    white-space:nowrap;
}
@media(max-width:1400px){
    .sc-timer-manual-inline .sc-timer-manual-form{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .sc-timer-manual-inline .sc-timer-wide{
        grid-column:1/-1;
    }
    .sc-timer-manual-inline .sc-secondary-btn{
        width:100%;
        justify-content:center;
    }
}
@media(max-width:760px){
    .sc-timer-manual-inline .sc-timer-manual-form{
        grid-template-columns:1fr!important;
    }
    .sc-timer-manual-inline .sc-timer-check{
        min-width:0;
        justify-content:flex-start;
    }
}


/* 0.22.5 Timer date grouped log */
.sc-timer-overview,
.sc-timer-mini-stat,
.sc-timer-log-panel{
    display:none!important;
}
.sc-timer-date-log-panel{
    margin-top:18px;
    padding:22px;
    overflow:hidden;
}
.sc-timer-date-list{
    display:grid;
    gap:16px;
}
.sc-timer-date-group{
    border:1px solid #dbe7e0;
    border-radius:18px;
    overflow:hidden;
    background:#fff;
}
.sc-timer-date-group header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:16px 18px;
    background:#fbfdfb;
    border-bottom:1px solid #edf2ef;
}
.sc-timer-date-heading small{
    display:block;
    color:#748179;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.sc-timer-date-heading h3{
    margin:4px 0 0;
    font-size:22px;
    letter-spacing:-.02em;
}
.sc-timer-date-heading h3 span{
    color:#65746c;
    font-weight:800;
}
.sc-timer-date-total{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 16px;
    border-radius:14px;
    background:#0f5238;
    color:#fff;
    white-space:nowrap;
}
.sc-timer-date-total span{
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
    opacity:.9;
}
.sc-timer-date-total strong{
    font-size:18px;
    font-weight:900;
    color:#fff;
}
.sc-timer-date-rows{
    display:grid;
}
.sc-timer-date-row{
    display:grid;
    grid-template-columns:minmax(180px,1.1fr) minmax(220px,1.3fr) 90px 92px;
    align-items:center;
    gap:14px;
    padding:13px 18px;
    border-top:1px solid #edf2ef;
    min-width:0;
}
.sc-timer-date-row:first-child{
    border-top:0;
}
.sc-timer-date-main,
.sc-timer-date-project{
    min-width:0;
}
.sc-timer-date-main strong{
    color:#1d2a23;
    overflow-wrap:anywhere;
}
.sc-timer-date-project span{
    display:block;
    color:#65746c;
    font-weight:800;
    overflow-wrap:anywhere;
}
.sc-timer-date-duration{
    text-align:right;
}
.sc-timer-date-duration strong{
    color:#1d2a23;
    font-weight:900;
}
.sc-timer-date-action{
    text-align:right;
}
@media(max-width:900px){
    .sc-timer-date-group header{
        display:grid;
    }
    .sc-timer-date-total{
        justify-content:space-between;
    }
    .sc-timer-date-row{
        grid-template-columns:1fr;
        gap:6px;
        align-items:start;
    }
    .sc-timer-date-duration,
    .sc-timer-date-action{
        text-align:left;
    }
    .sc-timer-date-action .sc-secondary-btn{
        width:100%;
        justify-content:center;
    }
}


/* 0.22.6 transient toast cleanup */
.sc-toast{
    animation:scToastFade 4.5s ease forwards;
}
@keyframes scToastFade{
    0%,72%{opacity:1}
    100%{opacity:0}
}


/* 0.22.7 Timer period filter and stronger date headers */
.sc-timer-period-head{
    align-items:flex-start;
}
.sc-timer-period-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.sc-timer-period-actions .sc-secondary-btn.is-active{
    background:#0f5238;
    color:#fff;
    border-color:#0f5238;
}
.sc-timer-date-group > header{
    display:flex!important;
    visibility:visible!important;
    min-height:74px;
    background:#f7fbf8!important;
    border-bottom:1px solid #dbe7e0!important;
}
.sc-timer-date-heading{
    display:block!important;
}
.sc-timer-date-heading small,
.sc-timer-date-heading h3,
.sc-timer-date-total{
    visibility:visible!important;
}
.sc-timer-date-heading h3{
    color:#17221c!important;
}
.sc-timer-date-total{
    display:flex!important;
}
@media(max-width:760px){
    .sc-timer-period-actions{
        justify-content:flex-start;
    }
    .sc-timer-period-actions .sc-secondary-btn{
        flex:1 1 auto;
        justify-content:center;
    }
}


/* 0.22.8 Timer period navigation */
.sc-timer-period-head{
    gap:18px;
}
.sc-timer-period-actions{
    max-width:680px;
}
.sc-timer-date-row{
    grid-template-columns:minmax(170px,1.05fr) minmax(220px,1.25fr) 110px 80px 92px!important;
}
.sc-timer-date-specific{
    text-align:right;
    color:#65746c;
    font-weight:900;
}
.sc-timer-date-specific span{
    white-space:nowrap;
}
@media(max-width:1050px){
    .sc-timer-date-row{
        grid-template-columns:1fr!important;
        gap:6px;
    }
    .sc-timer-date-specific,
    .sc-timer-date-duration,
    .sc-timer-date-action{
        text-align:left;
    }
}


/* 0.23.0 Time core reset fase 1 */
.sc-timer-workbench-v223 .sc-timer-workbench-form{
    grid-template-columns:minmax(150px,.7fr) minmax(190px,.9fr) minmax(160px,.7fr) minmax(230px,1.25fr) auto auto!important;
}
.sc-timer-account-field{
    min-width:0;
}
.sc-timer-account-inline{
    margin-top:12px;
    border-top:1px solid #edf2ef;
    padding-top:12px;
}
.sc-timer-account-inline summary{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:0 14px;
    border:1px solid #d5e2da;
    border-radius:12px;
    background:#fbfdfb;
    color:#0f5238;
    font-weight:900;
    cursor:pointer;
    list-style:none;
}
.sc-timer-account-inline summary::-webkit-details-marker{display:none}
.sc-timer-account-inline[open] summary{
    margin-bottom:14px;
    background:#eef8f1;
    border-color:#bdeacd;
}
.sc-timer-account-form{
    display:grid;
    grid-template-columns:minmax(170px,.8fr) minmax(220px,1.1fr) auto auto auto;
    gap:10px;
    align-items:end;
}
.sc-timer-account-form label{
    display:grid!important;
    gap:6px;
    min-width:0;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
    color:#4e5e55;
}
.sc-timer-account-form input:not([type=checkbox]){
    min-height:42px;
    width:100%;
    box-sizing:border-box;
}
@media(max-width:1280px){
    .sc-timer-workbench-v223 .sc-timer-workbench-form,
    .sc-timer-account-form{
        grid-template-columns:1fr 1fr!important;
    }
    .sc-timer-workbench-v223 .sc-timer-wide,
    .sc-timer-account-form label:nth-child(2){
        grid-column:1/-1;
    }
}
@media(max-width:760px){
    .sc-timer-workbench-v223 .sc-timer-workbench-form,
    .sc-timer-account-form{
        grid-template-columns:1fr!important;
    }
}


/* 0.23.1 Min konto layout polish */
.sc-account-layout{
    display:grid!important;
    grid-template-columns:minmax(280px,.34fr) minmax(0,.66fr)!important;
    gap:24px!important;
    align-items:start!important;
}
.sc-account-profile-card{
    grid-column:1!important;
    grid-row:1!important;
}
.sc-account-quota-card{
    grid-column:2!important;
    grid-row:1!important;
}
.sc-account-notification-card{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    overflow:hidden;
}
.sc-account-notification-head{
    align-items:flex-start!important;
}
.sc-account-notification-form{
    width:100%;
}
.sc-account-notification-group{
    width:100%;
}
.sc-account-notification-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.sc-account-notification-row{
    min-width:0;
}
.sc-account-notification-summary{
    flex:0 0 auto;
}
.sc-account-quota-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:14px 0 16px;
}
.sc-account-quota-stats div{
    border:1px solid #dfe9e3;
    border-radius:14px;
    padding:13px 14px;
    background:#fbfdfb;
    min-width:0;
}
.sc-account-quota-stats small{
    display:block;
    margin-bottom:5px;
    color:#66766d;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.sc-account-quota-stats strong{
    display:block;
    color:#0f5238;
    font-size:19px;
    line-height:1.2;
    white-space:nowrap;
}
.sc-account-quota-form{
    grid-template-columns:minmax(0,1fr) auto!important;
}
.sc-account-company-panel{
    margin-top:24px;
}
@media(max-width:1100px){
    .sc-account-layout{
        grid-template-columns:1fr!important;
    }
    .sc-account-profile-card,
    .sc-account-quota-card,
    .sc-account-notification-card{
        grid-column:1!important;
        grid-row:auto!important;
    }
    .sc-account-notification-list{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .sc-account-quota-stats,
    .sc-account-quota-form{
        grid-template-columns:1fr!important;
    }
    .sc-account-quota-form .sc-secondary-btn{
        width:100%;
        justify-content:center;
    }
}


/* 0.23.2 Overblik + Min konto cleanup + frontend menu backend */
.sc-account-notification-card{
    padding:24px!important;
}
.sc-account-notification-head{
    margin-bottom:18px!important;
}
.sc-account-notification-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
}
.sc-account-notification-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 72px!important;
    align-items:center!important;
    min-height:0!important;
    padding:12px 14px!important;
    border-radius:12px!important;
    background:#fff!important;
}
.sc-account-notification-copy strong{
    font-size:13px!important;
}
.sc-account-notification-copy small{
    font-size:12px!important;
}
.sc-account-notification-summary{
    padding:10px 12px!important;
}
.sc-account-notification-footer{
    margin-top:12px!important;
}
.sc-dashboard-quick-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:18px 0;
}
.sc-dashboard-quick-actions a{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    color:#17221c;
    padding:18px;
}
.sc-dashboard-quick-actions .dashicons{
    width:46px;
    height:46px;
    border-radius:15px;
    display:grid;
    place-items:center;
    background:#bdeacd;
    color:#0f5238;
    font-size:22px;
}
.sc-dashboard-quick-actions strong{
    display:block;
    color:#0f5238;
}
.sc-dashboard-quick-actions small{
    display:block;
    margin-top:3px;
    color:#66766d;
    font-weight:800;
}
.sc-quota-day{
    text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease;
}
.sc-quota-day:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(15,82,56,.08);
}
.sc-admin-menu-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.sc-admin-menu-toggle{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:14px;
    border:1px solid #dfe9e3;
    border-radius:14px;
    background:#fff;
}
.sc-admin-menu-toggle .dashicons{
    width:38px;
    height:38px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:#eef8f1;
    color:#0f5238;
}
.sc-admin-menu-toggle strong{
    display:block;
}
.sc-admin-menu-toggle em{
    grid-column:2 / -1;
    color:#66766d;
    font-size:12px;
    font-style:normal;
    font-weight:800;
}
.sc-admin-menu-toggle input{
    justify-self:end;
}
@media(max-width:1000px){
    .sc-dashboard-quick-actions,
    .sc-admin-menu-grid{
        grid-template-columns:1fr;
    }
}


/* 0.23.3 Timer suggestion fields, edit rows and auto-stop support */
.sc-timer-suggest-form input[list]{
    width:100%;
    min-height:44px;
}
.sc-timer-date-row{
    grid-template-columns:110px minmax(170px,1.05fr) minmax(150px,.9fr) minmax(150px,.9fr) 72px 88px!important;
}
.sc-timer-date-client span{
    display:block;
    color:#65746c;
    font-weight:800;
    overflow-wrap:anywhere;
}
.sc-timer-inline-edit{
    display:none;
    grid-column:1 / -1;
    grid-template-columns:150px 120px minmax(260px,1fr) auto auto auto;
    gap:10px;
    align-items:end;
    margin-top:8px;
    padding:14px;
    border-top:1px solid #edf2ef;
    background:#fbfdfb;
    border-radius:12px;
}
.sc-timer-inline-edit.is-open{
    display:grid;
}
.sc-timer-inline-edit label{
    display:grid!important;
    gap:6px;
    min-width:0;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
    color:#4e5e55;
}
.sc-timer-inline-edit input:not([type=checkbox]){
    min-height:40px;
    width:100%;
    box-sizing:border-box;
}
.sc-timer-inline-edit .sc-btn,
.sc-timer-inline-edit .sc-secondary-btn{
    min-height:40px;
    justify-content:center;
}
@media(max-width:1120px){
    .sc-timer-date-row{
        grid-template-columns:1fr!important;
    }
    .sc-timer-date-specific,
    .sc-timer-date-duration,
    .sc-timer-date-action{
        text-align:left!important;
    }
    .sc-timer-inline-edit{
        grid-template-columns:1fr 1fr;
    }
    .sc-timer-inline-edit .sc-timer-wide{
        grid-column:1 / -1;
    }
}
@media(max-width:760px){
    .sc-timer-inline-edit{
        grid-template-columns:1fr;
    }
}


/* 0.23.4 Customer fixed tasks + weekday quota overview */
.sc-dashboard-quick-actions{
    display:none!important;
}
.sc-dashboard-five-metrics{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.sc-quota-week-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.sc-quota-week-nav{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.sc-client-fixed-tasks-panel{
    margin:24px 0;
}
.sc-client-fixed-task-form{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) 180px minmax(220px,1fr) auto;
    gap:12px;
    align-items:end;
}
.sc-client-fixed-task-form label{
    display:grid!important;
    gap:6px;
    min-width:0;
}
.sc-client-fixed-task-list{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
}
.sc-client-fixed-task-list article{
    border:1px solid #dfe9e3;
    border-radius:14px;
    padding:13px 14px;
    background:#fbfdfb;
}
.sc-client-fixed-task-list strong{
    display:block;
    color:#0f5238;
}
.sc-client-fixed-task-list span{
    display:block;
    margin-top:4px;
    color:#66766d;
    font-weight:800;
    font-size:12px;
}
@media(max-width:1100px){
    .sc-dashboard-five-metrics,
    .sc-quota-week-grid,
    .sc-client-fixed-task-list{
        grid-template-columns:1fr 1fr!important;
    }
    .sc-client-fixed-task-form{
        grid-template-columns:1fr 1fr;
    }
    .sc-client-fixed-task-form button{
        width:100%;
        justify-content:center;
    }
}
@media(max-width:760px){
    .sc-dashboard-five-metrics,
    .sc-quota-week-grid,
    .sc-client-fixed-task-list,
    .sc-client-fixed-task-form{
        grid-template-columns:1fr!important;
    }
    .sc-quota-week-nav{
        justify-content:flex-start;
    }
    .sc-quota-week-nav .sc-secondary-btn{
        flex:1 1 auto;
        justify-content:center;
    }
}


/* 0.23.5 Dashboard workday metrics without icons */
.sc-dashboard-plain-metrics{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:18px;
    margin:24px 0;
}
.sc-dashboard-plain-metrics .sc-panel{
    display:grid;
    align-content:center;
    gap:7px;
    min-height:112px;
    padding:22px 24px;
    text-decoration:none;
}
.sc-dashboard-plain-metrics small{
    display:block;
    color:#4e5e55;
    font-size:13px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.sc-dashboard-plain-metrics strong{
    display:block;
    color:#111a15;
    font-size:30px;
    line-height:1;
    font-weight:900;
}
.sc-dashboard-plain-metrics span{
    display:block;
    color:#66766d;
    font-weight:800;
    font-size:13px;
}
.sc-dashboard-click-metric:hover{
    border-color:#bdeacd;
    box-shadow:0 14px 30px rgba(15,82,56,.10);
}
@media(max-width:1150px){
    .sc-dashboard-plain-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:700px){
    .sc-dashboard-plain-metrics{
        grid-template-columns:1fr;
    }
}


/* 0.23.6 Delete time entry */
.sc-timer-delete-form{
    display:none;
    grid-column:1 / -1;
    justify-content:flex-end;
    margin-top:-6px;
    padding:0 14px 14px;
    background:#fbfdfb;
    border-radius:0 0 12px 12px;
}
.sc-timer-inline-edit.is-open + .sc-timer-delete-form{
    display:flex;
}
.sc-danger-btn{
    min-height:40px;
    padding:0 16px;
    border:1px solid #f0b4b4;
    border-radius:12px;
    background:#fff5f5;
    color:#a51d1d;
    font-weight:900;
    cursor:pointer;
}
.sc-danger-btn:hover{
    background:#ffe6e6;
    border-color:#e08b8b;
}
@media(max-width:760px){
    .sc-timer-delete-form{
        justify-content:stretch;
    }
    .sc-danger-btn{
        width:100%;
    }
}


/* 0.23.7 Customer need-to-have cleanup */
.sc-client-lean-hero .sc-client-hero-facts.sc-client-need-facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.sc-client-collapsible-edit details{
    display:block;
}
.sc-client-collapsible-edit summary{
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 16px;
    border:1px solid #d5e2da;
    border-radius:12px;
    background:#fbfdfb;
    color:#0f5238;
    font-weight:900;
}
.sc-client-collapsible-edit details[open] summary{
    margin-bottom:16px;
    background:#eef8f1;
    border-color:#bdeacd;
}
.sc-client-fixed-task-form{
    grid-template-columns:minmax(220px,1fr) 180px minmax(220px,1fr) auto!important;
}
@media(max-width:900px){
    .sc-client-lean-hero .sc-client-hero-facts.sc-client-need-facts,
    .sc-client-fixed-task-form{
        grid-template-columns:1fr!important;
    }
}


/* 0.23.9 Time field cleanup */
.sc-time-form input[name="hours_decimal"]{
    font-size:16px;
    font-weight:700;
}


/* 0.24.0 Navigation and client overview cleanup */
.sc-client-metrics .sc-metric-card:nth-child(3) .dashicons,
.sc-client-metrics .sc-metric-card:nth-child(4) .dashicons{
    opacity:.9;
}


/* 0.24.1 Dashboard warning and task time cleanup */
.sc-task-time-panel.is-open .sc-task-time-content{
    display:block!important;
}
.sc-task-time-panel.is-open{
    opacity:1!important;
}


/* 0.24.2 Tid-side polish */
.sc-timer-workbench-v223{
    padding:24px!important;
}
.sc-timer-workbench-v223 .sc-timer-workbench-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:24px!important;
    align-items:start!important;
    margin-bottom:22px!important;
}
.sc-timer-workbench-v223 .sc-timer-workbench-title h2{
    font-size:30px!important;
    letter-spacing:-.03em!important;
}
.sc-timer-workbench-v223 .sc-timer-workbench-title p{
    max-width:560px;
}
.sc-timer-workbench-v223 .sc-timer-workbench-clock{
    min-width:172px;
    padding:18px 20px!important;
    border-radius:18px!important;
    background:#f8fcfa!important;
    border:1px solid #dce9e1!important;
    text-align:right!important;
}
.sc-timer-workbench-v223 .sc-timer-workbench-clock strong{
    font-size:31px!important;
    line-height:1!important;
}
.sc-timer-workbench-v223 .sc-timer-workbench-form{
    display:grid!important;
    grid-template-columns:minmax(170px,.9fr) minmax(190px,1fr) minmax(150px,.75fr) minmax(250px,1.35fr) auto auto!important;
    gap:12px!important;
    align-items:end!important;
    padding:18px!important;
    border:1px solid #e1ebe5!important;
    border-radius:18px!important;
    background:#fbfdfb!important;
}
.sc-timer-workbench-v223 .sc-timer-workbench-form label span{
    font-size:11px!important;
    color:#4f6358!important;
}
.sc-timer-workbench-v223 .sc-timer-workbench-form input,
.sc-timer-workbench-v223 .sc-timer-workbench-form select{
    border-radius:13px!important;
    min-height:46px!important;
}
.sc-timer-workbench-v223 .sc-timer-check{
    min-height:46px!important;
    border-radius:13px!important;
    padding:0 13px!important;
    background:#fff!important;
}
.sc-timer-workbench-v223 .sc-btn{
    min-height:46px!important;
    border-radius:13px!important;
}
.sc-timer-manual-inline{
    margin-top:14px!important;
    border-top:0!important;
    padding-top:0!important;
}
.sc-timer-manual-inline summary{
    border-radius:14px!important;
    min-height:42px!important;
}
.sc-timer-account-setup-panel{
    margin-top:18px;
    padding:20px 22px!important;
}
.sc-timer-account-setup-panel .sc-section-head{
    margin-bottom:10px!important;
}
.sc-timer-account-inline-setup{
    margin-top:0!important;
    border-top:0!important;
    padding-top:0!important;
}
.sc-timer-account-inline-setup summary{
    background:#fff!important;
}
.sc-timer-account-inline-setup[open] summary{
    margin-bottom:14px;
}
@media(max-width:1280px){
    .sc-timer-workbench-v223 .sc-timer-workbench-form{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .sc-timer-workbench-v223 .sc-timer-wide{
        grid-column:1 / -1!important;
    }
}
@media(max-width:820px){
    .sc-timer-workbench-v223 .sc-timer-workbench-top,
    .sc-timer-workbench-v223 .sc-timer-workbench-form{
        grid-template-columns:1fr!important;
    }
    .sc-timer-workbench-v223 .sc-timer-workbench-clock{
        text-align:left!important;
        width:100%;
        box-sizing:border-box;
    }
}


/* 0.24.3 Reports: customer work and employee quota */
.sc-report-client-groups,
.sc-report-employee-list{
    display:grid;
    gap:16px;
}
.sc-report-client-group,
.sc-report-employee-card{
    border:1px solid #dfe9e3;
    border-radius:18px;
    background:#fff;
    overflow:hidden;
}
.sc-report-client-group > header,
.sc-report-employee-card > header{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
    padding:18px 20px;
    background:#fbfdfb;
    border-bottom:1px solid #edf2ef;
}
.sc-report-client-group h3,
.sc-report-employee-card h3{
    margin:0 0 4px;
    color:#0f5238;
}
.sc-report-client-group header strong{
    font-size:24px;
    color:#0f5238;
    white-space:nowrap;
}
.sc-report-compact-table{
    border:0!important;
    border-radius:0!important;
}
.sc-report-compact-table th,
.sc-report-compact-table td{
    font-size:13px;
}
.sc-report-employee-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    padding:16px 20px;
}
.sc-report-employee-summary div{
    border:1px solid #edf2ef;
    border-radius:14px;
    padding:12px 14px;
    background:#fff;
}
.sc-report-employee-summary small{
    display:block;
    color:#66766d;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.sc-report-employee-summary strong{
    display:block;
    margin-top:4px;
    color:#111a15;
    font-size:20px;
}
.sc-report-quota-days{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    padding:0 20px 20px;
}
.sc-report-quota-day{
    display:grid;
    gap:4px;
    padding:12px;
    border:1px solid #dfe9e3;
    border-radius:14px;
    text-decoration:none;
    color:#17221c;
    background:#fff;
}
.sc-report-quota-day small{
    color:#66766d;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.sc-report-quota-day strong{
    font-size:18px;
}
.sc-report-quota-day span{
    color:#0f5238;
    font-weight:900;
}
.sc-report-quota-day.is-met{
    background:#eef8f1;
    border-color:#bdeacd;
}
.sc-report-quota-day.is-missing{
    background:#fffafa;
    border-color:#f2d0d0;
}
@media(max-width:1000px){
    .sc-report-employee-summary,
    .sc-report-quota-days{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:650px){
    .sc-report-client-group > header,
    .sc-report-employee-card > header{
        display:grid;
    }
    .sc-report-employee-summary,
    .sc-report-quota-days{
        grid-template-columns:1fr;
    }
}


/* 0.24.4 Quick create customer/task from Tid + compact billable */
.sc-timer-create-hint{
    grid-column:1 / -1;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid #bdeacd;
    border-radius:13px;
    background:#f2fbf5;
    color:#0f5238;
    font-size:13px;
    font-weight:800;
}
.sc-timer-create-hint[hidden]{
    display:none!important;
}
.sc-timer-create-hint strong{
    font-weight:950;
}
.sc-timer-create-hint span{
    color:#4f6358;
}
.sc-timer-workbench-v223 .sc-timer-check{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:46px!important;
    height:46px!important;
    padding:0 14px!important;
    border:1px solid #d5e2da!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#0f5238!important;
    font-size:13px!important;
    font-weight:900!important;
    text-transform:none!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
}
.sc-timer-workbench-v223 .sc-timer-check input[type=checkbox]{
    width:16px!important;
    height:16px!important;
    min-height:16px!important;
    margin:0!important;
    accent-color:#0f5238;
}
.sc-timer-workbench-v223 .sc-timer-check:has(input:checked){
    background:#eef8f1!important;
    border-color:#bdeacd!important;
}


/* 0.24.5 Quick-create timer hotfix and compact time account control */
.sc-timer-top-tools{
    display:flex;
    justify-content:flex-end;
    margin:-8px 0 12px;
}
.sc-timer-account-inline-compact{
    position:relative;
    margin:0!important;
    border:0!important;
    padding:0!important;
}
.sc-timer-account-inline-compact summary{
    min-height:36px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:#f8fcfa!important;
    color:#4f6358!important;
    border:1px solid #dce9e1!important;
    font-size:13px!important;
}
.sc-timer-account-inline-compact[open] summary{
    background:#eef8f1!important;
    color:#0f5238!important;
}
.sc-timer-account-inline-compact .sc-timer-account-form{
    position:absolute;
    right:0;
    top:44px;
    z-index:20;
    width:min(720px, calc(100vw - 80px));
    padding:16px;
    border:1px solid #dfe9e3;
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 45px rgba(15,82,56,.16);
}
@media(max-width:760px){
    .sc-timer-top-tools{
        justify-content:flex-start;
    }
    .sc-timer-account-inline-compact .sc-timer-account-form{
        position:static;
        width:100%;
        margin-top:10px;
        box-sizing:border-box;
    }
}


/* 0.24.6 Client delete + report overview polish */
.sc-report-metrics{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
}
.sc-report-client-group{
    width:100%;
}
.sc-report-client-group .sc-report-compact-table{
    width:100%!important;
    table-layout:fixed;
}
.sc-report-client-group .sc-report-compact-table th:nth-child(1),
.sc-report-client-group .sc-report-compact-table td:nth-child(1){
    width:120px;
}
.sc-report-client-group .sc-report-compact-table th:nth-child(2),
.sc-report-client-group .sc-report-compact-table td:nth-child(2){
    width:180px;
}
.sc-report-client-group .sc-report-compact-table th:nth-child(4),
.sc-report-client-group .sc-report-compact-table td:nth-child(4){
    width:150px;
}
.sc-report-client-group .sc-report-compact-table th:nth-child(5),
.sc-report-client-group .sc-report-compact-table td:nth-child(5){
    width:90px;
}
.sc-client-delete-form{
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #edf2ef;
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.sc-client-delete-form small{
    color:#66766d;
    font-weight:800;
}
@media(max-width:900px){
    .sc-report-metrics{
        grid-template-columns:1fr 1fr!important;
    }
}
@media(max-width:620px){
    .sc-report-metrics{
        grid-template-columns:1fr!important;
    }
}


/* 0.24.7 Report cleanup */
.sc-report-client-group .sc-report-compact-table{
    width:100%!important;
    table-layout:fixed;
}
.sc-report-client-group .sc-report-compact-table th:nth-child(1),
.sc-report-client-group .sc-report-compact-table td:nth-child(1){
    width:160px;
}
.sc-report-client-group .sc-report-compact-table th:nth-child(2),
.sc-report-client-group .sc-report-compact-table td:nth-child(2){
    width:115px;
}
.sc-report-client-group .sc-report-compact-table th:nth-child(3),
.sc-report-client-group .sc-report-compact-table td:nth-child(3){
    width:170px;
}
.sc-report-client-group .sc-report-compact-table th:nth-child(5),
.sc-report-client-group .sc-report-compact-table td:nth-child(5){
    width:140px;
}
.sc-report-client-group .sc-report-compact-table th:nth-child(6),
.sc-report-client-group .sc-report-compact-table td:nth-child(6){
    width:80px;
}


/* 0.24.8 Report task links + compact radius */
.sc-report-client-group,
.sc-report-employee-card{
    border-radius:2px!important;
}
.sc-report-task-link{
    color:#0f5238;
    font-weight:900;
    text-decoration:none;
}
.sc-report-task-link:hover{
    text-decoration:underline;
}


/* 0.24.9 Opgaver cleanup */
.sc-task-list-simple .sc-section-head{
    margin-bottom:18px;
}
.sc-task-list-simple .sc-task-table-wrap{
    margin-top:0;
}
.sc-task-table-simple .sc-check-col{
    width:42px!important;
    min-width:42px!important;
}
.sc-task-table-simple th:first-child,
.sc-task-table-simple td:first-child{
    width:auto;
}
.sc-task-table-simple td:first-child strong{
    display:block;
    margin-bottom:4px;
}
.sc-task-table-simple td:first-child small{
    display:block;
    color:#66766d;
}


/* 0.25.0 Kundekartotek cleanup + table radius */
#sc-clients-table,
#sc-clients-table th:first-child,
#sc-clients-table th:last-child,
#sc-clients-table tr:last-child td:first-child,
#sc-clients-table tr:last-child td:last-child,
.sc-task-table,
.sc-task-table th:first-child,
.sc-task-table th:last-child,
.sc-task-table tr:last-child td:first-child,
.sc-task-table tr:last-child td:last-child{
    border-radius:2px!important;
}
#sc-clients-table{
    overflow:hidden;
}
#sc-clients-table td:first-child strong{
    display:block;
    margin-bottom:4px;
}
#sc-clients-table td:first-child small{
    display:block;
    color:#66766d;
}

.sc-calendar-quota-chip{display:flex;align-items:center;justify-content:space-between;gap:6px;text-decoration:none;border:1px solid #dfe8e2;border-radius:999px;background:#fbfdfb;padding:5px 8px;font-size:11px;font-weight:950;color:#0f5238;line-height:1.1}.sc-calendar-quota-chip em{font-style:normal;color:#66766d;font-weight:950}.sc-calendar-quota-chip.is-met{background:#eaf7ef;border-color:#bdeacd;color:#0f5238}.sc-calendar-day-v2.has-quota-met{background:linear-gradient(180deg,#fff 0%,#f2fbf5 100%)}.sc-calendar-day-v2.is-selected .sc-calendar-quota-chip{background:#fff;border-color:#bdeacd;color:#0f5238}@media(max-width:640px){.sc-calendar-quota-chip{padding:4px 6px;font-size:10px}.sc-calendar-quota-chip em{display:none}}


/* v0.25.2: calendar quota in top-right badge instead of task count */
.sc-calendar-day-v2{position:relative}
.sc-calendar-day-v2 .sc-calendar-date-link{justify-content:flex-start;padding-right:72px}
.sc-calendar-quota-badge{position:absolute;top:10px;right:10px;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;min-width:62px;text-decoration:none;border:1px solid #dfe8e2;border-radius:999px;background:#fbfdfb;padding:4px 7px;font-size:11px;font-weight:950;color:#0f5238;line-height:1;box-shadow:0 8px 18px rgba(15,82,56,.05)}
.sc-calendar-quota-badge strong{font-size:11px;color:inherit;line-height:1;white-space:nowrap}
.sc-calendar-quota-badge small{font-size:10px;color:#66766d;font-weight:950;line-height:1;white-space:nowrap}
.sc-calendar-quota-badge.is-met{background:#eaf7ef;border-color:#bdeacd;color:#0f5238}
.sc-calendar-day-v2.is-selected .sc-calendar-quota-badge{background:#fff;border-color:#bdeacd;color:#0f5238}
@media(max-width:640px){.sc-calendar-day-v2 .sc-calendar-date-link{padding-right:48px}.sc-calendar-quota-badge{top:7px;right:7px;min-width:42px;padding:4px 6px;gap:0;grid-template-columns:1fr;text-align:center}.sc-calendar-quota-badge strong{font-size:10px}.sc-calendar-quota-badge small{display:none}}

/* v0.25.6 customer archive tabs */
.sc-client-status-tabs{margin-top:-6px;margin-bottom:18px}
.sc-client-status-tabs a{gap:8px;text-decoration:none}
.sc-client-status-tabs a strong{display:inline-flex;min-width:26px;height:24px;padding:0 8px;align-items:center;justify-content:center;border-radius:999px;background:#eef7f2;color:#0f5238;font-size:13px}
.sc-client-status-tabs a.is-active strong{background:rgba(255,255,255,.2);color:#fff}
.sc-soft-notice{padding:18px 22px;background:#f8fbf9;border-color:#dfe9e4;box-shadow:none}
.sc-soft-notice p{margin:6px 0 0;color:#64736b}


/* v0.26.2: manual time form layout polish */
.sc-timer-manual-inline .sc-timer-manual-form{
    display:grid!important;
    grid-template-columns:repeat(14,minmax(0,1fr))!important;
    gap:10px 12px!important;
    align-items:end!important;
    overflow:visible!important;
}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(1){grid-column:span 2}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(2){grid-column:span 3}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(3){grid-column:span 4}
.sc-timer-manual-inline .sc-timer-create-hint{grid-column:1/-1}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(4){grid-column:span 2}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(5){grid-column:span 2}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(6){grid-column:span 2}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(7){grid-column:span 4}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(8){grid-column:span 2;min-width:0;max-width:100%}
.sc-timer-manual-inline .sc-timer-manual-form > button{grid-column:span 2;min-width:0;width:100%;justify-content:center;white-space:nowrap}
.sc-timer-manual-inline .sc-timer-check{position:static!important;width:100%;box-sizing:border-box;white-space:nowrap;justify-content:center}
.sc-timer-manual-inline .sc-timer-wide input{width:100%;min-width:0}
@media(max-width:1280px){
    .sc-timer-manual-inline .sc-timer-manual-form{grid-template-columns:repeat(6,minmax(0,1fr))!important}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(1){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(2){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(3){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(4){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(5){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(6){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(7){grid-column:1/-1}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(8){grid-column:span 3}
    .sc-timer-manual-inline .sc-timer-manual-form > button{grid-column:span 3}
}
@media(max-width:760px){
    .sc-timer-manual-inline .sc-timer-manual-form{grid-template-columns:1fr!important}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(n),
    .sc-timer-manual-inline .sc-timer-manual-form > button{grid-column:1/-1!important}
    .sc-timer-manual-inline .sc-timer-check{justify-content:flex-start}
}


/* v0.26.3: time registration list polish */
.sc-timer-date-row{
    grid-template-columns:110px minmax(190px,1.25fr) minmax(130px,.75fr) minmax(150px,.85fr) 150px 88px!important;
}
.sc-timer-date-client span{
    font-size:13px;
    line-height:1.25;
    letter-spacing:.01em;
}
.sc-timer-date-duration{
    min-width:150px;
}
.sc-timer-date-duration strong{
    display:block;
    white-space:nowrap;
    font-size:15px;
    line-height:1.2;
}
@media(max-width:1120px){
    .sc-timer-date-duration{
        min-width:0;
    }
    .sc-timer-date-duration strong{
        white-space:normal;
    }
}


/* v0.26.5: time edit and manual duration layout alignment */
.sc-timer-inline-edit{
    display:none;
    grid-column:1 / -1;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:10px 12px!important;
    align-items:end!important;
    margin-top:10px!important;
    padding:16px!important;
    overflow:visible!important;
}
.sc-timer-inline-edit.is-open{display:grid!important}
.sc-timer-inline-edit label{min-width:0!important;max-width:100%!important}
.sc-timer-inline-edit label:nth-of-type(1){grid-column:span 2}
.sc-timer-inline-edit label:nth-of-type(2){grid-column:span 2}
.sc-timer-inline-edit label:nth-of-type(3){grid-column:span 3}
.sc-timer-inline-edit label:nth-of-type(4){grid-column:span 1}
.sc-timer-inline-edit label:nth-of-type(5){grid-column:span 1}
.sc-timer-inline-edit label:nth-of-type(6){grid-column:span 3}
.sc-timer-inline-edit .sc-timer-check{grid-column:span 2;position:static!important;width:100%;box-sizing:border-box;justify-content:center;white-space:nowrap}
.sc-timer-inline-edit .sc-btn{grid-column:span 2;width:100%;justify-content:center}
.sc-timer-inline-edit > .sc-secondary-btn{grid-column:span 3;width:100%;justify-content:center}
.sc-timer-inline-edit input:not([type=checkbox]),
.sc-timer-inline-edit select{width:100%!important;min-width:0!important;box-sizing:border-box!important}

.sc-timer-manual-inline .sc-timer-manual-form{
    grid-template-columns:repeat(16,minmax(0,1fr))!important;
    gap:10px 12px!important;
}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(1){grid-column:span 2}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(2){grid-column:span 3}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(3){grid-column:span 4}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(4){grid-column:span 2}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(5){grid-column:span 2}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(6){grid-column:span 2}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(7){grid-column:span 5}
.sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(8){grid-column:span 3}
.sc-timer-manual-inline .sc-timer-manual-form > button{grid-column:span 3}

@media(max-width:1280px){
    .sc-timer-inline-edit{grid-template-columns:repeat(6,minmax(0,1fr))!important}
    .sc-timer-inline-edit label:nth-of-type(1){grid-column:span 2}
    .sc-timer-inline-edit label:nth-of-type(2){grid-column:span 2}
    .sc-timer-inline-edit label:nth-of-type(3){grid-column:span 2}
    .sc-timer-inline-edit label:nth-of-type(4){grid-column:span 1}
    .sc-timer-inline-edit label:nth-of-type(5){grid-column:span 1}
    .sc-timer-inline-edit label:nth-of-type(6){grid-column:span 4}
    .sc-timer-inline-edit .sc-timer-check{grid-column:span 2}
    .sc-timer-inline-edit .sc-btn{grid-column:span 2}
    .sc-timer-inline-edit > .sc-secondary-btn{grid-column:span 2}

    .sc-timer-manual-inline .sc-timer-manual-form{grid-template-columns:repeat(6,minmax(0,1fr))!important}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(1){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(2){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(3){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(4){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(5){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(6){grid-column:span 2}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(7){grid-column:span 3}
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(8){grid-column:span 1}
    .sc-timer-manual-inline .sc-timer-manual-form > button{grid-column:span 2}
}
@media(max-width:760px){
    .sc-timer-inline-edit,
    .sc-timer-manual-inline .sc-timer-manual-form{grid-template-columns:1fr!important}
    .sc-timer-inline-edit label:nth-of-type(n),
    .sc-timer-inline-edit .sc-timer-check,
    .sc-timer-inline-edit .sc-btn,
    .sc-timer-inline-edit > .sc-secondary-btn,
    .sc-timer-manual-inline .sc-timer-manual-form label:nth-of-type(n),
    .sc-timer-manual-inline .sc-timer-manual-form > button{grid-column:1/-1!important}
    .sc-timer-inline-edit .sc-timer-check,
    .sc-timer-manual-inline .sc-timer-check{justify-content:flex-start}
}

/* v0.26.7: refined connected autocomplete dropdowns in Tid */
.sc-timer-suggest-form.is-suggesting > *,
.sc-timer-manual-form.is-suggesting > *{
    opacity:.42;
    transition:opacity .12s ease;
}
.sc-timer-suggest-form.is-suggesting .sc-combo-active,
.sc-timer-manual-form.is-suggesting .sc-combo-active{
    opacity:1;
}
.sc-combo-field{
    position:relative;
    z-index:2;
}
.sc-combo-field.sc-combo-active{
    z-index:50;
}
.sc-combo-field.sc-combo-active input{
    border-color:#0f5b3f!important;
    box-shadow:0 0 0 3px rgba(15,91,63,.10)!important;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
.sc-combo-menu{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% - 1px);
    background:#fff;
    border:1px solid #0f5b3f;
    border-top:0;
    border-radius:0 0 14px 14px;
    box-shadow:0 16px 34px rgba(11,42,30,.16);
    overflow:hidden;
    z-index:80;
    min-width:100%;
    padding:7px;
}
.sc-combo-option{
    display:block!important;
    width:100%;
    border:0!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
    text-align:left;
    padding:11px 12px;
    font:inherit;
    font-size:14px;
    line-height:1.25;
    font-weight:750;
    color:#0f5b3f!important;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.sc-combo-option + .sc-combo-option{
    margin-top:4px;
}
.sc-combo-option:hover,
.sc-combo-option:focus,
.sc-combo-option:active{
    background:#eaf7ef!important;
    color:#0f5b3f!important;
    outline:none!important;
    box-shadow:inset 0 0 0 1px #a8e6bd!important;
}
.sc-combo-empty{
    padding:11px 12px;
    color:#66766d;
    font-size:13px;
    font-weight:700;
    background:#fbfdfc;
    border-radius:10px;
}
@media(max-width:760px){
    .sc-timer-suggest-form.is-suggesting > *,
    .sc-timer-manual-form.is-suggesting > *{opacity:1}
}

/* v0.26.8: fixed task templates */
.sc-task-actions-head{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.sc-secondary-btn-soft{background:#f4fbf7!important;border-color:#cfe8da!important;color:#0f5238!important;box-shadow:none!important}
.sc-secondary-btn-soft:hover{background:#eaf8ef!important;border-color:#9fe0b7!important;color:#0b4c33!important}
.sc-task-type-panel{display:none;margin-top:20px;border-style:dashed;background:linear-gradient(180deg,#ffffff 0%,#f8fcfa 100%)}
.sc-task-type-panel.is-open{display:block}
.sc-task-type-panel .sc-section-head{margin-bottom:16px}
.sc-task-type-form{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr) auto;gap:12px;align-items:end;margin-bottom:16px}
.sc-task-type-form label{margin:0}
.sc-task-type-form .sc-secondary-btn{height:44px;white-space:nowrap}
.sc-task-type-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.sc-task-type-chip{display:flex;align-items:stretch;gap:0;border:1px solid #cfe8da;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 12px 26px rgba(15,82,56,.06)}
.sc-task-type-use{appearance:none;border:0;background:#fff;padding:12px 14px;text-align:left;min-width:160px;max-width:280px;cursor:pointer;color:#0f5238}
.sc-task-type-use:hover,.sc-task-type-use:focus{background:#eefaf3;outline:none}
.sc-task-type-use strong{display:block;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f5238}
.sc-task-type-use small{display:block;margin-top:4px;font-size:12px;line-height:1.3;color:#68766e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-task-type-chip form{display:flex;margin:0;border-left:1px solid #e2eee7}
.sc-task-type-chip .sc-link-danger{appearance:none;border:0;background:#fff;padding:0 12px;font-weight:800;color:#af1d48;cursor:pointer}
.sc-task-type-chip .sc-link-danger:hover,.sc-task-type-chip .sc-link-danger:focus{background:#fff5f8;color:#861538;outline:none}
.sc-task-type-empty{margin:8px 0 0}
@media(max-width:820px){.sc-task-actions-head,.sc-task-type-form{display:grid;grid-template-columns:1fr}.sc-task-actions-head .sc-btn,.sc-task-actions-head .sc-secondary-btn,.sc-task-type-form .sc-secondary-btn{width:100%;justify-content:center}.sc-task-type-chip{width:100%}.sc-task-type-use{max-width:none;flex:1}}

/* v0.26.9: widescreen canvas and collapsible desktop sidebar */
.sc-front-app{
  grid-template-columns:274px minmax(0,1fr)!important;
}
.sc-front-app .sc-content{
  width:100%!important;
  max-width:1760px!important;
  padding-left:clamp(28px,3vw,64px)!important;
  padding-right:clamp(28px,3vw,64px)!important;
}
@media (min-width:1900px){
  .sc-front-app .sc-content{max-width:calc(100vw - 274px)!important;}
  .sc-front-app.is-sidebar-collapsed .sc-content{max-width:calc(100vw - 88px)!important;}
}
.sc-sidebar-brand-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px;
  align-items:center;
  gap:12px;
  margin-bottom:6px;
}
.sc-sidebar-brand-row .sc-brand{
  min-width:0;
  margin-bottom:0!important;
  text-decoration:none!important;
}
.sc-sidebar-toggle{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#0f5238!important;
  cursor:pointer!important;
  box-shadow:none!important;
  line-height:1!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.sc-sidebar-toggle:hover,
.sc-sidebar-toggle:focus,
.sc-sidebar-toggle:focus-visible{
  border-color:#bdeacd!important;
  background:#e8f6ee!important;
  color:#0f5238!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(45,106,79,.12)!important;
}
.sc-sidebar-toggle .dashicons{
  color:inherit!important;
  font-size:20px!important;
  width:20px!important;
  height:20px!important;
  line-height:20px!important;
}
.sc-sidebar-toggle span:not(.dashicons){
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
.sc-front-app.is-sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)!important}
.sc-front-app.is-sidebar-collapsed .sc-sidebar{padding:24px 12px!important;gap:22px!important;align-items:stretch!important}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;margin-bottom:0!important}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:#f4fbf7!important;border-color:#d7eadf!important}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle .dashicons{transform:rotate(180deg)}
.sc-front-app.is-sidebar-collapsed .sc-brand{display:none!important}
.sc-front-app.is-sidebar-collapsed .sc-company-switch,
.sc-front-app.is-sidebar-collapsed .sc-sidebar-user span:not(.sc-sidebar-user-avatar){display:none!important}
.sc-front-app.is-sidebar-collapsed .sc-nav,
.sc-front-app.is-sidebar-collapsed .sc-sidebar-footer{align-items:center;width:100%}
.sc-front-app.is-sidebar-collapsed .sc-nav a,
.sc-front-app.is-sidebar-collapsed .sc-sidebar-footer a{
  width:52px;
  min-width:52px;
  height:46px;
  min-height:46px;
  padding:0!important;
  justify-content:center;
  gap:0;
  font-size:0!important;
  overflow:hidden;
}
.sc-front-app.is-sidebar-collapsed .sc-nav a .dashicons,
.sc-front-app.is-sidebar-collapsed .sc-sidebar-footer a .dashicons{
  font-size:21px!important;
  width:22px!important;
  height:22px!important;
  line-height:22px!important;
}
.sc-front-app.is-sidebar-collapsed .sc-nav a.is-active:before{left:-12px}
.sc-front-app.is-sidebar-collapsed .sc-admin-panel-link span:not(.dashicons){display:none!important}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-user{justify-content:center;border-top:1px solid #dfe7e1;padding-left:0;padding-right:0;width:52px}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-user-avatar{width:38px;height:38px;flex-basis:38px}
.sc-front-app.is-sidebar-collapsed .sc-logout{color:#0f5238!important}
@media (min-width:1500px){
  .sc-timer-shell .sc-timer-form,
  .sc-time-manual-form,
  .sc-time-edit-form{grid-template-columns:repeat(12,minmax(0,1fr))!important}
}
@media (max-width:900px){
  .sc-sidebar-toggle{display:none!important}
  .sc-front-app,
  .sc-front-app.is-sidebar-collapsed{grid-template-columns:1fr!important}
  .sc-front-app .sc-content{max-width:100%!important;padding-left:18px!important;padding-right:18px!important}
}

/* v0.27.1: collapsed sidebar keeps only the toggle in the brand area */
.sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row .sc-brand{display:none!important}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row{justify-content:center!important}


/* v0.27.3: true collapsed icon rail, no visual jump on navigation */
.sc-front-app,
.sc-front-app .sc-sidebar,
.sc-front-app .sc-main,
.sc-front-app .sc-content{
  transition:none!important;
}
.sc-front-app.is-sidebar-collapsed{
  grid-template-columns:72px minmax(0,1fr)!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar{
  width:72px!important;
  min-width:72px!important;
  padding:20px 8px!important;
  gap:18px!important;
  align-items:center!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:0 0 10px!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border-color:transparent!important;
  background:transparent!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle:hover,
.sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle:focus-visible{
  border-color:#bdeacd!important;
  background:#e8f6ee!important;
}
.sc-front-app.is-sidebar-collapsed .sc-nav{
  width:100%!important;
  align-items:center!important;
  gap:8px!important;
}
.sc-front-app.is-sidebar-collapsed .sc-nav a,
.sc-front-app.is-sidebar-collapsed .sc-sidebar-footer a{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.sc-front-app.is-sidebar-collapsed .sc-nav a.is-active:before{
  display:none!important;
}
.sc-front-app.is-sidebar-collapsed .sc-nav a.is-active{
  background:#bdecca!important;
  color:#0f5238!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-footer{
  width:100%!important;
  align-items:center!important;
  gap:8px!important;
}
.sc-front-app.is-sidebar-collapsed .sc-upgrade,
.sc-front-app.is-sidebar-collapsed .sc-sidebar-user,
.sc-front-app.is-sidebar-collapsed .sc-logout{
  display:none!important;
}
@media (min-width:1900px){
  .sc-front-app.is-sidebar-collapsed .sc-content{max-width:calc(100vw - 72px)!important;}
}

.sc-client-danger-zone {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.sc-client-force-delete-form {
    border-color: rgba(12, 90, 62, 0.18);
    background: rgba(255,255,255,0.72);
}

.sc-client-force-delete-form label {
    min-width: min(320px, 100%);
}

.sc-client-force-delete-form input {
    text-transform: uppercase;
}

/* v0.27.5: edit-time task input and collapsed sidebar brand focus */
.sc-timer-inline-edit .sc-combo-field{
  position:relative!important;
  z-index:3!important;
}
.sc-timer-inline-edit .sc-combo-menu{
  left:0!important;
  right:0!important;
  min-width:100%!important;
}
.sc-timer-inline-edit.is-suggesting label:not(.sc-combo-active),
.sc-timer-inline-edit.is-suggesting button,
.sc-timer-inline-edit.is-suggesting .sc-timer-check{
  opacity:.42!important;
}
.sc-timer-inline-edit.is-suggesting .sc-combo-active,
.sc-timer-inline-edit.is-suggesting .sc-combo-active *{
  opacity:1!important;
}

.sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row{
  position:relative!important;
  min-height:44px!important;
  margin:0 0 12px!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row .sc-brand{
  display:flex!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  justify-content:center!important;
  align-items:center!important;
  border-radius:13px!important;
  text-decoration:none!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row .sc-brand span:not(.sc-brand-mark){
  display:none!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row .sc-brand-mark{
  margin:0!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle{
  position:absolute!important;
  top:1px!important;
  right:-2px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  border-radius:10px!important;
  background:#ffffff!important;
  border-color:#d7eadf!important;
  box-shadow:0 10px 22px rgba(15,82,56,.10)!important;
  opacity:0!important;
  transform:translateX(4px)!important;
  pointer-events:none!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row:hover .sc-sidebar-toggle,
.sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row:focus-within .sc-sidebar-toggle{
  opacity:1!important;
  transform:translateX(0)!important;
  pointer-events:auto!important;
}
.sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle .dashicons{
  font-size:16px!important;
  width:16px!important;
  height:16px!important;
  line-height:16px!important;
  transform:none!important;
}


/* v0.27.6: stable sidebar rail, same icon coordinates expanded/collapsed */
@media (min-width:901px){
  .sc-front-app{
    grid-template-columns:274px minmax(0,1fr)!important;
  }
  .sc-front-app.is-sidebar-collapsed{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  .sc-front-app .sc-sidebar{
    width:274px!important;
    min-width:274px!important;
    padding:20px 14px!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar{
    width:72px!important;
    min-width:72px!important;
    padding:20px 14px!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .sc-sidebar-brand-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:44px!important;
    margin:0 0 4px!important;
  }
  .sc-sidebar-brand-row .sc-brand{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    min-width:0!important;
    height:44px!important;
    padding:0!important;
    margin:0!important;
  }
  .sc-sidebar-brand-row .sc-brand-mark{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
  }
  .sc-sidebar-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin:0!important;
    opacity:1!important;
    transform:none!important;
    position:static!important;
    pointer-events:auto!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  .sc-nav,
  .sc-sidebar-footer{
    width:100%!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  .sc-nav a,
  .sc-sidebar-footer a{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 10px 0 0!important;
    margin:0!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    font-size:16px!important;
    overflow:hidden!important;
  }
  .sc-nav a .dashicons,
  .sc-sidebar-footer a .dashicons{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    display:grid!important;
    place-items:center!important;
    font-size:21px!important;
    line-height:44px!important;
    margin:0!important;
  }
  .sc-nav a.is-active:before{
    left:-10px!important;
    top:8px!important;
    bottom:8px!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:44px!important;
    min-height:44px!important;
    margin:0 0 4px!important;
    position:relative!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row .sc-brand{
    display:flex!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row .sc-brand span:not(.sc-brand-mark){
    display:none!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle{
    position:absolute!important;
    top:-6px!important;
    right:-8px!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    border-radius:9px!important;
    background:#fff!important;
    border-color:#d7eadf!important;
    box-shadow:0 8px 18px rgba(15,82,56,.12)!important;
    opacity:0!important;
    transform:translateX(3px)!important;
    pointer-events:none!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row:hover .sc-sidebar-toggle,
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row:focus-within .sc-sidebar-toggle{
    opacity:1!important;
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle .dashicons{
    font-size:15px!important;
    width:15px!important;
    height:15px!important;
    line-height:15px!important;
    transform:none!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-nav a,
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-footer a{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    justify-content:flex-start!important;
    gap:0!important;
    font-size:0!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-nav a .dashicons,
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-footer a .dashicons{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    line-height:44px!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-nav a span:not(.dashicons),
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-footer a span:not(.dashicons){
    display:none!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-nav a.is-active:before{
    display:none!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-nav a.is-active,
  .sc-front-app.is-sidebar-collapsed .sc-admin-panel-link.is-active{
    background:#bdecca!important;
    color:#0f5238!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-upgrade,
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-user,
  .sc-front-app.is-sidebar-collapsed .sc-logout,
  .sc-front-app.is-sidebar-collapsed .sc-company-switch{
    display:none!important;
  }
}

/* v0.27.7: collapsed sidebar swaps logo mark to open-sidebar toggle on hover without moving the rail */
@media (min-width:901px){
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    position:relative!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row .sc-brand{
    position:absolute!important;
    inset:0!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:12px!important;
    transition:opacity .14s ease, transform .14s ease!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row .sc-brand-mark{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
    display:grid!important;
    place-items:center!important;
    font-size:21px!important;
    line-height:44px!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle{
    position:absolute!important;
    inset:0!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:12px!important;
    background:#f4fbf7!important;
    border:1px solid #d7eadf!important;
    box-shadow:none!important;
    opacity:0!important;
    transform:none!important;
    pointer-events:none!important;
    display:grid!important;
    place-items:center!important;
    color:#0f5238!important;
    padding:0!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle:hover,
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle:focus,
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle:focus-visible{
    background:#e7f7ee!important;
    border-color:#a7e7be!important;
    color:#0f5238!important;
    outline:0!important;
    box-shadow:0 0 0 3px rgba(15,82,56,.10)!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-toggle .dashicons{
    width:44px!important;
    height:44px!important;
    font-size:21px!important;
    line-height:44px!important;
    display:grid!important;
    place-items:center!important;
    transform:none!important;
    margin:0!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row:hover .sc-brand,
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row:focus-within .sc-brand{
    opacity:0!important;
    pointer-events:none!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row:hover .sc-sidebar-toggle,
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-brand-row:focus-within .sc-sidebar-toggle{
    opacity:1!important;
    pointer-events:auto!important;
  }
}


/* v0.27.8: softer desktop sidebar fade when toggling */
@media (min-width:901px){
  .sc-front-app.sc-sidebar-is-animating{
    transition:grid-template-columns .24s cubic-bezier(.2,.8,.2,1)!important;
  }
  .sc-front-app.sc-sidebar-is-animating .sc-sidebar{
    transition:width .24s cubic-bezier(.2,.8,.2,1), min-width .24s cubic-bezier(.2,.8,.2,1), padding .24s cubic-bezier(.2,.8,.2,1)!important;
  }
  .sc-front-app .sc-sidebar-brand-row .sc-brand span:not(.sc-brand-mark),
  .sc-front-app .sc-nav a span:not(.dashicons),
  .sc-front-app .sc-sidebar-footer a span:not(.dashicons){
    opacity:1!important;
    transform:translateX(0)!important;
    transition:opacity .16s ease, transform .16s ease, max-width .20s ease!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    max-width:190px!important;
  }
  .sc-front-app.is-sidebar-collapsed .sc-nav a span:not(.dashicons),
  .sc-front-app.is-sidebar-collapsed .sc-sidebar-footer a span:not(.dashicons){
    display:inline-block!important;
    opacity:0!important;
    transform:translateX(-6px)!important;
    max-width:0!important;
    pointer-events:none!important;
  }
  .sc-front-app.sc-sidebar-is-animating .sc-nav a,
  .sc-front-app.sc-sidebar-is-animating .sc-sidebar-footer a,
  .sc-front-app.sc-sidebar-is-animating .sc-sidebar-brand-row .sc-brand,
  .sc-front-app.sc-sidebar-is-animating .sc-sidebar-toggle{
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease!important;
  }
  .sc-front-app.sc-sidebar-is-animating:not(.is-sidebar-collapsed) .sc-nav a span:not(.dashicons),
  .sc-front-app.sc-sidebar-is-animating:not(.is-sidebar-collapsed) .sc-sidebar-footer a span:not(.dashicons),
  .sc-front-app.sc-sidebar-is-animating:not(.is-sidebar-collapsed) .sc-sidebar-brand-row .sc-brand span:not(.sc-brand-mark){
    transition-delay:.07s!important;
  }
}
@media (prefers-reduced-motion: reduce){
  .sc-front-app.sc-sidebar-is-animating,
  .sc-front-app.sc-sidebar-is-animating .sc-sidebar,
  .sc-front-app.sc-sidebar-is-animating *{
    transition:none!important;
  }
}

/* 0.28.3: Running timer survives closed tabs and needs clear review UI */
.sc-running-timer-notice{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:18px 0 14px;
  padding:14px 16px;
  border:1px solid rgba(16,95,66,.18);
  border-radius:18px;
  background:rgba(237,250,244,.86);
  color:#105f42;
}
.sc-running-timer-notice .dashicons{
  width:22px;
  height:22px;
  font-size:22px;
  line-height:22px;
  flex:0 0 22px;
  margin-top:1px;
}
.sc-running-timer-notice strong{
  display:block;
  font-size:14px;
  line-height:1.25;
  margin-bottom:3px;
}
.sc-running-timer-notice small{
  display:block;
  color:#53665d;
  font-weight:650;
  line-height:1.35;
}
.sc-running-timer-notice.is-warning{
  border-color:rgba(173,115,20,.22);
  background:rgba(255,249,235,.9);
  color:#7a4b00;
}
.sc-running-timer-notice.is-urgent{
  border-color:rgba(16,95,66,.26);
  background:linear-gradient(135deg, rgba(237,250,244,.94), rgba(255,249,235,.92));
  color:#105f42;
}
.sc-running-timer-form .sc-timer-stop-at{
  min-width:210px;
}
.sc-running-timer-form .sc-timer-stop-at input{
  width:100%;
}
@media (max-width: 900px){
  .sc-running-timer-form .sc-timer-stop-at{
    min-width:0;
  }
}

.sc-dashboard-running-timer-alert{
  display:flex;
  align-items:center;
  gap:16px;
  border-color:#bdeacd;
  background:linear-gradient(135deg,#f4fbf6 0%,#ffffff 72%);
  margin-bottom:18px;
}
.sc-dashboard-running-timer-alert.is-warning{
  border-color:#f2d68b;
  background:linear-gradient(135deg,#fffaf0 0%,#ffffff 72%);
}
.sc-dashboard-running-timer-icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#e7f6ec;
  color:#257342;
  flex:0 0 auto;
}
.sc-dashboard-running-timer-alert.is-warning .sc-dashboard-running-timer-icon{
  background:#fff1cc;
  color:#8a5b00;
}
.sc-dashboard-running-timer-icon .dashicons{
  width:22px;
  height:22px;
  font-size:22px;
}
.sc-dashboard-running-timer-copy{
  min-width:0;
  flex:1 1 auto;
}
.sc-dashboard-running-timer-copy h2{
  margin:2px 0 4px;
}
.sc-dashboard-running-timer-copy p{
  margin:0;
  color:#4d6257;
}
.sc-dashboard-running-timer-actions{
  flex:0 0 auto;
}
@media (max-width:760px){
  .sc-dashboard-running-timer-alert{
    align-items:flex-start;
    flex-direction:column;
  }
  .sc-dashboard-running-timer-actions,
  .sc-dashboard-running-timer-actions .sc-btn{
    width:100%;
  }
}

/* 0.28.5 running timer alert and stop action polish */
.sc-dashboard-running-timer-alert.is-soft-warning{
  border-color:#f4d7a5;
  background:linear-gradient(135deg,#fff8ed 0%,#fffdf8 76%);
}
.sc-dashboard-running-timer-alert.is-soft-warning .sc-dashboard-running-timer-icon{
  background:#fff0d3;
  color:#9a6108;
}
.sc-dashboard-running-timer-alert.is-soft-warning .sc-kicker{
  color:#8a5b00;
}
.sc-dashboard-running-timer-alert.is-warning{
  border-color:#edbd69;
  background:linear-gradient(135deg,#fff2d8 0%,#fffdf8 76%);
}
.sc-running-timer-form{
  grid-template-columns:minmax(260px,1.4fr) minmax(220px,.95fr) auto auto auto;
}
.sc-timer-stop-btn{
  background:#0f5b3f!important;
  color:#fff!important;
  border-color:#0f5b3f!important;
}
.sc-timer-stop-btn:hover,
.sc-timer-stop-btn:focus{
  background:#0b4a33!important;
  border-color:#0b4a33!important;
}
.sc-timer-stop-edit-btn{
  min-height:44px;
  padding-inline:14px;
  font-size:13px;
  white-space:nowrap;
}
.sc-timer-cancel-inline .sc-link-btn{
  color:#0f5b3f!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sc-timer-cancel-inline .sc-link-btn:hover,
.sc-timer-cancel-inline .sc-link-btn:focus{
  color:#0b4a33!important;
  background:#eef8f2!important;
}
@media(max-width:1160px){
  .sc-running-timer-form{grid-template-columns:1fr 1fr;}
  .sc-running-timer-form .sc-timer-wide{grid-column:1/-1;}
}
@media(max-width:760px){
  .sc-running-timer-form{grid-template-columns:1fr;}
  .sc-timer-stop-edit-btn{width:100%;justify-content:center;}
}

/* 0.28.7 resume action label polish */
.sc-timer-row-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.sc-resume-time-form{
  margin:0!important;
  padding:0!important;
  display:inline-flex;
}
.sc-resume-time-btn{
  white-space:nowrap;
  border-color:#bfe8ce!important;
  background:#f4fbf7!important;
  color:#0f5b3d!important;
}
.sc-resume-time-btn:hover,
.sc-resume-time-btn:focus{
  background:#e5f7ec!important;
  border-color:#8ed9aa!important;
  color:#0b4a31!important;
}
@media (max-width: 780px){
  .sc-timer-row-actions{justify-content:flex-start;width:100%;}
  .sc-resume-time-form,.sc-resume-time-btn{width:100%;}
  .sc-resume-time-btn{justify-content:center;}
}

/* 0.28.8: group timer registrations by client for clearer invoicing overview */
.sc-timer-client-list{
  gap:18px;
}
.sc-timer-client-group > header{
  background:linear-gradient(135deg,#f4fbf7 0%,#ffffff 78%);
  border-bottom-color:#dbeee2;
}
.sc-timer-client-heading h3{
  color:#0f5b3f;
}
.sc-timer-client-row{
  grid-template-columns:110px minmax(240px,1.7fr) minmax(190px,1fr) minmax(150px,.8fr) minmax(126px,.72fr)!important;
}
.sc-timer-client-row .sc-timer-date-main strong{
  display:block;
  line-height:1.35;
}
.sc-timer-client-row .sc-timer-date-project span{
  font-size:14px;
}
.sc-timer-client-row .sc-timer-date-action{
  min-width:126px;
}
.sc-timer-client-row .sc-timer-inline-edit,
.sc-timer-client-row .sc-timer-delete-form{
  grid-column:1 / -1;
}
@media(max-width:1120px){
  .sc-timer-client-row{
    grid-template-columns:96px minmax(180px,1.35fr) minmax(150px,.85fr) minmax(120px,.75fr) minmax(118px,.7fr)!important;
  }
}
@media(max-width:900px){
  .sc-timer-client-row{
    grid-template-columns:1fr!important;
  }
  .sc-timer-client-row .sc-timer-date-action,
  .sc-timer-client-row .sc-timer-date-duration{
    min-width:0;
    text-align:left;
  }
}


/* 0.28.9: make client grouping in time registrations explicit and PDF-like */
.sc-timer-client-group{
  border-color:#cfe5d8;
  background:#fff;
}
.sc-timer-client-group > header{
  display:none!important;
}
.sc-timer-client-titlebar{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 22px;
  background:#edf8f2;
  border-bottom:1px solid #cfe5d8;
}
.sc-timer-client-title small{
  display:block;
  margin-bottom:5px;
  color:#557064;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.sc-timer-client-title h3{
  margin:0;
  color:#0f5b3d;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.02em;
}
.sc-timer-client-summary{
  display:flex;
  align-items:center;
  gap:10px;
  color:#0f5b3d;
  font-weight:900;
  white-space:nowrap;
}
.sc-timer-client-summary span::after{
  content:'·';
  margin-left:10px;
  color:#83aa96;
}
.sc-timer-client-column-head{
  display:grid;
  grid-template-columns:110px minmax(240px,1.7fr) minmax(190px,1fr) minmax(150px,.8fr) minmax(126px,.72fr);
  gap:18px;
  padding:13px 48px 13px 48px;
  background:#f8fcfa;
  border-bottom:1px solid #e3f0e8;
  color:#40524a;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sc-timer-client-group .sc-timer-date-row{
  border-radius:0;
  border-left:0;
  border-right:0;
}
.sc-timer-client-group .sc-timer-date-rows .sc-timer-date-row:first-child{
  border-top:0;
}
@media(max-width:1120px){
  .sc-timer-client-column-head{
    grid-template-columns:96px minmax(180px,1.35fr) minmax(150px,.85fr) minmax(120px,.75fr) minmax(118px,.7fr);
    padding-left:48px;
    padding-right:48px;
  }
}
@media(max-width:900px){
  .sc-timer-client-titlebar{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .sc-timer-client-summary{
    flex-wrap:wrap;
    white-space:normal;
  }
  .sc-timer-client-column-head{
    display:none;
  }
}

/* 0.29.0: keep connected dropdowns visible in time forms with many results */
.sc-timer-workbench,
.sc-timer-workbench-form,
.sc-timer-manual-panel,
.sc-timer-manual-panel details,
.sc-timer-manual-form{
    overflow:visible!important;
}
.sc-timer-workbench:has(.sc-combo-active),
.sc-timer-manual-panel:has(.sc-combo-active){
    z-index:120;
    position:relative;
}
.sc-timer-suggest-form .sc-combo-menu,
.sc-timer-manual-form .sc-combo-menu,
.sc-timer-inline-edit .sc-combo-menu{
    max-height:min(280px, calc(100vh - 220px));
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#9fd9b4 #f3faf6;
}
.sc-timer-suggest-form .sc-combo-menu::-webkit-scrollbar,
.sc-timer-manual-form .sc-combo-menu::-webkit-scrollbar,
.sc-timer-inline-edit .sc-combo-menu::-webkit-scrollbar{
    width:8px;
}
.sc-timer-suggest-form .sc-combo-menu::-webkit-scrollbar-track,
.sc-timer-manual-form .sc-combo-menu::-webkit-scrollbar-track,
.sc-timer-inline-edit .sc-combo-menu::-webkit-scrollbar-track{
    background:#f3faf6;
    border-radius:999px;
}
.sc-timer-suggest-form .sc-combo-menu::-webkit-scrollbar-thumb,
.sc-timer-manual-form .sc-combo-menu::-webkit-scrollbar-thumb,
.sc-timer-inline-edit .sc-combo-menu::-webkit-scrollbar-thumb{
    background:#9fd9b4;
    border-radius:999px;
}
.sc-timer-suggest-form .sc-combo-option,
.sc-timer-manual-form .sc-combo-option,
.sc-timer-inline-edit .sc-combo-option{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
}
@media(max-width:760px){
    .sc-timer-suggest-form .sc-combo-menu,
    .sc-timer-manual-form .sc-combo-menu,
    .sc-timer-inline-edit .sc-combo-menu{
        max-height:min(240px, calc(100vh - 180px));
    }
}

/* 0.29.1: align grouped time list columns and keep row actions on one line */
.sc-timer-client-group{
  --sc-time-row-pad-x:48px;
  --sc-time-client-grid:110px minmax(300px,2fr) minmax(190px,1fr) minmax(170px,.82fr) 230px;
}
.sc-timer-client-column-head{
  grid-template-columns:var(--sc-time-client-grid)!important;
  padding-left:var(--sc-time-row-pad-x)!important;
  padding-right:var(--sc-time-row-pad-x)!important;
}
.sc-timer-client-column-head span:first-child{
  text-align:right;
}
.sc-timer-client-column-head span:nth-child(2),
.sc-timer-client-row .sc-timer-date-main{
  padding-left:0!important;
}
.sc-timer-client-row{
  grid-template-columns:var(--sc-time-client-grid)!important;
  padding-left:var(--sc-time-row-pad-x)!important;
  padding-right:var(--sc-time-row-pad-x)!important;
}
.sc-timer-client-row .sc-timer-date-action{
  min-width:230px!important;
}
.sc-timer-client-row .sc-timer-row-actions{
  flex-wrap:nowrap;
  justify-content:flex-end;
}
.sc-timer-client-row .sc-resume-time-form{
  flex:0 0 auto;
}
.sc-timer-client-row .sc-resume-time-btn,
.sc-timer-client-row .sc-timer-row-actions > button{
  white-space:nowrap;
}
@media(max-width:1180px){
  .sc-timer-client-group{
    --sc-time-row-pad-x:32px;
    --sc-time-client-grid:96px minmax(220px,1.55fr) minmax(150px,.9fr) minmax(140px,.78fr) 210px;
  }
}
@media(max-width:980px){
  .sc-timer-client-column-head{
    display:none;
  }
  .sc-timer-client-row{
    grid-template-columns:1fr!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .sc-timer-client-row .sc-timer-date-specific,
  .sc-timer-client-row .sc-timer-date-duration,
  .sc-timer-client-row .sc-timer-date-action{
    text-align:left;
  }
  .sc-timer-client-row .sc-timer-row-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .sc-timer-client-row .sc-timer-date-action{
    min-width:0!important;
  }
}


/* 0.29.2: left-align grouped time list and tighten client group rhythm */
.sc-timer-client-group{
  --sc-time-row-pad-x:24px;
  --sc-time-client-grid:112px minmax(360px,2.15fr) minmax(210px,1.05fr) minmax(178px,.86fr) 230px;
}
.sc-timer-client-titlebar{
  padding-left:24px!important;
  padding-right:24px!important;
}
.sc-timer-client-title h3{
  font-size:22px;
  line-height:1.12;
}
.sc-timer-client-column-head{
  gap:22px!important;
}
.sc-timer-client-column-head span,
.sc-timer-client-column-head span:first-child{
  text-align:left!important;
}
.sc-timer-client-row{
  gap:22px!important;
}
.sc-timer-client-row .sc-timer-date-specific,
.sc-timer-client-row .sc-timer-date-main,
.sc-timer-client-row .sc-timer-date-project,
.sc-timer-client-row .sc-timer-date-duration,
.sc-timer-client-row .sc-timer-date-action{
  text-align:left!important;
}
.sc-timer-client-row .sc-timer-date-duration strong{
  text-align:left!important;
}
.sc-timer-client-row .sc-timer-row-actions{
  justify-content:flex-start!important;
}
.sc-timer-client-row .sc-timer-date-main strong{
  display:block;
  max-width:100%;
}
@media(max-width:1180px){
  .sc-timer-client-group{
    --sc-time-row-pad-x:22px;
    --sc-time-client-grid:104px minmax(260px,1.65fr) minmax(170px,.95fr) minmax(150px,.8fr) 214px;
  }
  .sc-timer-client-titlebar{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}

/* 0.29.3: Tid page header/action alignment and tighter top rhythm */
.sc-content:has(.sc-timer-workbench){
  padding-top:clamp(32px,2.4vw,52px)!important;
}
.sc-content:has(.sc-timer-workbench) .sc-page-head{
  align-items:flex-start;
  margin-bottom:24px!important;
}
.sc-content:has(.sc-timer-workbench) .sc-page-head > div:first-child{
  min-width:0;
}
.sc-content:has(.sc-timer-workbench) .sc-page-head-action{
  flex:0 0 auto;
  margin-top:2px!important;
}
.sc-content:has(.sc-timer-workbench) .sc-timer-top-tools{
  display:none!important;
}
.sc-content:has(.sc-timer-workbench) .sc-timer-workbench{
  margin-top:0!important;
}
.sc-content:has(.sc-timer-workbench) .sc-timer-date-log-panel{
  margin-top:24px!important;
}
.sc-page-head .sc-timer-account-inline-compact{
  z-index:180;
}
.sc-page-head .sc-timer-account-inline-compact summary{
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  font-weight:900!important;
  color:#0f5b3f!important;
  background:#f7fcf9!important;
  border-color:#cfe8da!important;
  box-shadow:0 10px 24px rgba(15,82,56,.05)!important;
}
.sc-page-head .sc-timer-account-inline-compact summary:hover,
.sc-page-head .sc-timer-account-inline-compact summary:focus-visible{
  background:#eaf8f0!important;
  border-color:#9fd9b4!important;
  color:#0f5b3f!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(45,106,79,.12)!important;
}
.sc-page-head .sc-timer-account-inline-compact .sc-timer-account-form{
  top:58px;
}
@media(max-width:900px){
  .sc-content:has(.sc-timer-workbench){padding-top:24px!important;}
  .sc-content:has(.sc-timer-workbench) .sc-page-head{display:grid!important;gap:14px!important;}
  .sc-page-head .sc-timer-account-inline-compact,
  .sc-page-head .sc-timer-account-inline-compact summary{width:100%!important;justify-content:center!important;}
  .sc-page-head .sc-timer-account-inline-compact .sc-timer-account-form{position:static!important;width:100%!important;margin-top:10px!important;}
}

/* 0.29.4 Tid-side: Start tid som primær handling, tidskonti som underfeature */
.sc-start-time-jump{
  min-height:48px!important;
  padding:0 20px!important;
  border-radius:12px!important;
  white-space:nowrap!important;
}
#sc-start-time{
  scroll-margin-top:28px;
}
#sc-start-time:focus{
  outline:0!important;
}
.sc-timer-account-underfeature{
  margin-top:14px!important;
  border-top:1px solid #edf4ef!important;
  padding-top:12px!important;
}
.sc-timer-account-underfeature summary{
  min-height:36px!important;
  padding:0 12px!important;
  font-size:13px!important;
  border-radius:999px!important;
  background:#fbfdfb!important;
  color:#315f4b!important;
  border-color:#dcebe2!important;
  box-shadow:none!important;
}
.sc-timer-account-underfeature summary:hover,
.sc-timer-account-underfeature summary:focus-visible{
  background:#eef8f1!important;
  color:#0f5b3f!important;
  border-color:#bdeacd!important;
}
.sc-timer-account-underfeature[open] summary{
  margin-bottom:12px!important;
}
@media(max-width:900px){
  .sc-start-time-jump{width:100%!important;justify-content:center!important;}
  .sc-timer-account-underfeature .sc-timer-account-form{grid-template-columns:1fr!important;}
}

/* 0.29.5 Tid: stable subfeature layout for time accounts */
.sc-timer-account-underfeature{
  position:relative!important;
  display:block!important;
  width:100%!important;
  overflow:visible!important;
}
.sc-timer-account-underfeature .sc-timer-account-form{
  position:static!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:12px 0 0!important;
  padding:16px!important;
  border:1px solid #dcebe2!important;
  border-radius:18px!important;
  background:#fbfdfb!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1.2fr) minmax(240px,1.4fr) minmax(150px,.7fr) minmax(120px,.55fr) auto!important;
  gap:12px!important;
  align-items:end!important;
}
.sc-timer-account-underfeature .sc-timer-account-form label{
  min-width:0!important;
}
.sc-timer-account-underfeature .sc-timer-account-form label span{
  display:block!important;
  margin-bottom:6px!important;
  color:#4b5d52!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.sc-timer-account-underfeature .sc-timer-account-form input[type=text],
.sc-timer-account-underfeature .sc-timer-account-form input:not([type]){
  width:100%!important;
  min-height:46px!important;
}
.sc-timer-account-underfeature .sc-timer-account-form .sc-timer-check{
  width:100%!important;
  justify-content:center!important;
  margin:0!important;
}
.sc-timer-account-underfeature .sc-timer-account-form button{
  min-height:46px!important;
  white-space:nowrap!important;
  justify-content:center!important;
}
@media(max-width:1120px){
  .sc-timer-account-underfeature .sc-timer-account-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sc-timer-account-underfeature .sc-timer-account-form button{
    width:100%!important;
  }
}
@media(max-width:700px){
  .sc-timer-account-underfeature .sc-timer-account-form{
    grid-template-columns:1fr!important;
  }
}

/* 0.29.6 Tid: header action opens/focuses manual registration instead of only jumping */
.sc-timer-manual-inline.is-attention,
#sc-start-time.is-attention{
  animation:scSoftFocusPulse 1.1s ease-out 1;
}
@keyframes scSoftFocusPulse{
  0%{box-shadow:0 0 0 0 rgba(15,91,63,.18)}
  45%{box-shadow:0 0 0 8px rgba(15,91,63,.10)}
  100%{box-shadow:0 0 0 0 rgba(15,91,63,0)}
}
@media (prefers-reduced-motion: reduce){
  .sc-timer-manual-inline.is-attention,
  #sc-start-time.is-attention{animation:none!important;}
}

/* 0.29.8 Dashboard employee time overview */
.sc-dashboard-team-time-panel{
    overflow:hidden;
}
.sc-dashboard-team-summary{
    text-align:right;
    color:#0f5238;
    font-weight:900;
    white-space:nowrap;
}
.sc-dashboard-team-summary span{
    display:block;
    font-size:22px;
    letter-spacing:-.02em;
}
.sc-dashboard-team-summary small{
    display:block;
    margin-top:4px;
    color:#617169;
    font-size:12px;
    font-weight:900;
}
.sc-dashboard-team-list{
    display:grid;
    gap:14px;
}
.sc-dashboard-team-card{
    border:1px solid #dfe9e3;
    border-radius:18px;
    background:#fff;
    overflow:hidden;
}
.sc-dashboard-team-card > header{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
    padding:18px 20px;
    background:#fbfdfb;
    border-bottom:1px solid #edf2ef;
}
.sc-dashboard-team-card h3{
    margin:0 0 4px;
    color:#0f5238;
    font-size:22px;
    line-height:1.15;
}
.sc-dashboard-team-card header small{
    color:#617169;
    font-weight:850;
}
.sc-dashboard-team-total{
    text-align:right;
    color:#0f5238;
    white-space:nowrap;
}
.sc-dashboard-team-total strong{
    display:block;
    font-size:20px;
}
.sc-dashboard-team-total small{
    display:block;
    margin-top:4px;
}
.sc-dashboard-team-card.is-behind .sc-dashboard-team-total small{
    color:#9b5b14;
}
.sc-dashboard-team-days{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    padding:16px 20px 20px;
}
.sc-dashboard-team-day{
    display:grid;
    gap:4px;
    min-width:0;
    padding:12px;
    border:1px solid #dfe9e3;
    border-radius:14px;
    background:#fff;
}
.sc-dashboard-team-day small{
    color:#66766d;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.sc-dashboard-team-day strong{
    color:#17221c;
    font-size:18px;
}
.sc-dashboard-team-day span{
    color:#0f5238;
    font-weight:900;
    line-height:1.25;
}
.sc-dashboard-team-day em{
    color:#66766d;
    font-style:normal;
    font-size:12px;
    font-weight:900;
}
.sc-dashboard-team-day.is-met{
    background:#eef8f1;
    border-color:#bdeacd;
}
.sc-dashboard-team-day.is-missing{
    background:#fffaf3;
    border-color:#f3d7ad;
}
@media(max-width:1000px){
    .sc-dashboard-team-days{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .sc-dashboard-team-card > header{
        display:grid;
    }
    .sc-dashboard-team-total,
    .sc-dashboard-team-summary{
        text-align:left;
    }
}
@media(max-width:650px){
    .sc-dashboard-team-days{
        grid-template-columns:1fr;
    }
}

/* v0.30.0 subscription/settings polish */
.sc-usage-panel-v0300 .sc-usage-card{position:relative;overflow:hidden}
.sc-usage-panel-v0300 .sc-usage-card-head{display:grid;gap:4px}
.sc-usage-panel-v0300 .sc-usage-card-head small{display:block;color:#617067;font-weight:800;font-size:13px;text-transform:none;letter-spacing:0;margin-top:0}
.sc-usage-panel-v0300 .sc-usage-users{margin-top:14px}
.sc-usage-panel-v0300 .sc-usage-users li{padding:12px 0}
.sc-usage-panel-v0300 .sc-usage-free-slots{color:#617067}
.sc-usage-panel-v0300 .sc-usage-free-slots .sc-usage-avatar{background:#f3faf6;border:1px dashed #b8e5c9;color:#0b5d42}
.sc-settings-summary-grid-v0300{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc-settings-company-card-v0300{max-width:860px}
@media(max-width:760px){.sc-settings-summary-grid-v0300{grid-template-columns:1fr}}

/* v0.30.1 subscription usage cleanup */
.sc-usage-panel-v0301 .sc-usage-list{display:grid;gap:12px}
.sc-usage-panel-v0301 .sc-usage-list>.sc-usage-card{border:1px solid #e0e8e3;border-radius:14px;background:#fbfdfb;padding:16px}
.sc-usage-panel-v0301 .sc-usage-card-head{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important}
.sc-usage-panel-v0301 .sc-usage-users{margin-top:14px;padding-top:12px;border-top:1px solid #e0e8e3}
.sc-usage-panel-v0301 .sc-usage-users li{border-top:0;padding:8px 0}
.sc-usage-panel-v0301 .sc-usage-free-slots{opacity:.78}
.sc-usage-panel-v0301 .sc-usage-list .sc-usage-card>span{display:block;text-transform:uppercase;letter-spacing:.07em;font-weight:900;font-size:11px;color:#617067}
.sc-usage-panel-v0301 .sc-usage-list .sc-usage-card>strong{display:block;margin-top:6px;font:900 20px/1.2 Manrope,system-ui,sans-serif;color:#191c1d}

/* 0.30.2: orphan employee references */
.sc-user-missing-row td { background: #fffaf0; }
.sc-user-missing-row small { display: block; margin-top: 4px; color: var(--sc-muted); font-weight: 500; }
.sc-usage-users li.sc-usage-missing-user { align-items: center; background: #fffaf0; border-color: #f4d7a1; }
.sc-usage-users li.sc-usage-missing-user .sc-inline-form { margin-left: auto; }
.sc-small-btn { padding: 8px 10px; font-size: 13px; white-space: nowrap; }

/* v0.30.4: employee access cleanup */
.sc-client-access-field{display:none;margin-top:8px;padding:14px 16px;border:1px solid #d8e7df;border-radius:14px;background:#f7fbf8;box-sizing:border-box}
.sc-client-access-field.is-visible{display:block}
.sc-client-access-field h3{margin:0 0 5px;font-size:15px;line-height:1.25;color:#0f5238}
.sc-client-access-field p{margin:0 0 12px;color:#64746c;font-size:13px;line-height:1.4;text-transform:none;letter-spacing:0;font-weight:700}
.sc-client-access-list{display:grid;gap:9px;max-width:520px}
.sc-client-access-list label{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:10px;margin:0!important;padding:8px 10px;border:1px solid #e2ebe6;border-radius:10px;background:#fff;color:#334139;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:800!important;cursor:pointer}
.sc-client-access-list label:hover{border-color:#9bd9b8;background:#f0fbf5}
.sc-client-access-list input[type=checkbox]{order:0;flex:0 0 auto;width:16px;height:16px;margin:0!important;accent-color:#0f5238}
.sc-client-access-list span{order:1;min-width:0;line-height:1.35;color:#334139}
.sc-client-access-cell{min-width:220px}
.sc-client-access-cell .sc-client-access-field{margin-top:8px;padding:10px;background:#fbfdfc}
.sc-client-access-cell .sc-client-access-summary{display:block;font-weight:800}

/* 0.30.5 Dashboard company time labels */
.sc-dashboard-team-person{
    min-width:0;
}
.sc-dashboard-team-role{
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin:0 0 6px;
    padding:4px 8px;
    border-radius:999px;
    background:#eaf8ef;
    color:#0f5b3f;
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.sc-dashboard-team-card > header{
    background:#eef8f2;
    border-bottom-color:#cfe8da;
}
.sc-dashboard-team-card h3{
    font-size:20px;
}
@media (max-width: 760px){
    .sc-dashboard-team-card > header{
        align-items:flex-start;
    }
}

/* 0.30.6 Company time/person labels and timer user filter */
.sc-dashboard-team-card > header{
  display:flex!important;
  visibility:visible!important;
  min-height:74px;
}
.sc-dashboard-team-person h3{
  display:block!important;
  visibility:visible!important;
  margin:2px 0 4px!important;
  color:#0f5238!important;
  font-size:19px!important;
  font-weight:900!important;
}
.sc-dashboard-team-person small{
  display:block!important;
}
.sc-dashboard-team-role{
  display:inline-flex!important;
}
.sc-timer-user-filter{
  display:flex;
  align-items:end;
  gap:12px;
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid #d9e7df;
  border-radius:16px;
  background:#fbfdfc;
}
.sc-timer-user-filter label{
  display:grid;
  gap:6px;
  min-width:min(360px,100%);
  margin:0;
  color:#4b5c52;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sc-timer-user-filter select{
  min-height:44px;
  border:1px solid #cfd8d1;
  border-radius:12px;
  background:#fff;
  padding:9px 12px;
  color:#191c1d;
  font-size:15px;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
}
.sc-timer-row-user{
  display:block;
  margin-top:5px;
  color:#607168;
  font-size:12px;
  font-weight:850;
}
@media(max-width:760px){
  .sc-timer-user-filter{display:grid;align-items:stretch}
  .sc-timer-user-filter label{min-width:0}
}


/* 0.30.7 Dashboard person labels and cleaner timer user filter */
.sc-dashboard-team-days-label{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 2px;
  padding:0 2px 6px;
  border-bottom:1px solid #e4eee8;
}
.sc-dashboard-team-days-label span{
  color:#0f5238;
  font:900 16px/1.2 Manrope,system-ui,sans-serif;
}
.sc-dashboard-team-days-label small{
  color:#617169;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sc-dashboard-team-card > header .sc-dashboard-team-person h3{
  margin-bottom:2px!important;
}
@media(max-width:650px){
  .sc-dashboard-team-days-label{align-items:flex-start;flex-direction:column;gap:4px}
}


/* 0.30.9 Dashboard quota day states */
.sc-dashboard-team-day.is-over-quota,
.sc-dashboard-team-day.is-met{
  background:#eaf8ef!important;
  border-color:#9bd9b8!important;
  box-shadow:inset 0 0 0 1px rgba(15,82,56,.05);
}
.sc-dashboard-team-day.is-over-quota span,
.sc-dashboard-team-day.is-over-quota em,
.sc-dashboard-team-day.is-met span,
.sc-dashboard-team-day.is-met em{
  color:#0f5238;
}
.sc-dashboard-team-day.is-over-quota strong,
.sc-dashboard-team-day.is-met strong{
  color:#0f2f23;
}


/* 0.31.0 Dashboard employee quota block */
.sc-quota-day.is-over-quota,
.sc-quota-day.is-met{
  background:#eaf8ef!important;
  border-color:#9bd9b8!important;
  box-shadow:inset 0 0 0 1px rgba(15,82,56,.05);
}
.sc-quota-day.is-over-quota span,
.sc-quota-day.is-over-quota em,
.sc-quota-day.is-met span,
.sc-quota-day.is-met em{
  color:#0f5238;
}
.sc-quota-day.is-over-quota strong,
.sc-quota-day.is-met strong{
  color:#0f2f23;
}
