@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.monitor-page{gap:1.25rem;display:grid}.monitor-controls{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.monitor-controls select{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;padding:.45rem .65rem}.monitor-error,.monitor-notice{border-radius:.6rem;padding:.85rem 1rem;font-size:.875rem}.monitor-error{color:#991b1b;background:#fef2f2}.monitor-notice{color:#92400e;background:#fffbeb}.monitor-kpis,.monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-card{background:var(--surface);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);border-radius:.75rem;padding:1.15rem}.monitor-card h2{color:var(--brand);margin:0 0 .6rem;font-size:1rem}.monitor-card small,.monitor-muted{color:var(--muted);font-size:.8rem}.monitor-card p{color:var(--muted);margin:.45rem 0 0;font-size:.8rem}.monitor-kpis .monitor-card>div{margin:.6rem 0}.monitor-kpis .monitor-card>strong{margin:.35rem 0;font-size:1.6rem;display:block}.monitor-state{color:#92400e;text-transform:capitalize;white-space:nowrap;background:#fef3c7;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.monitor-state-pass,.monitor-state-observed,.monitor-state-recovered{color:#065f46;background:#d1fae5}.monitor-state-fail,.monitor-state-unavailable{color:#991b1b;background:#fee2e2}.monitor-bars{align-items:end;gap:3px;min-height:50px;margin-top:1rem;display:flex}.monitor-bar{background:#fbbf24;border-radius:.2rem .2rem 0 0;flex:1;min-width:6px}.monitor-bar-pass{background:#10b981}.monitor-bar-fail{background:#ef4444}.monitor-list{margin-top:.6rem}.monitor-list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:1rem;padding:.6rem 0;font-size:.82rem;display:flex}.monitor-list-row:last-child{border-bottom:0}.monitor-list-row p{margin:.2rem 0}.monitor-check-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(8rem,1fr) auto minmax(8rem,1.5fr) auto;align-items:start;gap:.75rem;padding:.6rem 0;font-size:.82rem;display:grid}.monitor-check-row>span:nth-child(3),.monitor-check-row time{color:var(--muted)}.monitor-system{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem;font-size:.8rem;display:grid}.monitor-system strong{color:var(--brand);margin-top:.2rem;font-size:1rem;display:block}@media (width<=780px){.monitor-kpis,.monitor-grid{grid-template-columns:1fr}.monitor-check-row{grid-template-columns:1fr auto}.monitor-check-row>span:nth-child(3){grid-column:1/-1}}:root{--brand:#1b2559;--brand-dark:#141d45;--accent:#3b82f6;--accent-light:#eff6ff;--bg:#f8fafc;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--danger:#dc2626;--warn:#d97706;--success:#059669;--shadow:0 1px 3px #1b255914;--shadow-md:0 4px 12px #1b25591a;--sidebar-width:15rem}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.dpp-shell{min-height:100vh;display:flex}.dpp-sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.dpp-sidebar-brand{color:var(--brand);align-items:baseline;padding:1.25rem 1rem .5rem;display:flex}.dpp-wordmark{letter-spacing:-.035em;color:var(--brand);font-size:1.15rem;font-weight:800;line-height:1}.dpp-wordmark-tld{letter-spacing:-.02em;color:var(--brand);opacity:.72;font-size:.68em;font-weight:600}.dpp-sidebar-tagline{color:var(--muted);margin:0;padding:0 1rem 1rem;font-size:.7rem}.dpp-nav{flex:1;padding:0 .5rem}.dpp-nav-section{margin-bottom:.75rem}.dpp-nav-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.35rem .75rem;font-size:.65rem;font-weight:700}.dpp-nav a{color:var(--text);border:2px solid #0000;border-radius:.5rem;align-items:center;gap:.6rem;margin-bottom:.15rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.dpp-nav a:hover{background:var(--accent-light);color:var(--brand);text-decoration:none}.dpp-nav a.active{background:var(--accent-light);color:var(--brand);border-color:var(--accent);font-weight:600}.dpp-nav-icon{opacity:.85;flex-shrink:0}.dpp-nav a.active .dpp-nav-icon{color:var(--accent);opacity:1}.dpp-sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:1rem}.dpp-user-profile{align-items:center;gap:.6rem;display:flex}.dpp-user-avatar{background:var(--accent-light);width:2.25rem;height:2.25rem;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.dpp-user-name{color:var(--text);font-size:.8rem;font-weight:600}.dpp-user-email{color:var(--muted);font-size:.7rem}.dpp-main{flex-direction:column;flex:1;min-width:0;display:flex}.dpp-demo-banner{background:var(--accent);color:#fff;text-align:center;padding:.5rem 1rem;font-size:.875rem}.dpp-topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.dpp-topbar-actions{align-items:center;gap:.5rem;display:flex}.dpp-search{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:.5rem;align-items:center;gap:.4rem;min-width:10rem;padding:.4rem .75rem;font-size:.875rem;display:flex}.dpp-content{flex:1;padding:1.5rem}.page-header{margin-bottom:1.5rem}.page-header h1{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.page-header p{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.625rem;margin-bottom:1rem;padding:1.25rem}.card h2{margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn-ghost:hover{background:var(--bg);border-color:var(--muted)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.35rem .65rem;font-size:.8rem}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.65rem .75rem}.table th{color:var(--muted);font-size:.8rem;font-weight:600}.badge{border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-draft{color:var(--muted);background:#f1f5f9}.badge-published{color:var(--success);background:#d1fae5}.badge-review{color:var(--warn);background:#fef3c7}.badge-approved{background:var(--accent-light);color:var(--accent)}.badge-active{color:var(--success);background:#d1fae5}.badge-inactive{color:var(--danger);background:#fee2e2}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.625rem;padding:1.25rem}.kpi-value{color:var(--brand);font-size:1.75rem;font-weight:700}.kpi-label{color:var(--muted);margin-top:.25rem;font-size:.8rem}.kpi-delta{color:var(--success);margin-top:.2rem;font-size:.75rem}.connector-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1rem;display:grid}.connector-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.625rem;padding:1.25rem;transition:border-color .15s,box-shadow .15s}.connector-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.connector-card-add{border:2px dashed var(--border);background:var(--bg);cursor:pointer;min-height:140px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.connector-card-add:hover{border-color:var(--accent);color:var(--accent)}.connector-status{align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;display:inline-flex}.connector-status-dot{border-radius:50%;width:.5rem;height:.5rem}.connector-status-dot.connected{background:var(--success)}.connector-status-dot.syncing{background:var(--warn)}.connector-status-dot.error{background:var(--danger)}.connector-status-dot.pending{background:var(--muted)}.checklist{margin:0;padding:0;list-style:none}.checklist li{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.65rem 0;font-size:.9rem;display:flex}.checklist li:last-child{border-bottom:none}.checklist-done{color:var(--success)}.checklist-pending{color:var(--muted)}.tour-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tour-card{background:var(--surface);max-width:420px;box-shadow:var(--shadow-md);border-radius:.75rem;padding:1.5rem}.tour-card h3{margin:0 0 .5rem}.tour-card p{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.tour-actions{justify-content:flex-end;gap:.5rem;display:flex}.tabs{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:1rem;display:flex}.tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem}.tab.active{color:var(--brand);border-bottom-color:var(--accent);font-weight:600}.form-row{margin-bottom:1rem}.form-row label{color:var(--muted);margin-bottom:.35rem;font-size:.8rem;font-weight:500;display:block}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f626}input:disabled,select:disabled,textarea:disabled{background:var(--bg);color:var(--muted);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--muted)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding-right:2rem}.form-row input,.form-row select,.form-row textarea{width:100%}.login-page{background:linear-gradient(135deg, var(--brand) 0%, #2d3a7c 50%, var(--accent) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow-md);border-radius:.75rem;padding:2rem}.login-card h1{color:var(--brand);margin:0 0 .5rem;font-size:1.5rem}.readiness-bar{background:var(--border);border-radius:4px;height:8px;margin:.5rem 0;overflow:hidden}.readiness-fill{background:var(--accent);height:100%}.gap-list{color:var(--danger);margin:0;padding-left:1.25rem;font-size:.875rem}.compliance-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.compliance-bar-fill{border-radius:3px;height:100%}.compliance-bar-fill.high{background:var(--success)}.compliance-bar-fill.mid{background:var(--warn)}.compliance-bar-fill.low{background:var(--danger)}.filter-pills{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filter-pill{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:999px;padding:.35rem .85rem;font-family:inherit;font-size:.8rem;font-weight:500}.filter-pill.active{background:var(--brand);color:#fff;border-color:var(--brand)}.role-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.role-card{border:1px solid var(--border);background:var(--bg);border-radius:.625rem;padding:1rem}.role-card h3{margin:0 0 .35rem;font-size:.95rem}.role-card p{color:var(--muted);margin:0;font-size:.8rem}.dictionary-picker{border:1px solid var(--border);border-radius:.5rem;max-height:200px;margin-bottom:.75rem;overflow-y:auto}.dictionary-item{cursor:pointer;border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.85rem}.dictionary-item:hover{background:var(--accent-light)}.dictionary-item.selected{background:var(--accent-light);border-left:3px solid var(--accent)}.dictionary-item small{color:var(--muted);font-size:.75rem;display:block}.hub-shell .hub-tab-badge{background:var(--accent-light);border-radius:999px;margin-left:.35rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.hub-banner{padding:1rem 1.25rem}.hub-stepper{flex-wrap:wrap;gap:.5rem;display:flex}.hub-step{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:inherit;font-size:.8rem;display:inline-flex}.hub-step.active{background:var(--brand);border-color:var(--brand);color:#fff}.hub-step-num{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.7rem;font-weight:700;display:inline-flex}.hub-step.active .hub-step-num{background:#ffffff40}.hub-stack>*+*{border-top:1px solid var(--border);margin-top:2rem;padding-top:2rem}.hub-embedded .card-accent{border-left:3px solid var(--accent)}.cockpit-summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.cockpit-stat-label{color:var(--muted);margin-bottom:.25rem;font-size:.8rem}.cockpit-stat-value{font-size:1.5rem;font-weight:700}.cockpit-stat-value-sm{font-size:.95rem;font-weight:600}.cockpit-reg-badges{flex-wrap:wrap;gap:.35rem;margin-top:1rem;display:flex}.cockpit-output-card{border-top:3px solid var(--accent)}.cockpit-details summary{cursor:pointer;padding:.25rem 0}.card-accent{border-left:3px solid var(--warn)}.action-list{margin:0;padding:0;list-style:none}.action-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 0;display:flex}.action-list li:last-child{border-bottom:none}.dpp-nav-section-title{display:none}.hub-panel .page-header{margin-bottom:1rem}.hub-panel .page-header h1,.hub-panel>div>h1:first-child,.hub-panel .hub-stack h1{font-size:1.05rem}.hub-panel .page-header p{font-size:.85rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem;font-size:.7rem;font-weight:700}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:.45rem;height:.45rem;margin-right:.35rem}.status-ok{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}.status-error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.status-syncing{background:color-mix(in srgb, var(--warn) 15%, transparent);color:var(--warn)}.status-pending{background:color-mix(in srgb, var(--muted) 12%, transparent);color:var(--muted)}.source-list{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.source-row{padding:.85rem 1.1rem}.source-row-open{border-color:var(--accent)}.source-row-header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.source-row-main{flex-direction:column;flex:1;gap:.15rem;min-width:180px;display:flex}.source-row-meta{color:var(--muted);font-size:.78rem}.source-row-freshness{text-align:right;flex-direction:column;gap:.1rem;min-width:130px;display:flex}.source-menu-wrap{position:relative}.source-menu{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;min-width:170px;padding:.35rem;display:flex;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 8px 24px #0000001f}.source-menu button,.source-menu a{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.5rem .65rem;font-family:inherit;font-size:.85rem;text-decoration:none;display:block}.source-menu button:hover,.source-menu a:hover{background:var(--accent-light)}.source-menu .source-menu-danger{color:var(--danger)}.source-drawer{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.sync-pipeline{border:1px solid var(--border);background:var(--bg);border-radius:.625rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;padding:.85rem 1rem;display:flex}.sync-stage{color:var(--muted);align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex}.sync-stage+.sync-stage:before{content:"→";color:var(--border);margin-right:.75rem}.sync-stage-dot{background:var(--border);border-radius:50%;width:.55rem;height:.55rem}.sync-stage-done{color:var(--text)}.sync-stage-done .sync-stage-dot{background:var(--success)}.sync-stage-active{color:var(--text);font-weight:600}.sync-stage-active .sync-stage-dot{background:var(--warn);animation:1s ease-in-out infinite pulse}.sync-stage-error{color:var(--danger)}.sync-stage-error .sync-stage-dot{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.sync-outcome{border-left:3px solid var(--success);background:color-mix(in srgb, var(--success) 6%, transparent);border-radius:.375rem;margin-top:1rem;padding:.85rem 1rem}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.channel-card{border:1px solid var(--border);background:var(--bg);border-radius:.625rem;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.85rem 1rem;display:flex}.channel-card-head{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.channel-card-desc{color:var(--muted);flex:1;margin:0;font-size:.8rem}.timeline{margin:1rem 0 0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:.5rem;bottom:.5rem;left:.42rem}.timeline-item{gap:.85rem;padding:.5rem 0;display:flex;position:relative}.timeline-dot{z-index:1;border:2px solid var(--surface);background:var(--muted);border-radius:50%;flex-shrink:0;width:.9rem;height:.9rem;margin-top:.2rem;position:relative}.timeline-dot-published{background:var(--success)}.timeline-dot-audit{background:var(--brand)}.timeline-dot-trace{background:var(--accent)}.timeline-dot-end{background:var(--danger)}.event-log{color:#cbd5e1;background:#0f172a;border-radius:.5rem;max-height:260px;padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.7;overflow-y:auto}.event-log-line{gap:.6rem;display:flex}.event-log-ts{color:#64748b}.event-log-tag{font-weight:700}.event-log-tag-sync{color:#38bdf8}.event-log-tag-data{color:#4ade80}.event-log-tag-error{color:#f87171}.event-log-error{color:#fca5a5}