/* Skavio Managed Automation — inherits the LIVE getskavio.com site design.
   Canonical sources: /assets/styles.css, business.css, skavio-premium,
   skavio-main-logo.css and design-20261104.css.
   Only scoped page-specific components are defined here. No new brand palette.
*/
body.dokutakt-redesign.skavio-managed-ui{background:#fff;color:var(--dt-ink);min-width:320px}
body.skavio-managed-ui .managed-main{display:block;min-height:55vh}
body.skavio-managed-ui .managed-main a{text-decoration:none}
body.skavio-managed-ui .managed-main a:focus-visible,
body.skavio-managed-ui .managed-main button:focus-visible,
body.skavio-managed-ui .managed-main input:focus-visible,
body.skavio-managed-ui .managed-main textarea:focus-visible,
body.skavio-managed-ui .managed-main select:focus-visible{outline:3px solid var(--dt-purple);outline-offset:3px}
body.skavio-managed-ui .managed-main .container{max-width:1240px;margin-inline:auto;padding-inline:24px}
body.skavio-managed-ui .managed-hero{padding-block:78px 85px!important}
body.skavio-managed-ui .managed-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:44px;align-items:center}
body.skavio-managed-ui .managed-hero-grid h1{max-width:730px}
body.skavio-managed-ui .managed-hero-grid h1 span{color:var(--dt-mint)!important}
body.skavio-managed-ui .managed-hero-grid .lead{max-width:590px}
body.skavio-managed-ui .managed-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:25px 0 0}
body.skavio-managed-ui .managed-hero-note{color:#d1ccf2;line-height:1.6;font-size:12px;margin:18px 0 0}
body.skavio-managed-ui .managed-preview{padding:21px 23px;background:#fff;color:var(--dt-ink);border-radius:20px;box-shadow:0 24px 70px rgba(8,8,48,.34);border:1px solid #e5ddff;max-width:500px;width:100%;justify-self:center}
body.skavio-managed-ui .managed-preview-header{display:flex;align-items:center;gap:10px;padding:1px 0 15px;border-bottom:1px solid var(--dt-line)}
body.skavio-managed-ui .managed-preview-header strong{font-size:14px;white-space:nowrap}
body.skavio-managed-ui .managed-preview-header small{margin-left:auto;color:var(--dt-muted);font-size:10px}
body.skavio-managed-ui .managed-preview-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--dt-purple);box-shadow:0 0 0 3px #ede9fe}
body.skavio-managed-ui .managed-preview-flow{display:grid;justify-items:center;padding:20px 0}
body.skavio-managed-ui .managed-preview-step{width:min(100%,335px);min-height:67px;border:1px solid #e5e7f4;border-radius:13px;padding:12px 15px;display:flex;align-items:center;gap:14px;background:#fafbff}
body.skavio-managed-ui .managed-preview-step b{display:grid;place-items:center;width:41px;height:40px;flex:0 0 41px;background:#eee9ff;border-radius:10px;color:var(--dt-purple);font-size:11px}
body.skavio-managed-ui .managed-preview-step span{font-size:13px;font-weight:800}
body.skavio-managed-ui .managed-preview-step small{display:block;margin-top:2px;color:var(--dt-muted);font-size:11px;font-weight:450}
body.skavio-managed-ui .managed-flow-arrow{color:#907ce7;font-size:21px;line-height:1.55}
body.skavio-managed-ui .managed-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--dt-line);padding-top:14px;font-size:10px;color:var(--dt-muted)}
body.skavio-managed-ui .managed-status-dot{border-radius:999px;background:#e6f9f0;color:#137c55;font-weight:800;padding:4px 7px;white-space:nowrap}
body.skavio-managed-ui .managed-steps.section,
body.skavio-managed-ui .managed-security.section{background:#fff!important;padding:77px 0!important}
body.skavio-managed-ui .managed-pricing.section{background:var(--dt-soft)!important;padding:81px 0 74px!important;border-top:1px solid var(--dt-line);border-bottom:1px solid var(--dt-line)}
body.skavio-managed-ui .managed-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
body.skavio-managed-ui .managed-step{background:#fff;border:1px solid var(--dt-line);border-radius:18px;padding:25px;box-shadow:0 1px 2px rgba(16,24,40,.03)}
body.skavio-managed-ui .managed-step-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#eee9ff;color:var(--dt-purple);font-size:12px;font-weight:850}
body.skavio-managed-ui .managed-step h3{font-size:18px;color:var(--dt-ink);margin:16px 0 9px}
body.skavio-managed-ui .managed-step p{color:var(--dt-muted);font-size:13px;line-height:1.75;margin:0}
body.skavio-managed-ui .managed-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:30px 0 23px}
body.skavio-managed-ui .managed-plan-card{background:#fff;border:1px solid var(--dt-line);border-radius:18px;padding:26px;box-shadow:0 6px 24px rgba(20,24,60,.035);min-width:0;display:flex;flex-direction:column}
body.skavio-managed-ui .managed-plan-card:nth-child(2){border-color:#c3b4fc;box-shadow:0 12px 35px rgba(79,43,217,.085)}
body.skavio-managed-ui .managed-plan-card h3{font-size:20px;font-weight:800;margin:16px 0 12px;color:var(--dt-ink);letter-spacing:-.035em}
body.skavio-managed-ui .managed-price{font-size:35px;font-weight:850;color:var(--dt-navy);letter-spacing:-.06em;white-space:nowrap}
body.skavio-managed-ui .managed-price span{font-size:12px;font-weight:500;letter-spacing:0;color:var(--dt-muted)}
body.skavio-managed-ui .managed-plan-card>p{font-size:12.5px;line-height:1.7;color:var(--dt-muted);margin:9px 0}
body.skavio-managed-ui .managed-plan-features{border-block:1px solid var(--dt-line);padding:13px 0;margin:15px 0 20px;display:grid;gap:8px}
body.skavio-managed-ui .managed-plan-features p{font-size:12px;color:#475467;margin:0}
body.skavio-managed-ui .managed-plan-card a.button{width:100%;margin-top:auto;text-align:center;justify-content:center}
body.skavio-managed-ui .managed-note{max-width:950px;color:#667085;font-size:12.5px;line-height:1.75}
body.skavio-managed-ui .managed-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px}
body.skavio-managed-ui .managed-faq{border:1px solid var(--dt-line);background:#fff;border-radius:17px;padding:24px}
body.skavio-managed-ui .managed-faq h3{color:var(--dt-ink);font-size:17px;margin:0 0 10px}
body.skavio-managed-ui .managed-faq p{color:var(--dt-muted);font-size:13px;line-height:1.75;margin:0}
body.skavio-managed-ui .managed-last-cta{padding:64px 0;background:linear-gradient(135deg,var(--dt-navy),var(--dt-navy-2));color:#fff}
body.skavio-managed-ui .managed-last-cta h2{color:#fff;font-size:clamp(27px,3.5vw,43px);margin:0 0 10px;letter-spacing:-.04em}
body.skavio-managed-ui .managed-last-cta p{font-size:14px;color:#d7d2f5;max-width:670px;margin:8px 0 21px}
body.skavio-managed-ui .managed-account-hero{padding:58px 0 53px;background:var(--dt-soft);border-bottom:1px solid var(--dt-line)}
body.skavio-managed-ui .managed-account-hero h1{font-size:clamp(30px,4.4vw,55px);font-weight:800;color:var(--dt-ink);letter-spacing:-.05em;line-height:1.11;margin:14px 0 13px}
body.skavio-managed-ui .managed-subtitle{font-size:15px;color:var(--dt-muted);line-height:1.8;max-width:780px}
body.skavio-managed-ui .managed-account-content.section{padding:38px 0 85px!important}
body.skavio-managed-ui .managed-notice{background:#edf5ff;border:1px solid #b3d4ff;border-radius:11px;padding:14px 18px;color:#164e84;font-size:13px;margin-bottom:22px}
body.skavio-managed-ui .managed-notice.bad{background:#fff2f2;border-color:#efb9b9;color:#a03242}
body.skavio-managed-ui .managed-company-bar{display:flex;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--dt-line);border-radius:14px;padding:21px 24px;margin-bottom:20px}
body.skavio-managed-ui .managed-company-bar>div{display:flex;flex-direction:column;min-width:0}
body.skavio-managed-ui .managed-company-bar small{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--dt-purple)}
body.skavio-managed-ui .managed-company-bar strong{font-size:17px;font-weight:800;color:var(--dt-ink);overflow-wrap:anywhere}
body.skavio-managed-ui .managed-company-bar span{font-size:12px;color:var(--dt-muted)}
body.skavio-managed-ui .managed-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px}
body.skavio-managed-ui .managed-panel{background:#fff;border:1px solid var(--dt-line);border-radius:18px;padding:25px;box-shadow:0 4px 22px rgba(20,24,60,.03);min-width:0}
body.skavio-managed-ui .managed-panel h2{color:var(--dt-ink);margin:0 0 8px;font-size:22px;letter-spacing:-.025em}
body.skavio-managed-ui .managed-panel p{font-size:13px;line-height:1.7}
body.skavio-managed-ui .managed-panel .managed-muted,
body.skavio-managed-ui .managed-panel .muted{color:var(--dt-muted)}
body.skavio-managed-ui .managed-form{display:flex;flex-direction:column;gap:9px;margin-top:18px}
body.skavio-managed-ui .managed-panel label{font-size:12px;font-weight:750;color:#344054;display:block;margin:12px 0 5px}
body.skavio-managed-ui .managed-panel textarea,
body.skavio-managed-ui .managed-panel input,
body.skavio-managed-ui .managed-panel select{display:block;width:100%;background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:12px;color:var(--dt-ink);font-family:inherit;line-height:1.55}
body.skavio-managed-ui .managed-panel select:focus,
body.skavio-managed-ui .managed-panel textarea:focus,
body.skavio-managed-ui .managed-panel input:focus{border-color:var(--dt-purple)}
body.skavio-managed-ui .managed-form .button{align-self:flex-start;margin-top:14px}
body.skavio-managed-ui .managed-small{color:var(--dt-muted);font-size:11.5px!important;line-height:1.6!important}
body.skavio-managed-ui .managed-order{border-top:1px solid var(--dt-line);padding:19px 0}
body.skavio-managed-ui .managed-order:first-child{border-top:0}
body.skavio-managed-ui .managed-order p{color:#344054;overflow-wrap:anywhere}
body.skavio-managed-ui .managed-orderhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.skavio-managed-ui .managed-status{font-size:11px;font-weight:750;color:#3d26b2;border:1px solid #d7d0ff;background:#f2efff;padding:4px 9px;border-radius:999px;text-transform:capitalize}
body.skavio-managed-ui .managed-feedback{background:#f6f3ff;border-left:3px solid var(--dt-purple);padding:12px;color:#344054}
body.skavio-managed-ui .managed-changebox{margin-top:15px}
body.skavio-managed-ui .managed-changebox summary{cursor:pointer;color:var(--dt-purple);font-weight:750;font-size:13px}
body.skavio-managed-ui .managed-changebox button{margin-top:10px}
body.skavio-managed-ui .managed-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.skavio-managed-ui .managed-operator{margin-top:23px}
body.skavio-managed-ui .managed-main [hidden]{display:none!important}
@media(max-width:1080px){
  body.skavio-managed-ui .managed-hero-grid{grid-template-columns:1fr}
  body.skavio-managed-ui .managed-preview{justify-self:start;max-width:560px}
  body.skavio-managed-ui .managed-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  body.skavio-managed-ui .managed-steps-grid{grid-template-columns:1fr}
  body.skavio-managed-ui .managed-plans{grid-template-columns:1fr}
  body.skavio-managed-ui .managed-faq-grid{grid-template-columns:1fr}
  body.skavio-managed-ui .managed-workspace-grid{grid-template-columns:1fr}
  body.skavio-managed-ui .managed-company-bar{flex-direction:column}
  body.skavio-managed-ui .managed-hero{padding:58px 0!important}
  body.skavio-managed-ui .managed-steps.section,body.skavio-managed-ui .managed-security.section{padding:55px 0!important}
  body.skavio-managed-ui .managed-quote-grid{grid-template-columns:1fr}
}
@media(max-width:500px){
  body.skavio-managed-ui .managed-hero-grid h1{font-size:clamp(37px,9vw,56px)!important}
  body.skavio-managed-ui .managed-hero-grid{gap:25px}
  body.skavio-managed-ui .managed-actions .button{width:100%}
  body.skavio-managed-ui .managed-preview{padding:16px}
  body.skavio-managed-ui .managed-preview-header small{display:none}
  body.skavio-managed-ui .managed-plan-card,body.skavio-managed-ui .managed-panel{padding:19px}
  body.skavio-managed-ui .managed-account-hero{padding:38px 0}
}

/* Pre-order workflow examples follow the standard light Skavio design even inside
   the managed landing's specialized section layout. */
body.dokutakt-redesign.skavio-managed-ui main.managed-main section.sk-workflow-preview{
  background:#fff!important;
  color:#101828!important;
  padding:44px 0 55px!important;
}
body.dokutakt-redesign.skavio-managed-ui main.managed-main .sk-workflow-preview .sk-wp-card{
  background:#fff!important;
}

/* P0-1: tenant-scoped authenticated activity history — canonical Skavio UI. */
body.skavio-managed-ui .managed-audit-list{margin-top:12px;padding:8px 12px;background:#f8f9fc;border:1px solid #e0dced;border-radius:10px;color:#101828}
body.skavio-managed-ui .managed-audit-entry{border-bottom:1px solid #e0dced;padding:10px 0;display:flex;flex-wrap:wrap;gap:4px 15px;align-items:baseline}
body.skavio-managed-ui .managed-audit-entry:last-child{border-bottom:0}
body.skavio-managed-ui .managed-audit-entry strong{color:#101828;font-size:13px;text-transform:capitalize}
body.skavio-managed-ui .managed-audit-entry small{color:#475467;font-size:12px;overflow-wrap:anywhere}
body.skavio-managed-ui .managed-audit-entry p{flex:0 0 100%;color:#475467;margin:0;font-size:12px;overflow-wrap:anywhere}

/* P0-5: Authenticator setup in the original Skavio customer portal shell.
   Intentionally inherits first-party card/button colors and typography. */
body.skavio-managed-ui .managed-mfa{margin:20px 0;padding:22px 24px}
body.skavio-managed-ui .managed-mfa h2{color:#101828}
body.skavio-managed-ui .managed-mfa p,
body.skavio-managed-ui .managed-mfa label{color:#344054;line-height:1.6}
body.skavio-managed-ui .managed-mfa .bad{color:#991b1b}
body.skavio-managed-ui .managed-mfa-qr{display:block;width:180px;height:180px;
  object-fit:contain;background:#fff;border:1px solid #bfc8d7;border-radius:12px;
  padding:8px;max-width:100%;margin:12px 0}
body.skavio-managed-ui .managed-mfa-secret{display:flex;flex-wrap:wrap;gap:12px;
  align-items:center;margin:14px 0}
body.skavio-managed-ui .managed-mfa-secret code{font-size:14px;letter-spacing:.08em;
  background:#eef3f8;color:#12243a;padding:12px;border-radius:9px;
  word-break:break-all;border:1px solid #bfc8d7}
body.skavio-managed-ui .managed-mfa-code{display:block;margin:8px 0 14px;
  max-width:250px;width:100%;font-size:19px;font-weight:600;letter-spacing:.2em;
  color:#12243a;background:#fff;border:2px solid #7a869d;border-radius:9px;padding:11px}
body.skavio-managed-ui .managed-mfa-code:focus{outline:3px solid #3369d3;outline-offset:2px}
@media(max-width:640px){
 body.skavio-managed-ui .managed-mfa{padding:16px}
 body.skavio-managed-ui .managed-mfa-secret{align-items:flex-start}
}


/* P10: External CSP-safe styles. Previously inline CSS was blocked by style-src self. */
/* FIRST-PARTY Skavio layout: exact tokens/buttons; no dark embedded theme. */
body.dokutakt-redesign .sk-workflow-preview{padding:44px 0 55px!important;background:#fff!important;color:#101828}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-kicker{color:#087348!important;font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
body.dokutakt-redesign .sk-workflow-preview h2{color:#101828!important;font-size:clamp(27px,3.6vw,44px);letter-spacing:-.045em;line-height:1.14;margin:11px 0}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-intro{color:#475467!important;max-width:760px;font-size:15px;line-height:1.7;margin:0 0 19px}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-card{display:flex;flex-direction:column;min-width:0;gap:8px;overflow-wrap:anywhere;text-decoration:none;border:1px solid #ddd9ec;border-radius:13px;padding:19px;background:#fff;box-shadow:0 3px 16px rgba(20,24,60,.04);transition:border-color .16s,box-shadow .16s}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-card:hover,body.dokutakt-redesign .sk-workflow-preview .sk-wp-card:focus-visible{border-color:#4f2bd9;box-shadow:0 9px 26px rgba(79,43,217,.12)}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-card:focus-visible{outline:3px solid #4f2bd9;outline-offset:2px}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-number{color:#087348!important;font-size:11px;font-weight:900;letter-spacing:.07em}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-card strong{font-size:16px;line-height:1.35;color:#101828!important}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-card small{display:block;color:#475467!important;font-size:12px;line-height:1.6}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-card .sk-wp-open{color:#4f2bd9!important;font-weight:800;font-size:12px;margin-top:auto;padding-top:9px}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
body.dokutakt-redesign .sk-workflow-preview .sk-wp-disclaimer{color:#475467!important;font-size:12px;line-height:1.6;margin:14px 0 0;max-width:890px}
@media(max-width:1050px){body.dokutakt-redesign .sk-workflow-preview .sk-wp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.dokutakt-redesign .sk-workflow-preview{padding:30px 0 43px!important}body.dokutakt-redesign .sk-workflow-preview .sk-wp-grid{grid-template-columns:minmax(0,1fr);gap:12px}body.dokutakt-redesign .sk-workflow-preview .sk-wp-card{padding:17px;min-height:155px}body.dokutakt-redesign .sk-workflow-preview .sk-wp-card strong{font-size:16px}body.dokutakt-redesign .sk-workflow-preview .sk-wp-card small{font-size:13px;line-height:1.6}body.dokutakt-redesign .sk-workflow-preview .sk-wp-actions .button{width:100%}}
@media(max-width:355px){body.dokutakt-redesign .sk-workflow-preview .sk-wp-grid{grid-template-columns:1fr}}
body.dokutakt-redesign.skavio-managed-ui #automation-previews{scroll-margin-top:120px}


/* P17 · Inline customer documents only after server-side entitlement succeeds */
body.skavio-managed-ui .managed-doc-workspace{margin-top:16px}
body.skavio-managed-ui .managed-doc-area{padding:12px 0 4px;min-width:0}
body.skavio-managed-ui .managed-doc-area .managed-small{font-size:13px;line-height:1.55;color:#475467;overflow-wrap:anywhere}
body.skavio-managed-ui .managed-doc-upload{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}
body.skavio-managed-ui .managed-doc-file{min-width:0;width:100%;max-width:300px;min-height:40px;color:#101828;background:#fff;border:1px solid #cfcde2;padding:8px;border-radius:9px}
body.skavio-managed-ui .managed-doc-message{margin:8px 0 12px}
body.skavio-managed-ui .managed-doc-message.bad{color:#b42318}
body.skavio-managed-ui .managed-doc-job{padding:13px 0;border-top:1px solid #e3e2ed}
body.skavio-managed-ui .managed-doc-job-head{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between}
body.skavio-managed-ui .managed-doc-job-head strong{font-size:14px;color:#16112b}
body.skavio-managed-ui .managed-doc-review{border:1px solid #e0dced;background:#f8f9fc;border-radius:10px;padding:14px;margin-top:12px;min-width:0}
body.skavio-managed-ui .managed-doc-review h3{font-size:15px;margin:0 0 8px;color:#16112b}
body.skavio-managed-ui .managed-doc-fields{display:grid;grid-template-columns:minmax(90px,0.8fr) minmax(0,1.2fr);gap:6px 12px;margin:12px 0}
body.skavio-managed-ui .managed-doc-fields dt{font-weight:700;font-size:12px;color:#475467;overflow-wrap:anywhere}
body.skavio-managed-ui .managed-doc-fields dd{margin:0;font-size:13px;color:#111827;white-space:pre-wrap;overflow-wrap:anywhere}
body.skavio-managed-ui .managed-doc-review .button{margin:8px 8px 0 0;white-space:normal;text-align:center}
body.skavio-managed-ui .managed-doc-exports{display:flex;flex-wrap:wrap;gap:10px 14px;margin:12px 0}
body.skavio-managed-ui .managed-doc-exports a{display:inline-block;color:#4f2bd9;font-size:13px;font-weight:750;line-height:1.45;text-decoration:underline;overflow-wrap:anywhere}
body.skavio-managed-ui .managed-doc-exports a:focus-visible{outline:3px solid #4f2bd9;outline-offset:3px}
body.skavio-managed-ui .managed-doc-corrections{border-top:1px solid #d8d4e9;margin:16px 0 8px;padding-top:14px}
body.skavio-managed-ui .managed-doc-corrections h4{font-size:14px;color:#16112b;margin:0 0 6px}
body.skavio-managed-ui .managed-doc-correction-field{display:flex;flex-direction:column;gap:5px;margin:8px 0;min-width:0}
body.skavio-managed-ui .managed-doc-correction-field label{font-size:12px;font-weight:700;color:#344054}
body.skavio-managed-ui .managed-doc-correction-field input,body.skavio-managed-ui .managed-doc-correction-field select{width:100%;max-width:420px;min-width:0;min-height:40px;padding:9px;border:1px solid #8d94a3;border-radius:8px;background:#fff;color:#111827;font:inherit}
body.skavio-managed-ui .managed-doc-correction-field :is(input,select):focus-visible{outline:3px solid #4f2bd9;outline-offset:1px}
@media(max-width:480px){
 body.skavio-managed-ui .managed-doc-upload{flex-direction:column;align-items:stretch}
 body.skavio-managed-ui .managed-doc-file{width:100%;max-width:none}
 body.skavio-managed-ui .managed-doc-fields{grid-template-columns:1fr;gap:3px}
 body.skavio-managed-ui .managed-doc-fields dd{margin-bottom:10px}
 body.skavio-managed-ui .managed-doc-review{padding:12px}
}