/* Shared finishing layer for the public site, guest demo and real workspace. */
.site-header{border-bottom:1px solid #dfe6d7;background:rgba(250,252,247,.97)}
.site-header .header-inner{gap:22px}
.site-header .nav-trigger,.site-header .nav-link{font-weight:600;min-height:42px;border-radius:10px}
.site-header .nav-trigger:hover,.site-header .nav-trigger[aria-expanded=true]{background:#eaf1df}
.site-header .mega-menu{max-height:calc(100svh - 112px);overflow:auto;overscroll-behavior:contain}
.site-header .mega-link{border-radius:12px}
.site-header .mega-link:hover{background:#f0f5e9}
/* Retained demo/auth/footer templates use the same wordmark, without a second P. */
.brand>svg{display:none}
.brand .brand-word{font-weight:800;letter-spacing:-.055em;line-height:1;font-size:30px}
.brand .brand-word small{font-size:14px;letter-spacing:-.03em;margin-left:2px}
.brand-wordmark:after{display:none}
/* PIARIM lockup: the PR emblem is a brand mark, not a second standalone P. */
.piarim-logo{display:inline-flex;align-items:center;gap:9px;line-height:1;white-space:nowrap}
.piarim-logo-mark{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1d2c23;box-shadow:inset 0 0 0 5px #edf4e3;flex:0 0 auto}
.piarim-logo-mark:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#d7ee9d;border:1px solid #1d2c23}
.piarim-logo-mark>span{position:relative;z-index:1;font-size:10px;font-weight:900;letter-spacing:-.06em;color:#16251c}
.piarim-logo-word{display:inline-flex;align-items:baseline;letter-spacing:-.055em}
.piarim-logo-word strong{font-size:30px;font-weight:850;color:#17251d}
.piarim-logo-word em{font-style:normal;font-size:18px;font-weight:800;color:#6f9255;margin-left:2px;letter-spacing:-.04em}
.brand.inverse .piarim-logo-mark{background:#f4f8ed;box-shadow:inset 0 0 0 5px #21382a}
.brand.inverse .piarim-logo-mark:before{background:#d7ee9d;border-color:#f4f8ed}
.brand.inverse .piarim-logo-word strong{color:#fff}
.brand.inverse .piarim-logo-word em{color:#d7ee9d}
.sidebar-brand .piarim-logo-mark{width:34px;height:34px}
.sidebar-brand .piarim-logo-word strong{font-size:26px}
.sidebar-brand .piarim-logo-word em{font-size:15px}
.preview-sidebar .piarim-logo{gap:6px}
.preview-sidebar .piarim-logo-mark{width:28px;height:28px;box-shadow:inset 0 0 0 4px #edf4e3}
.preview-sidebar .piarim-logo-mark:before{inset:6px}
.preview-sidebar .piarim-logo-mark>span{font-size:8px}
.preview-sidebar .piarim-logo-word strong{font-size:21px}
.preview-sidebar .piarim-logo-word em{font-size:12px}
.hero-brand-core .piarim-logo{justify-content:center;gap:7px}
.hero-brand-core .piarim-logo-mark{width:42px;height:42px}
.hero-brand-core .piarim-logo-word strong{font-size:34px}
.hero-brand-core .piarim-logo-word em{font-size:18px}
.header-language{position:relative;flex-shrink:0}
.header-language summary{min-height:40px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;list-style:none;border:1px solid #dfe6d7;border-radius:10px;padding:0 10px;font-size:12px;font-weight:650}
.header-language summary::-webkit-details-marker{display:none}
.header-language summary svg{width:14px;height:14px}
.header-language-menu{z-index:125;max-height:min(380px,calc(100svh - 112px));overflow-y:auto;overscroll-behavior:contain;width:250px;scrollbar-width:thin}
.header-language-menu a{min-height:42px}
.header-language-menu small{font-size:12px;overflow-wrap:anywhere}
.header-language:not([open])>.header-language-menu{display:none}
[data-design=piarim-primary] :is(a,button,summary,input,textarea,select):focus-visible{outline:3px solid #759657;outline-offset:3px}
.native-sidebar .sidebar-link{font-size:13px;line-height:1.4}
.native-sidebar .sidebar-section summary{font-size:13px;min-height:44px}
.native-sidebar .sidebar-section-links .sidebar-link{font-size:13px;min-height:40px}
.native-workspace .app-topbar .app-breadcrumb{max-width:min(36vw,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.native-workspace .app-topbar .header-language-menu{background:#fff;border:1px solid #dfe6d7;border-radius:12px;padding:8px;position:absolute;right:0;top:48px;box-shadow:0 16px 44px #1d2c231a}
.native-workspace .header-language-menu a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px;border-radius:8px;color:#23392c}
.native-workspace .header-language-menu a[aria-current=true]{background:#eaf1df}
.workspace-welcome{align-items:flex-start}
.workspace-welcome .btns{flex-wrap:wrap;flex-shrink:1}
.workspace-welcome .btns .btn{white-space:nowrap}
.workspace-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.workspace-start a{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:19px;border:1px solid #dfe6d7;background:#fff;border-radius:16px;color:#263c2d!important}
.workspace-start .step-marker{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf3e3;font-size:13px;font-weight:650}
.workspace-start .done .step-marker{background:#29462f;color:#fff}
.workspace-start b{display:block;font-size:14px;line-height:1.4}
.workspace-start small{display:block;font-size:12px;line-height:1.5;margin-top:4px}
.workspace-action-card{grid-template-columns:38px minmax(0,1fr) 16px}
.workspace-action-card b{font-size:14px;line-height:1.4}
.workspace-action-card small,.workspace-flow small,.workspace-activity-row .body small{font-size:12px;line-height:1.5}
.workspace-activity-row .body{min-width:0;overflow-wrap:anywhere}
.workspace-activity-row .body b{font-size:13px}
.workspace-metrics .metric-bottom{font-size:12px;line-height:1.5}
.workspace-secondary-note a{margin-left:auto;font-weight:600}
.workspace-empty p{margin-bottom:0}
@media(max-width:1100px){.site-header .main-nav{display:none}.site-header .mobile-trigger{display:inline-flex}.site-header .header-inner{justify-content:space-between;gap:12px}.workspace-start{grid-template-columns:1fr}}
@media(max-width:820px){.header-language{display:block!important}.header-login{display:none}.workspace-welcome .btns{width:100%}}
@media(max-width:640px){
 .site-header .header-inner{height:76px;padding-inline:16px;gap:8px}
 .site-header .header-actions{gap:6px}.site-header .piarim-logo{gap:6px}.site-header .piarim-logo-mark{width:32px;height:32px;box-shadow:inset 0 0 0 4px #edf4e3}.site-header .piarim-logo-mark:before{inset:6px}.site-header .piarim-logo-word strong{font-size:24px}.site-header .piarim-logo-word em{font-size:14px}
 .site-header :is(.header-register,.header-account){font-size:12px;padding:10px;min-height:40px}.site-header :is(.header-register,.header-account) svg{display:none}
 .site-header .mobile-trigger{width:38px;min-width:38px;height:40px}.site-header .header-language summary{padding:0 8px}
 .site-header .header-language-menu{position:fixed;inset:80px 16px auto;width:auto;max-height:calc(100svh - 104px)}
 .site-header .mega-menu{max-height:calc(100svh - 100px)}
 .native-workspace .app-topbar .text-link{display:none}.native-workspace .app-top-actions{gap:8px}
 .native-workspace .app-topbar .header-language-menu{position:fixed;inset:76px 16px auto;width:auto}
 .workspace-primary-panel,.workspace-activity-panel,.workspace-map{padding:18px}
 .workspace-welcome{padding:20px}.workspace-welcome h2{font-size:23px}
 .workspace-start a{padding:16px}.workspace-secondary-note a{margin-left:0}
 .hero-product-node.automation{bottom:42px}.hero-product-node.visibility{bottom:94px}.hero-system-caption{bottom:12px;font-size:9px}
}
@media(max-width:360px){.site-header :is(.header-register,.header-account){display:none}.site-header .header-inner{gap:6px}.native-workspace .app-topbar .app-breadcrumb{max-width:25vw}}
@media(prefers-reduced-motion:reduce){.hero-product-system *,.workspace-action-card,.workspace-metrics .metric{animation:none!important;transition:none!important}}