/* Sundeo Manual Builder — all selectors intentionally namespaced. */
.sundeo-manual-app{
  --sm-top-height:68px;--sm-top-gap:6px;--sm-top-padding:10px 14px;--sm-top-btn:42px;--sm-top-btn-radius:12px;--sm-top-text-size:13px;--sm-top-text-weight:750;--sm-top-item-padding:0 14px;--sm-sidebar-btn-radius:16px;--sm-sidebar-width:78px;
  --sm-sidebar-btn:54px;--sm-sidebar-icon-size:27px;--sm-sidebar-gap:9px;--sm-content-width:1180px;--sm-radius:22px;--sm-radius-sm:14px;
  --sm-top-bg:#102E50;--sm-top-text:#F8FAFC;--sm-top-hover-bg:#183C63;--sm-top-hover-text:#fff;
  --sm-top-active-bg:#E7AB36;--sm-top-active-text:#102E50;--sm-side-bg:#F4F7FA;--sm-side-text:#44546A;
  --sm-side-hover-bg:#E9EEF4;--sm-side-hover-text:#102E50;--sm-side-active-bg:#102E50;--sm-side-active-text:#fff;
  --sm-page-bg:#EEF2F5;--sm-panel:#fff;--sm-text:#182536;--sm-muted:#6C7886;--sm-border:#D9E1E8;
  --sm-accent:#E7AB36;--sm-accent-2:#A9B4C0;--sm-tag-bg:#EEF3F7;--sm-tag-text:#213A54;
  --sm-shadow:0 14px 40px rgba(16,46,80,.10);--sm-font:inherit;
  position:relative;width:100%;max-width:none!important;margin:0!important;font-family:var(--sm-font);color:var(--sm-text);
  background:var(--sm-page-bg);border-radius:var(--sm-radius);overflow:hidden;min-height:740px;box-sizing:border-box;
}
.sundeo-manual-app *{box-sizing:border-box}
.sm-loading{padding:42px;text-align:center;color:var(--sm-muted)}
.sm-shell{min-height:740px;background:var(--sm-page-bg)}
.sm-topbar{height:var(--sm-top-height);display:flex;align-items:center;gap:10px;padding:var(--sm-top-padding);background:var(--sm-top-bg);color:var(--sm-top-text);z-index:20;min-width:0}
.sm-topbar.sm-sticky{position:sticky;top:0}
.sm-topnav-scroll{display:flex;align-items:center;gap:5px;min-width:0;width:0;flex:1 1 0;overflow:hidden}.sm-topnav{display:flex;align-items:center;gap:var(--sm-top-gap);min-width:0;width:0;flex:1 1 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 0;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.sm-topnav::-webkit-scrollbar{display:none}
.sm-topnav-scroll-btn{appearance:none;border:0;width:34px;height:34px;min-width:34px;border-radius:10px;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.10);color:var(--sm-top-text);transition:.16s ease;flex:0 0 auto;padding:0}.sm-topnav-scroll-btn:hover:not(:disabled){background:var(--sm-top-hover-bg);color:var(--sm-top-hover-text);transform:translateY(-1px)}.sm-topnav-scroll-btn:disabled{opacity:.22;cursor:default;transform:none}.sm-topnav-scroll-btn .dashicons{font-size:18px;width:18px;height:18px}.sm-topnav-scroll:not(.has-overflow) .sm-topnav-scroll-btn{display:none}

@media(min-width:681px){.sm-topnav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.42) transparent;padding-bottom:5px;cursor:ew-resize}.sm-topnav::-webkit-scrollbar{display:block;height:5px}.sm-topnav::-webkit-scrollbar-track{background:transparent}.sm-topnav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.42);border-radius:999px}.sm-topnav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.65)}}
.sm-topnav-btn,.sm-icon-btn,.sm-editor-toggle,.sm-search-open{appearance:none;border:0;font:inherit;cursor:pointer}
.sm-topnav-btn{height:var(--sm-top-btn);min-width:max-content;padding:var(--sm-top-item-padding);border-radius:var(--sm-top-btn-radius);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--sm-top-text);white-space:nowrap;transition:.18s ease;font-size:var(--sm-top-text-size);font-weight:var(--sm-top-text-weight);line-height:1}
.sm-topnav-btn:hover{background:var(--sm-top-hover-bg);color:var(--sm-top-hover-text);transform:translateY(-1px)}
.sm-topnav-btn.is-active{background:var(--sm-top-active-bg);color:var(--sm-top-active-text);box-shadow:0 5px 14px rgba(0,0,0,.12)}
.sm-top-label{display:block}
.sm-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:max-content}
.sm-search-open,.sm-editor-toggle{height:42px;border-radius:var(--sm-radius-sm);padding:0 12px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.10);color:var(--sm-top-text)}
.sm-search-open:hover,.sm-editor-toggle:hover{background:rgba(255,255,255,.17)}
.sm-editor-toggle{background:var(--sm-accent);color:#102E50;font-weight:800}
.sm-main{display:grid;grid-template-columns:var(--sm-sidebar-width) minmax(0,1fr);min-height:664px}
.sm-sidebar{width:var(--sm-sidebar-width);background:var(--sm-side-bg);border-right:1px solid var(--sm-border);padding:14px 0;z-index:10}
.sm-sidebar.sm-sticky{position:sticky;top:var(--sm-top-height);align-self:start;height:calc(100vh - var(--sm-top-height));overflow:auto}
.sm-sidebar-inner{display:flex;flex-direction:column;align-items:center;gap:var(--sm-sidebar-gap);padding:0 8px 20px}
.sm-side-btn{width:var(--sm-sidebar-btn);height:var(--sm-sidebar-btn);min-height:var(--sm-sidebar-btn);border:0;border-radius:var(--sm-sidebar-btn-radius);background:transparent;color:var(--sm-side-text);display:grid;place-items:center;cursor:pointer;padding:7px;transition:.18s ease;position:relative;flex:0 0 auto}
.sm-side-btn:hover{background:var(--sm-side-hover-bg);color:var(--sm-side-hover-text);transform:translateY(-1px)}
.sm-side-btn.is-active{background:var(--sm-side-active-bg);color:var(--sm-side-active-text);box-shadow:0 8px 18px rgba(16,46,80,.18)}
.sm-side-btn img{width:var(--sm-sidebar-icon-size);height:var(--sm-sidebar-icon-size);object-fit:contain}.sm-side-btn .dashicons{font-size:var(--sm-sidebar-icon-size);width:var(--sm-sidebar-icon-size);height:var(--sm-sidebar-icon-size)}
.sm-side-btn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#14283e;color:#fff;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s;box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:90}
.sm-side-btn:hover::after{opacity:1}
.sm-content-wrap{min-width:0;padding:24px 26px 56px}
.sm-content{max-width:var(--sm-content-width);margin:0 auto}
.sm-page-hero{background:linear-gradient(145deg,var(--sm-panel),#f9fbfd);border:1px solid var(--sm-border);border-radius:var(--sm-radius);padding:30px 32px 24px;box-shadow:var(--sm-shadow);position:relative;overflow:hidden}
.sm-page-hero::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-65px;top:-82px;border:34px solid color-mix(in srgb,var(--sm-accent) 25%, transparent);opacity:.45;pointer-events:none}
.sm-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:var(--sm-muted);margin-bottom:8px}
.sm-page-title-row{display:flex;align-items:center;gap:14px}.sm-page-icon{width:52px;height:52px;display:grid;place-items:center;background:var(--sm-side-active-bg);color:var(--sm-side-active-text);border-radius:17px;box-shadow:0 7px 18px rgba(16,46,80,.14);overflow:hidden}.sm-page-icon img{width:100%;height:100%;object-fit:contain;padding:7px}.sm-page-icon .dashicons{font-size:26px;width:26px;height:26px}
.sm-page-hero h1{font-size:clamp(28px,3.2vw,44px);line-height:1.03;margin:0;color:var(--sm-text);letter-spacing:-.025em}.sm-page-subtitle{font-size:15px;color:var(--sm-muted);max-width:750px;margin:10px 0 0;line-height:1.65}
.sm-section-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.sm-section-tag{border:0;border-radius:999px;background:var(--sm-tag-bg);color:var(--sm-tag-text);font:inherit;font-size:12px;font-weight:800;padding:9px 13px;cursor:pointer;transition:.16s}.sm-section-tag:hover{background:var(--sm-accent);color:#102E50;transform:translateY(-1px)}
.sm-section{scroll-margin-top:calc(var(--sm-top-height) + 18px);padding-top:26px}.sm-section-head{padding:0 4px 12px}.sm-section-head h2{font-size:23px;margin:0 0 5px;color:var(--sm-text);letter-spacing:-.015em}.sm-section-head p{margin:0;color:var(--sm-muted);font-size:14px;line-height:1.5}
.sm-block{margin:12px 0}.sm-card{background:var(--sm-panel);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);padding:20px 22px;box-shadow:0 5px 18px rgba(16,46,80,.045)}
.sm-block-title h3{margin:0;font-size:22px}.sm-block-subtitle h4{margin:0;font-size:17px;color:var(--sm-muted)}
.sm-richtext{font-size:15px;line-height:1.72}.sm-richtext p:first-child{margin-top:0}.sm-richtext p:last-child{margin-bottom:0}.sm-richtext ul,.sm-richtext ol{padding-left:1.3em}
.sm-note{border-left:5px solid var(--note-accent,var(--sm-accent));background:var(--note-bg,#FFF8E8);color:var(--note-text,var(--sm-text));padding:18px 20px;border-radius:var(--sm-radius-sm);box-shadow:0 4px 14px rgba(16,46,80,.045)}.sm-note h3{font-size:15px;margin:0 0 7px}.sm-note .sm-richtext{font-size:14px}
.sm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sm-grid-item{background:var(--sm-panel);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);padding:18px;min-width:0}.sm-grid-item-head{display:flex;align-items:flex-start;gap:11px}.sm-grid-icon{width:38px;height:38px;border-radius:12px;background:var(--sm-tag-bg);color:var(--sm-tag-text);display:grid;place-items:center;flex:0 0 auto}.sm-grid-icon .dashicons{font-size:19px;width:19px;height:19px}.sm-grid-item h3{font-size:15px;line-height:1.25;margin:2px 0 4px}.sm-grid-item p{margin:0;color:var(--sm-muted);font-size:13px;line-height:1.55}.sm-grid-item .sm-mini-subtitle{font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.09em;color:var(--sm-accent);margin-bottom:6px}
.sm-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sm-role-grid .sm-grid-item{position:relative;overflow:hidden}.sm-role-grid .sm-grid-item::before{content:"";display:block;width:40px;height:5px;border-radius:99px;background:var(--sm-accent);margin-bottom:14px}
.sm-steps{counter-reset:sm-step;display:grid;gap:10px}.sm-step{counter-increment:sm-step;background:var(--sm-panel);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);padding:15px 17px;display:grid;grid-template-columns:38px 1fr;gap:12px}.sm-step::before{content:counter(sm-step);width:34px;height:34px;border-radius:11px;background:var(--sm-top-bg);color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px}.sm-step h3{font-size:14px;margin:1px 0 4px}.sm-step p{margin:0;color:var(--sm-muted);font-size:13px;line-height:1.5}
.sm-image-block img{display:block;width:100%;height:auto;border-radius:var(--sm-radius-sm);border:1px solid var(--sm-border);background:#fff}.sm-image-caption{font-size:12px;color:var(--sm-muted);padding:8px 3px 0}
.sm-divider{height:1px;background:var(--sm-border);margin:22px 0}.sm-quote{font-size:19px;font-weight:700;line-height:1.5;border-left:5px solid var(--sm-accent);padding:10px 0 10px 20px}.sm-block-button a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;background:var(--sm-top-bg);color:#fff!important;text-decoration:none!important;font-weight:800}.sm-block-button a:hover{filter:brightness(1.08)}
.sm-faq{background:var(--sm-panel);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);overflow:hidden}.sm-faq button{width:100%;text-align:left;background:none;border:0;padding:17px 19px;font:inherit;font-weight:800;color:var(--sm-text);display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer}.sm-faq button .dashicons{transition:.18s}.sm-faq.is-open button .dashicons{transform:rotate(180deg)}.sm-faq-answer{display:none;padding:0 19px 17px}.sm-faq.is-open .sm-faq-answer{display:block}
.sm-search-modal{position:fixed;inset:0;background:rgba(8,25,42,.58);backdrop-filter:blur(4px);z-index:99995;display:grid;place-items:start center;padding:8vh 16px 20px}.sm-search-panel{width:min(760px,100%);background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden}.sm-search-head{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #e1e7ec}.sm-search-head input{flex:1;min-width:0;border:1px solid #cfd8e1!important;border-radius:13px!important;padding:12px 14px!important;font:inherit!important;box-shadow:none!important}.sm-search-close{border:0;background:#edf1f5;width:42px;height:42px;border-radius:12px;cursor:pointer}.sm-search-results{max-height:62vh;overflow:auto;padding:10px}.sm-search-result{display:block;width:100%;text-align:left;border:0;background:#fff;border-radius:12px;padding:12px 13px;cursor:pointer;color:#182536}.sm-search-result:hover{background:#f1f5f8}.sm-search-result strong{display:block;font-size:13px}.sm-search-result span{display:block;color:#6c7886;font-size:11px;margin-top:3px}.sm-search-empty{padding:28px;text-align:center;color:#6c7886}
.sm-toast{position:fixed;right:18px;bottom:18px;background:#102E50;color:#fff;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.22);z-index:100005}
/* Front-end editor */
.sm-editor-backdrop{position:fixed;inset:0;background:rgba(7,23,39,.58);z-index:99996;display:flex;justify-content:flex-end}.sm-editor{width:min(680px,96vw);height:100%;background:#f5f7f9;box-shadow:-20px 0 60px rgba(0,0,0,.24);display:flex;flex-direction:column;color:#182536}.sm-editor-head{background:#102E50;color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}.sm-editor-head strong{font-size:16px}.sm-editor-head small{opacity:.7}.sm-editor-head-actions{margin-left:auto;display:flex;gap:7px}.sm-editor-head button{border:0;border-radius:10px;padding:9px 11px;cursor:pointer;font:inherit;font-size:12px;font-weight:800}.sm-editor-save{background:#E7AB36;color:#102E50}.sm-editor-close{background:rgba(255,255,255,.12);color:#fff}.sm-editor-tabs{display:flex;gap:6px;padding:10px;background:#fff;border-bottom:1px solid #dbe3ea;overflow:auto}.sm-editor-tab{border:0;background:#edf2f6;color:#3f5061;border-radius:10px;padding:9px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.sm-editor-tab.is-active{background:#102E50;color:#fff}.sm-editor-body{padding:14px;overflow:auto;flex:1}.sm-editor-panel{display:none}.sm-editor-panel.is-active{display:block}.sm-edit-card{background:#fff;border:1px solid #dbe3ea;border-radius:14px;padding:13px;margin-bottom:10px}.sm-edit-card h3,.sm-edit-card h4{margin:0 0 10px}.sm-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sm-edit-field{margin-bottom:9px}.sm-edit-field label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#647385;margin-bottom:5px}.sm-edit-field input,.sm-edit-field textarea,.sm-edit-field select{width:100%;border:1px solid #cfd8e1!important;border-radius:9px!important;background:#fff!important;color:#182536!important;padding:9px 10px!important;font:inherit!important;font-size:12px!important;min-height:38px;box-shadow:none!important}.sm-edit-field textarea{min-height:96px;resize:vertical}.sm-edit-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.sm-edit-actions button,.sm-add-button,.sm-media-btn{border:0;border-radius:9px;padding:8px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;background:#edf2f6;color:#263a4e}.sm-edit-actions button:hover,.sm-add-button:hover,.sm-media-btn:hover{background:#dde6ed}.sm-danger{background:#fff0f0!important;color:#9e3030!important}.sm-add-button{background:#102E50;color:#fff;padding:10px 12px}.sm-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sm-media-state{background:#f5f7f9;border:1px solid #dbe3ea;border-radius:10px;padding:8px;text-align:center}.sm-media-preview{height:54px;border-radius:8px;background:#fff;border:1px dashed #ccd5de;display:grid;place-items:center;overflow:hidden;margin-bottom:6px}.sm-media-preview img{max-width:100%;max-height:100%;object-fit:contain}.sm-media-state b{display:block;font-size:9px;text-transform:uppercase;margin-bottom:5px;color:#647385}.sm-editor-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px}.sm-editor-section-title h2{font-size:16px;margin:0}.sm-editor-muted{font-size:11px;color:#718091;line-height:1.4}.sm-block-type{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#8a98a7}.sm-editor-footer{padding:10px 14px;background:#fff;border-top:1px solid #dbe3ea;display:flex;gap:8px;align-items:center}.sm-editor-footer .sm-reset{border:0;border-radius:9px;padding:8px 10px;background:#fff0f0;color:#9e3030;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.sm-editor-footer span{font-size:10px;color:#718091}.sm-color-input{display:grid;grid-template-columns:42px 1fr;gap:7px;align-items:center}.sm-color-input input[type=color]{padding:2px!important;height:38px}.sm-content-editor-toolbar{display:flex;gap:7px;align-items:center;margin-bottom:10px}.sm-content-editor-toolbar select{flex:1;border:1px solid #cfd8e1;border-radius:9px;padding:8px;font:inherit;font-size:11px}
@media(max-width:900px){.sm-grid,.sm-role-grid{grid-template-columns:1fr}.sm-content-wrap{padding:18px 16px 44px}.sm-page-hero{padding:24px 22px}.sm-page-title-row{align-items:flex-start}.sm-page-icon{width:46px;height:46px;flex:0 0 auto}}
@media(max-width:680px){.sundeo-manual-app{border-radius:0}.sm-topbar{gap:6px;padding:7px 8px;height:60px;min-height:60px;flex-wrap:nowrap}.sm-topnav-scroll{width:auto;order:initial;gap:3px}.sm-topnav{width:auto;order:initial}.sm-topnav-scroll-btn{width:30px;height:30px;min-width:30px;border-radius:9px}.sm-topnav-btn{height:38px;padding:0 11px;font-size:12px}.sm-editor-toggle .sm-edit-label,.sm-search-open .sm-search-label{display:none}.sm-search-open,.sm-editor-toggle{width:38px;height:38px;padding:0;justify-content:center}.sm-main{grid-template-columns:62px minmax(0,1fr)}.sm-sidebar,.sm-sidebar.sm-sticky{position:sticky;top:60px;width:62px;height:calc(100vh - 60px);border-right:1px solid var(--sm-border);border-bottom:0;padding:8px 0;overflow-y:auto;overflow-x:visible;background:var(--sm-side-bg)}.sm-sidebar-inner{flex-direction:column;align-items:center;padding:0 6px 16px;gap:7px;width:auto}.sm-side-btn{width:48px;height:48px;min-height:48px;border-radius:14px;padding:6px}.sm-side-btn[data-tooltip]::after{display:none}.sm-side-btn .sm-stateful-icon{width:24px;height:24px}.sm-side-btn .dashicons{font-size:24px;width:24px;height:24px}.sm-content-wrap{padding:14px 10px 38px}.sm-page-hero{border-radius:18px;padding:20px 15px}.sm-page-hero h1{font-size:27px}.sm-page-subtitle{font-size:13px}.sm-section{scroll-margin-top:78px}.sm-card{padding:17px}.sm-edit-row{grid-template-columns:1fr}.sm-media-grid{grid-template-columns:1fr}}
/* Image-state switching is used by the icon-only left navigation. */
.sm-stateful-icon{display:inline-grid;place-items:center;position:relative;width:var(--sm-sidebar-icon-size);height:var(--sm-sidebar-icon-size)}.sm-stateful-icon img{grid-area:1/1;width:100%;height:100%;object-fit:contain;transition:opacity .14s ease}.sm-state-hover,.sm-state-active{opacity:0}.sm-side-btn:hover .sm-state-normal{opacity:0}.sm-side-btn:hover .sm-state-hover{opacity:1}.sm-side-btn.is-active .sm-state-normal,.sm-side-btn.is-active .sm-state-hover{opacity:0}.sm-side-btn.is-active .sm-state-active{opacity:1}.sm-side-btn .sm-stateful-icon{width:var(--sm-sidebar-icon-size);height:var(--sm-sidebar-icon-size)}
