:root {
  color-scheme: light;
  --tblr-font-sans-serif: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --tblr-primary: #218478; --tblr-primary-rgb: 33,132,120;
  --tblr-body-bg: #f6f8fa; --tblr-body-color: #253c42;
  --tblr-bg-surface: #fff; --tblr-bg-surface-secondary: #f9fbfc;
  --tblr-border-color: #e5ecee; --tblr-link-color: #217f74; --tblr-link-hover-color: #185e57;
  --tblr-muted: #6b7c83; --tblr-card-border-radius: 18px; --tblr-border-radius: 10px;
}
body { background:#f6f8fa; color:#253c42; -webkit-font-smoothing:antialiased; }
a { text-underline-offset:4px; }
h1,h2,h3,.card-title { color:#253c42; letter-spacing:-.035em; }
h1 { font-weight:650; }.text-muted,.form-text { color:#6b7c83 !important; }
.cogdis-sidebar { background:#fff !important; border-right:1px solid #e5ecee; box-shadow:none; }
.cogdis-sidebar .container-fluid { align-items:stretch; padding:0 18px; }
.cogdis-brand { display:flex; gap:12px; align-items:center; padding:32px 10px 29px; text-decoration:none; }
.cogdis-brand strong { display:block; font-size:25px; line-height:1.15; font-weight:750; letter-spacing:-.06em; color:#233d43; }
.cogdis-brand small { display:block; margin-top:5px; font-size:11px; color:#7b8b90; }.brand-dot { color:#218478; }
.cogdis-navigation { width:100%; gap:5px; }
.cogdis-sidebar .nav-link { border-radius:11px; color:#63767d !important; padding:12px 14px; min-height:44px; font-size:13px; font-weight:500; transition:background .15s,color .15s; }
.cogdis-sidebar .nav-link:hover { background:#f4f8f7; color:#218478 !important; }
.cogdis-sidebar .nav-link.active { background:#eaf5f1 !important; color:#218478 !important; font-weight:650 !important; }
.cogdis-sidebar .nav-link.active:before { display:none; }
.cogdis-sidebar .nav-link-icon { color:inherit; width:23px; min-width:23px; font-size:15px; margin-right:9px; }
.nav-section { padding:21px 14px 7px; font-size:9px; font-weight:650; color:#8c9aa0; letter-spacing:.13em; list-style:none; }
.cogdis-sidebar-note { margin:35px 10px 24px; background:#f6f9f6; border:1px solid #edf1e9; border-radius:14px; padding:19px; }
.note-symbol { float:right; font-size:28px; color:#b7cbbd; }
.cogdis-sidebar-note strong { display:block; font-size:13px; line-height:1.6; font-weight:600; }
.cogdis-sidebar-note p { color:#7c8d85; font-size:11px; line-height:1.6; margin:9px 0 0; }
header.navbar { background:rgba(255,255,255,.85); min-height:70px; border-bottom:1px solid #e8eef0; box-shadow:none; }
.cogdis-workspace { display:inline-flex; align-items:center; gap:9px; font-size:11px; color:#708087; padding-right:17px; border-right:1px solid #e3ebed; }
.workspace-dot { width:6px; height:6px; border-radius:50%; background:#71b6a5; }
.cogdis-avatar { background:#f2e9dc; color:#8c775e; box-shadow:none; border-radius:11px; font-size:13px; font-weight:650; }
.cogdis-user-name { font-size:12px; margin-left:10px; color:#546970; }
.page-header { margin-top:28px; }.page-body { margin-top:20px; margin-bottom:32px; }.container-xl { max-width:1400px; }
.cogdis-footer { padding:0 32px 24px; color:#8d9ba1; font-size:10px; letter-spacing:.015em; }.cogdis-footer span { margin:0 7px; }
.card { box-shadow:0 3px 10px rgba(28,58,62,.018); border:1px solid #e5ecee; border-radius:18px; overflow:hidden; }
.card-header { border-bottom:1px solid #edf1f2; padding:23px 28px; }.card-title { font-size:17px; font-weight:600; }.card-body { padding:28px; }
.btn { border-radius:9px; font-size:12px; font-weight:600; padding:10px 16px; box-shadow:none; gap:8px; }
.btn-primary { background:#218478; border-color:#218478; color:#fff; }.btn-primary:hover,.btn-primary:focus-visible { background:#186c62; border-color:#186c62; }
.btn-outline-primary { color:#217d73; border-color:#c8e0d9; background:#fff; }.btn-outline-primary:hover { background:#edf7f3; color:#186c62; border-color:#9ac7ba; }
.btn-outline-secondary { border-color:#dae4e7; color:#60767c; background:#fff; }.btn-outline-secondary:hover { background:#f4f8f9; color:#2d525a; border-color:#c6d6dc; }
.btn-sm { padding:6px 10px; font-size:11px; border-radius:7px; }
.form-label { font-size:12px; font-weight:600; color:#466069; margin-bottom:9px; }
.form-control,.form-select,.input-group-text { border-color:#dfe8eb; border-radius:9px; min-height:42px; background-color:#fff; color:#2b444b; font-size:13px; }
.form-control:focus,.form-select:focus { border-color:#79b5a7; box-shadow:0 0 0 3px #e6f3ee; }
.form-text { font-size:11px; line-height:1.55; margin-top:8px; }.form-check-input:checked { background-color:#218478; border-color:#218478; }.form-check-input:focus { box-shadow:0 0 0 3px #e6f3ee; border-color:#79b5a7; }
.cogdis-editor { border-color:#dfe8eb !important; border-radius:11px !important; background:#fff; overflow:hidden; padding:0 !important; }
.cogdis-editor:focus-within { border-color:#79b5a7 !important; box-shadow:0 0 0 3px #e6f3ee; }
.cogdis-editor.cogdis-editor-invalid { border-color:#b42318 !important; }
.cogdis-form-errors:focus-visible { outline:3px solid #b42318; outline-offset:3px; }
.cogdis-form-errors a { color:inherit; text-decoration:underline; overflow-wrap:anywhere; }
.cogdis-editor-toolbar { border-bottom:1px solid #edf2f3; padding:10px 12px; background:#f9fbfc; margin:0 !important; }.cogdis-editor-body { padding:16px !important; line-height:1.75; font-size:13px; }
.table { margin-bottom:0; }.table thead th { background:#f9fbfc; color:#83949b; font-size:9px; font-weight:600; letter-spacing:.08em; padding:14px 18px; border-bottom-color:#e9eff1; }.table thead th a { color:#7b8f97; }
.table td { padding:18px; font-size:12px; border-color:#eff3f4; vertical-align:middle; }.table tbody tr:hover { background:#fbfdfc; }.table tbody td .btn { padding:7px 9px; }
.dropdown-menu,.modal-content { border:1px solid #e1e9ec; border-radius:12px; box-shadow:0 12px 35px rgba(34,66,75,.08); }.alert { border-radius:11px; font-size:12px; }
.eyebrow { display:block; font-size:9px; font-weight:650; letter-spacing:.16em; color:#81959d; margin-bottom:13px; }
.cogdis-page-heading { display:flex; gap:20px; justify-content:space-between; align-items:center; margin-bottom:27px; }.cogdis-page-heading h1 { font-size:27px; margin:0 0 7px; }.cogdis-page-heading p { margin:0; font-size:12px; color:#83929a; }
.soft-pill { font-size:10px; color:#6d8f83; background:#edf5ef; border:1px solid #e1ece4; border-radius:30px; padding:7px 12px; white-space:nowrap; }
.cogdis-hero { display:flex; align-items:center; justify-content:space-between; overflow:hidden; position:relative; border-radius:20px; padding:35px 38px; background:#eaf4ef; border:1px solid #e0ece5; min-height:257px; }
.hero-copy { position:relative; z-index:1; }.hero-copy .eyebrow { color:#64887b; margin-bottom:14px; }.hero-copy h2 { font-size:clamp(24px,2.2vw,32px); line-height:1.28; font-weight:600; color:#2d544c; margin:0 0 14px; }.hero-copy p { color:#708d80; font-size:12px; line-height:1.75; margin:0 0 23px; }
.hero-text-link { color:#48766b; font-size:11px; font-weight:600; padding:12px 18px; display:inline-block; }.hero-text-link span { margin-left:10px; }
.hero-art { position:relative; width:270px; height:225px; flex-shrink:0; margin-left:25px; }.art-orbit { width:200px; height:200px; border-radius:50%; background:#dcebe0; display:block; position:absolute; left:29px; top:20px; }
.art-card { position:absolute; width:145px; height:185px; border-radius:14px; box-shadow:0 15px 32px rgba(55,92,71,.09); border:1px solid rgba(255,255,255,.7); }.art-card-back { background:#d4dfd3; transform:rotate(-16deg); left:35px; top:13px; padding:30px 22px; }.art-card-back span { display:block; height:5px; margin-bottom:11px; background:#b8cebf; border-radius:4px; }
.art-card-front { background:#fffdfa; transform:rotate(11deg); left:100px; top:32px; padding:20px; }.art-spark { font-size:38px; color:#d9ae7e; line-height:1; display:block; margin-bottom:16px; }.art-card-title { color:#547164; font-weight:600; font-size:12px; display:block; }.art-line { height:4px; background:#e8ece4; display:block; border-radius:3px; margin-top:13px; }.art-line.short { width:70%; margin-top:7px; }.art-tag { display:inline-block; padding:4px 6px; border-radius:4px; background:#edf2e9; color:#98ab95; font-size:7px; margin-top:18px; }.art-dot { position:absolute; width:16px; height:16px; border-radius:50%; background:#d9b996; left:23px; top:172px; }
.cogdis-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:24px 0; }.stat-panel { display:block; padding:22px 24px; border:1px solid #e5ecee; background:#fff; border-radius:16px; text-decoration:none !important; }.stat-panel:hover { border-color:#bad6cb; }.stat-top { display:flex; align-items:center; justify-content:space-between; font-size:11px; color:#758b94; gap:10px; }.stat-icon { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:10px; flex-shrink:0; font-size:15px; }.mint { background:#ecf5ef; color:#6aa08b; }.peach { background:#faf0e7; color:#c49f79; }.lavender { background:#f0eff9; color:#9a92bd; }.stat-panel strong { display:block; font-size:31px; font-weight:600; color:#34535a; margin:9px 0 2px; line-height:1.25; }.stat-panel small { font-size:10px; color:#93a1a8; }
.dashboard-bottom { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:22px; align-items:start; }.section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:24px; }.section-heading h2,.schedule-panel h2 { font-size:15px; font-weight:600; margin:0 0 7px; }.section-heading p { font-size:10px; color:#92a0a7; margin:0; }.section-heading>a { font-size:10px; font-weight:500; white-space:nowrap; }
.recent-row { display:flex; align-items:center; gap:13px; padding:18px 24px; border-top:1px solid #edf2f3; text-decoration:none !important; }.recent-row:hover { background:#fbfdfc; }.material-icon { display:inline-flex; width:35px; height:39px; justify-content:center; align-items:center; border-radius:8px; color:#91a69d; background:#f4f7f4; flex-shrink:0; }.recent-copy { flex:1; min-width:0; }.recent-copy strong { font-size:11px; color:#49636a; font-weight:600; display:block; line-height:1.6; }.recent-copy small { display:block; font-size:9px; color:#99a7ac; margin-top:4px; }.status-pill { display:inline-block; padding:5px 9px; font-size:9px; border-radius:6px; white-space:nowrap; font-weight:500; }.status-pill.draft { background:#fbf3e8; color:#b0926c; }.status-pill.published { background:#eaf5ed; color:#689881; }.status-pill.archived { background:#f0f3f5; color:#8b9da3; }.recent-arrow { color:#a3b5b9; font-size:14px; margin-left:6px; }
.schedule-panel { padding:26px; }.schedule-panel>.stat-icon { margin-bottom:18px; }.schedule-panel p { font-size:11px; color:#8c9ea4; line-height:1.7; margin-bottom:22px; }.schedule-clock { font-size:32px; color:#35545b; letter-spacing:-.04em; line-height:1.1; }.schedule-clock span { font-size:9px; letter-spacing:.05em; margin-left:9px; color:#8fa1a8; }.schedule-panel>small { display:block; font-size:10px; color:#96a5ab; margin:8px 0 23px; }.schedule-panel .btn { width:100%; font-size:10px; padding:10px; }.schedule-tip { margin-top:17px; font-size:9px; color:#9eacb1; line-height:1.6; }.dashboard-empty { padding:30px; color:#82979f; text-align:center; line-height:1.8; }
.cogdis-settings { max-width:980px; }.settings-layout { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.settings-section { padding:27px; }.settings-section.wide { grid-column:1/-1; }.settings-section h2 { font-size:16px; font-weight:600; margin-bottom:7px; }.settings-section>p { font-size:11px; color:#8a9ba2; line-height:1.6; margin-bottom:25px; }.settings-section .mb-3 { margin-bottom:21px !important; }.settings-times { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }.settings-frequency { display:flex; flex-direction:column; gap:14px; margin-bottom:23px; font-size:12px; color:#617a83; }.settings-actions { display:flex; justify-content:space-between; align-items:center; padding:23px 0; gap:15px; }.settings-actions span { color:#91a1a8; font-size:10px; }
.cogdis-login { background:radial-gradient(ellipse at 15% 20%,#e7f1eb 0,transparent 45%),radial-gradient(ellipse at 85% 80%,#f6eee4 0,transparent 45%),#f7f9f8; }.cogdis-login .page-wrapper { margin:0 !important; min-height:100vh; }.cogdis-login .page-header { display:none; }.cogdis-login .page-body { margin:auto 0; padding:55px 18px; }.cogdis-login .container-tight { max-width:430px; }.cogdis-login-brand { display:flex; justify-content:center; align-items:center; gap:14px; margin-bottom:30px; }.cogdis-login-brand>span { font-size:35px; font-weight:650; color:#2d4c50; letter-spacing:-.07em; }.cogdis-login .card { box-shadow:0 18px 65px rgba(35,63,51,.04); }.cogdis-login .card-body { padding:37px; }.login-intro { text-align:center; margin-bottom:30px; }.login-intro h1 { font-size:27px; margin:0 0 11px; }.login-intro p { font-size:12px; color:#8b9d9d; line-height:1.7; }.cogdis-login-note { text-align:center; margin-top:21px; color:#95a5a3; font-size:10px; }
@media(min-width:992px) { .navbar-vertical.navbar-expand-lg { width:248px; }.navbar-vertical.navbar-expand-lg~.page-wrapper,.navbar-vertical.navbar-expand-lg~.navbar { margin-left:248px; }.cogdis-sidebar .navbar-collapse { display:flex !important; flex-direction:column; align-items:stretch; }.page-body>.container-xl,.page-header>.container-xl { padding:0 32px; } }
@media(max-width:1199px) { .hero-art { width:210px; transform:scale(.9); transform-origin:center right; margin-left:0; }.cogdis-hero { padding:30px; }.dashboard-bottom { grid-template-columns:minmax(0,1fr) 245px; }.schedule-panel { padding:22px; }.section-heading { padding:20px; }.recent-row { padding:17px 20px; }.recent-row .recent-arrow { display:none; } }
@media(max-width:991px) { .cogdis-sidebar .container-fluid { align-items:center; }.cogdis-brand { padding:14px 6px; }.cogdis-sidebar .navbar-collapse { width:100%; }.cogdis-sidebar-note { display:none; }.cogdis-navigation { padding-bottom:20px; }.cogdis-page-heading h1 { font-size:23px; }.page-body { margin-top:20px; }.cogdis-footer { padding:0 20px 20px; } }
@media(max-width:700px) { .cogdis-hero { padding:25px; min-height:240px; }.hero-art { display:none; }.hero-copy h2 { font-size:26px; }.cogdis-page-heading { align-items:start; }.soft-pill { display:none; }.cogdis-stats { gap:10px; }.stat-panel { padding:14px; }.stat-top { align-items:start; line-height:1.6; font-size:10px; }.stat-top .stat-icon { display:none; }.stat-panel strong { font-size:27px; }.stat-panel small { font-size:9px; }.dashboard-bottom { grid-template-columns:1fr; }.settings-layout { grid-template-columns:1fr; }.settings-section.wide { grid-column:auto; }.settings-actions { align-items:start; flex-direction:column; }.card-body { padding:20px; }.card-header { padding:20px; }.recent-row { padding:16px; gap:10px; }.section-heading { padding:20px 16px; }.cogdis-login .card-body { padding:28px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; } }
/* Secondary text stays readable on pale surfaces. */
.cogdis-page-heading p,.stat-panel small,.section-heading p,.recent-copy small,.schedule-panel p,.schedule-panel>small,.schedule-tip,.settings-section>p,.settings-actions span,.login-intro p,.cogdis-login-note { color:#637780; }
.hero-copy p { color:#577568; }.soft-pill { color:#537465; }
.status-pill.draft { color:#866844; }.status-pill.published { color:#437b5a; }.status-pill.archived { color:#627982; }
.nav-section,.eyebrow { color:#6f838b; }
/* Owner Front controls. */
.cogdis-front .settings-layout { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cogdis-front .settings-section { min-width:0; overflow-wrap:anywhere; }
.cogdis-front h1,.cogdis-front h2 { text-wrap:balance; }
.cogdis-front small { display:block; color:#526a73; line-height:1.6; margin-top:8px; }
.cogdis-front .btn { min-height:44px; white-space:normal; touch-action:manipulation; }
.cogdis-front .btn:focus-visible,.cogdis-front a:focus-visible,.cogdis-front input:focus-visible,.cogdis-front select:focus-visible { outline:3px solid #386f62; outline-offset:3px; }
.cogdis-front .form-check { padding-block:8px; margin-bottom:12px; cursor:pointer; }
.front-state { display:flex; align-items:center; gap:9px; padding:13px 16px; margin:16px 0; background:#edf5ef; border-radius:10px; }
.front-controls { display:flex; flex-wrap:wrap; gap:10px; }
.front-controls button { flex:1 1 170px; }
.front-delete,.front-webhook { border-top:1px solid #e1e9ec; padding-top:20px; margin-top:25px; }
.front-identity { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:22px; }
.front-identity strong,.front-identity span { min-width:0; overflow-wrap:anywhere; }
.front-identity a { width:100%; }
.front-webhook button { width:100%; }
.front-scheduler-note { margin-top:24px; color:#526a73; font-size:12px; line-height:1.7; }
.front-skip { position:absolute; left:12px; top:-100px; z-index:10000; background:white; padding:12px 16px; border:2px solid #386f62; }
.front-skip:focus { top:12px; }
.cogdis-front [hidden] { display:none !important; }
.cogdis-front [id] { scroll-margin-top:80px; }
@media(max-width:760px) { .cogdis-front .settings-layout { grid-template-columns:minmax(0,1fr); }.cogdis-front .settings-section { padding:21px; } }