/* Base GRC appearance styles shared by the application and synthetic comparison. */
.base-grc .appearance-chooser{position:relative;margin-left:auto;flex:none}.base-grc .appearance-chooser>summary{border:1px solid var(--border);border-radius:5px;padding:6px 10px;color:var(--ink);font-size:12px;list-style:none;white-space:nowrap}.base-grc .appearance-chooser>summary::-webkit-details-marker{display:none}.base-grc .appearance-panel{position:absolute;right:0;top:38px;width:310px;max-width:calc(100vw - 30px);padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #001e3433}.base-grc .appearance-panel h2{font-size:16px}.base-grc .appearance-panel p{font-size:12px}.base-grc .appearance-panel .style-options{display:grid;gap:8px}.base-grc .appearance-panel .style-options button{display:grid;grid-template-columns:16px 1fr;text-align:left;gap:3px 8px;padding:9px 10px}.base-grc .appearance-panel .style-options small{grid-column:2;font-weight:400;font-size:11px}.base-grc .appearance-panel [data-appearance-status]{margin:10px 0 0;min-height:18px}.base-grc .topbar>.preview-label{margin-left:0}
.base-grc[data-style=midnight] :is(.designer-token,.designer-fields>li,.question-editor,.questionnaire-question-editor,.related-work-card,.workflow-next,.checkbox-dropdown-options,.checkbox-dropdown>summary,.preview-pane,#filter-panel,pre){background:var(--soft);color:var(--ink);border-color:var(--border)}.base-grc[data-style=midnight] :is(dl.record-facts dt,.object-section>summary,.section-description,.workflow-next ul,.history-entry,.related-tasks){color:var(--muted)}.base-grc[data-style=midnight] :is(.feedback,.feedback.error){background:#203e42;color:#dfefef}.base-grc[data-style=midnight] :is(.error-text,[data-property-error],[data-designer-error]){color:#ffb6b0}.base-grc[data-style=midnight] :is(.checkbox-dropdown-options label,.checkbox-dropdown-options .check){color:var(--ink)}.base-grc[data-style=midnight] .checkbox-dropdown>summary:hover{background:var(--soft)}.base-grc[data-style=midnight] .question-editor-actions{background:var(--surface)}.base-grc :is(.history-entry,.record-facts,.object-section,.section-toolbar,.workflow-history,.issue-tabs){border-color:var(--border)}
:is(.base-style-preview,.base-grc){--ink:#102c49;--muted:#506b80;--canvas:#f5f8fc;--surface:#fff;--soft:#edf4f8;--border:#d7e3ed;--teal:#007e7c;--rail:#05263e;--rail-text:#e6f2fa;--accent:#00b8b0;--radius:10px;color:var(--ink);background:var(--canvas);font-family:'Segoe UI',Arial,sans-serif;min-height:100vh}
:is(.base-style-preview,.base-grc)[data-style=clarity]{--canvas:#f7f9fa;--rail:#fff;--rail-text:#25455b;--soft:#f1f5f6;--border:#d8e1e5;--radius:4px;--teal:#066e70;--accent:#078487}
:is(.base-style-preview,.base-grc)[data-style=midnight]{color-scheme:dark;--ink:#e5eef7;--muted:#a7bdd1;--canvas:#101d2d;--surface:#17283b;--soft:#203449;--border:#33485e;--teal:#54d4c4;--rail:#091827;--rail-text:#dcebf5;--accent:#54d4c4}
:is(.base-style-preview,.base-grc) .sidebar{width:210px;padding:26px 12px;background:var(--rail);color:var(--rail-text);border-right:1px solid var(--border);isolation:isolate}
:is(.base-style-preview,.base-grc) .main-frame{margin-left:210px}
:is(.base-style-preview,.base-grc) .brand{display:flex;align-items:center;justify-content:center;padding:3px 5px;background:transparent;border:1px solid transparent;border-radius:0;line-height:0;max-width:190px;overflow:visible}
.brand-filter-definitions{position:absolute;pointer-events:none;overflow:hidden}
.base-logo{display:block;width:100%;height:auto;object-fit:contain;flex:none;filter:url('#base-grc-light-logo')}
:is(.base-style-preview,.base-grc)[data-style=clarity] .base-logo{filter:none}
:is(.base-style-preview,.base-grc) .workspace{margin:28px 8px 20px;gap:6px}:is(.base-style-preview,.base-grc) .workspace strong{font-size:14px}:is(.base-style-preview,.base-grc) .workspace .eyebrow,:is(.base-style-preview,.base-grc) .workspace .muted{color:var(--rail-text);opacity:.8}
:is(.base-style-preview,.base-grc) .sidebar nav{gap:6px}:is(.base-style-preview,.base-grc) .sidebar nav a{padding:10px 12px;border-radius:7px;color:var(--rail-text);font-size:13px;gap:12px;border-left:3px solid transparent}:is(.base-style-preview,.base-grc) nav svg{width:19px;height:19px;flex:none}
:is(.base-style-preview,.base-grc) .sidebar nav a:hover{background:#009b9624}:is(.base-style-preview,.base-grc) .sidebar nav a[aria-current=page]{background:linear-gradient(100deg,#008f91,#007b80);border-left-color:#74eee2;color:white;font-weight:650;box-shadow:0 3px 10px #001d3325}
:is(.base-style-preview,.base-grc)[data-style=clarity] .sidebar nav a[aria-current=page]{background:#e0f3f1;color:#06696b;box-shadow:none;border-left-color:#078487}
:is(.base-style-preview,.base-grc) .sidebar-foot{color:var(--rail-text);font-size:11px;line-height:1.5;padding:24px 8px 0}:is(.base-style-preview,.base-grc) .sidebar-foot span{color:inherit;opacity:.7}
:is(.base-style-preview,.base-grc) .topbar{height:54px;gap:16px;background:var(--surface);color:var(--muted);border-color:var(--border)}:is(.base-style-preview,.base-grc) .topbar strong{color:var(--ink)}:is(.base-style-preview,.base-grc) .topbar .preview-label{margin-left:auto;white-space:nowrap;color:var(--muted);border-color:var(--border)}:is(.base-style-preview,.base-grc) .preview-persona select{max-width:220px;background:var(--surface);font-size:12px}
:is(.base-style-preview,.base-grc) main{max-width:1500px;padding:22px 26px}:is(.base-style-preview,.base-grc) .page-heading{margin:23px 0 12px}:is(.base-style-preview,.base-grc) h1{font-size:26px;font-weight:750;letter-spacing:-.8px}:is(.base-style-preview,.base-grc) h2,:is(.base-style-preview,.base-grc) h3,:is(.base-style-preview,.base-grc) h4{color:var(--ink);font-weight:650}:is(.base-style-preview,.base-grc) p,:is(.base-style-preview,.base-grc) .muted,:is(.base-style-preview,.base-grc) small,:is(.base-style-preview,.base-grc) caption{color:var(--muted)}
:is(.base-style-preview,.base-grc) .style-comparison{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}:is(.base-style-preview,.base-grc) .style-comparison .eyebrow{font-size:9px;color:var(--muted)}:is(.base-style-preview,.base-grc) .style-comparison p{font-size:12px;margin:5px 0 0}.style-options{display:flex;gap:7px;flex-wrap:wrap}:is(.base-style-preview,.base-grc) .style-options button{background:var(--surface);color:var(--ink);border-color:var(--border);padding:7px 10px;gap:7px}:is(.base-style-preview,.base-grc) .style-options button[aria-pressed=true]{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal);background:var(--soft)}.swatch{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid #8098a6}.swatch.signature{background:linear-gradient(130deg,#05263e 50%,#00b8b0 50%)}.swatch.clarity{background:linear-gradient(130deg,#fff 50%,#078487 50%)}.swatch.midnight{background:linear-gradient(130deg,#091827 50%,#54d4c4 50%)}
:is(.base-style-preview,.base-grc) .badge{background:var(--soft);color:var(--teal)}:is(.base-style-preview,.base-grc) .intro{padding:25px;gap:28px;margin:20px 0 24px;border:1px solid #aedbdb;background:linear-gradient(110deg,#e4f5f4,#d4eded);border-radius:var(--radius);position:relative;overflow:hidden}:is(.base-style-preview,.base-grc) .intro>div{position:relative;z-index:1}:is(.base-style-preview,.base-grc) .intro>div+div{padding-left:24px;border-left:1px solid #b7d9db}:is(.base-style-preview,.base-grc) .intro h2{font-family:inherit;font-size:26px;font-weight:750;margin:10px 0;letter-spacing:-.6px}:is(.base-style-preview,.base-grc) .intro h3{margin-top:0}:is(.base-style-preview,.base-grc) .intro p{color:#24465c}:is(.base-style-preview,.base-grc) .intro .eyebrow{color:#23475c}:is(.base-style-preview,.base-grc) .intro:after{content:'';position:absolute;right:32%;bottom:-65px;width:190px;height:190px;border:30px solid #00aba510;border-radius:45px;transform:rotate(12deg)}
:is(.base-style-preview,.base-grc) .module-grid{gap:18px}:is(.base-style-preview,.base-grc) .module-card{position:relative;padding:22px 20px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);border-bottom:3px solid #009b9d;box-shadow:0 6px 22px #143a5710;transition:transform .15s,box-shadow .15s}:is(.base-style-preview,.base-grc) .module-card:hover{transform:translateY(-2px);box-shadow:0 9px 23px #143a5720}:is(.base-style-preview,.base-grc) .module-card .eyebrow{display:inline-block;padding:4px 7px;border-radius:4px;color:var(--ink);background:var(--soft);letter-spacing:1px;font-size:9px}:is(.base-style-preview,.base-grc) .module-card h2{font-size:21px;font-weight:750;margin:18px 0 8px}:is(.base-style-preview,.base-grc) .module-card p{max-width:90%;min-height:40px;margin:0 0 14px}:is(.base-style-preview,.base-grc) .card-link{font-size:13px;color:var(--teal)}.base-module-icon{position:absolute;right:16px;top:17px;width:39px;height:39px;border-radius:9px;display:grid;place-items:center;color:var(--teal);background:var(--soft)}.base-module-icon svg{width:24px;height:24px}
:is(.base-style-preview,.base-grc) .panel,:is(.base-style-preview,.base-grc) .empty,:is(.base-style-preview,.base-grc) dialog{background:var(--surface);color:var(--ink);border-color:var(--border);border-radius:var(--radius)}:is(.base-style-preview,.base-grc) label,:is(.base-style-preview,.base-grc) summary,:is(.base-style-preview,.base-grc) .eyebrow{color:var(--muted)}:is(.base-style-preview,.base-grc) th,:is(.base-style-preview,.base-grc) pre{background:var(--soft);color:var(--ink)}:is(.base-style-preview,.base-grc) th,:is(.base-style-preview,.base-grc) td{border-color:var(--border)}:is(.base-style-preview,.base-grc) input,:is(.base-style-preview,.base-grc) select,:is(.base-style-preview,.base-grc) textarea{color:var(--ink);background:var(--surface);border-color:var(--border)}:is(.base-style-preview,.base-grc) input[readonly]{background:var(--soft)}:is(.base-style-preview,.base-grc) a{color:inherit}:is(.base-style-preview,.base-grc) .text-button,:is(.base-style-preview,.base-grc) .issue-tabs button,:is(.base-style-preview,.base-grc) .question-icon-button{color:var(--teal);background:transparent}:is(.base-style-preview,.base-grc) .issue-tabs button[aria-selected=true]{border-bottom-color:var(--teal)}:is(.base-style-preview,.base-grc) button,:is(.base-style-preview,.base-grc) .button{border-radius:5px;background:#087975;border-color:#087975;color:white}:is(.base-style-preview,.base-grc) button.secondary,:is(.base-style-preview,.base-grc) .button.secondary{color:var(--ink);background:var(--surface);border-color:var(--border)}:is(.base-style-preview,.base-grc) .issue-tabs button{border-radius:0}:is(.base-style-preview,.base-grc) .issue-tabs button,:is(.base-style-preview,.base-grc) .text-button,:is(.base-style-preview,.base-grc) .question-icon-button{background:transparent;color:var(--teal);border-color:transparent}:is(.base-style-preview,.base-grc) .issue-tabs button[aria-selected=true]{border-bottom-color:var(--teal)}
:is(.base-style-preview,.base-grc)[data-style=clarity] .intro{background:#edf5f5;border-color:var(--border)}:is(.base-style-preview,.base-grc)[data-style=clarity] .module-card{box-shadow:none;border-bottom-width:2px}:is(.base-style-preview,.base-grc)[data-style=midnight] .intro{background:linear-gradient(110deg,#173b46,#19424a);border-color:#36616a}:is(.base-style-preview,.base-grc)[data-style=midnight] .intro p,:is(.base-style-preview,.base-grc)[data-style=midnight] .intro .eyebrow{color:#c4e3e5}:is(.base-style-preview,.base-grc)[data-style=midnight] .intro>div+div{border-color:#36616a}:is(.base-style-preview,.base-grc)[data-style=midnight] .record-disclosure,:is(.base-style-preview,.base-grc)[data-style=midnight] .attachment-dropzone,:is(.base-style-preview,.base-grc)[data-style=midnight] .preview-pane,:is(.base-style-preview,.base-grc)[data-style=midnight] #filter-panel{background:var(--soft);color:var(--ink);border-color:var(--border)}:is(.base-style-preview,.base-grc)[data-style=midnight] .inbox-panel{background:var(--surface);color:var(--ink)}
:is(.base-style-preview,.base-grc) #user-inbox>details>summary{color:var(--ink)}:is(.base-style-preview,.base-grc) .detail-field dt{color:var(--muted)}:is(.base-style-preview,.base-grc)[data-style=midnight] .demo-note,:is(.base-style-preview,.base-grc)[data-style=midnight] .object-section,:is(.base-style-preview,.base-grc)[data-style=midnight] .checkbox-dropdown>details>div{background:var(--soft);color:var(--ink)}:is(.base-style-preview,.base-grc)[data-style=midnight] #business-editor .dialog-actions{background:var(--surface)}
:is(.base-style-preview,.base-grc) footer{color:var(--muted);border-color:var(--border);margin:10px 26px 0;padding:20px 0}:is(.base-style-preview,.base-grc) :focus-visible{outline:3px solid #c08015;outline-offset:3px}
@media(max-width:1100px){:is(.base-style-preview,.base-grc) .topbar>span:first-child{display:none}:is(.base-style-preview,.base-grc) .intro{grid-template-columns:1fr}:is(.base-style-preview,.base-grc) .intro>div+div{padding:14px 0 0;border-left:0;border-top:1px solid #b7d9db}:is(.base-style-preview,.base-grc) .style-comparison{align-items:flex-start;flex-direction:column}:is(.base-style-preview,.base-grc) .home-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){:is(.base-style-preview,.base-grc) .sidebar{position:static;width:auto;padding:15px}:is(.base-style-preview,.base-grc) .main-frame{margin:0}:is(.base-style-preview,.base-grc) .workspace,:is(.base-style-preview,.base-grc) .sidebar-foot{display:none}:is(.base-style-preview,.base-grc) .sidebar nav{display:flex;overflow:auto;margin-top:12px}:is(.base-style-preview,.base-grc) .sidebar nav a{white-space:nowrap;padding:8px}:is(.base-style-preview,.base-grc) .topbar{height:auto;min-height:54px;padding:8px 15px;flex-wrap:wrap}:is(.base-style-preview,.base-grc) .preview-persona select{max-width:180px}:is(.base-style-preview,.base-grc) main{padding:16px}:is(.base-style-preview,.base-grc) .home-module-grid{grid-template-columns:1fr}:is(.base-style-preview,.base-grc) .intro{padding:20px}:is(.base-style-preview,.base-grc) .style-options button{padding:7px}:is(.base-style-preview,.base-grc) .page-heading{gap:10px}}
/* Keep session and notifications beside the personal appearance selector. */
.base-grc .topbar>.preview-label{margin-left:0}

/* Light hover surfaces need dark text in Midnight, including keyboard focus. */
:is(.base-style-preview,.base-grc)[data-style=midnight] .home-module-grid .module-card:is(:hover,:focus-visible){background:#fcfefd;color:#102c49}
:is(.base-style-preview,.base-grc)[data-style=midnight] .home-module-grid .module-card:is(:hover,:focus-visible) h2{color:#102c49}
:is(.base-style-preview,.base-grc)[data-style=midnight] .home-module-grid .module-card:is(:hover,:focus-visible) p{color:#506b80}
:is(.base-style-preview,.base-grc)[data-style=midnight] .home-module-grid .module-card:is(:hover,:focus-visible) .card-link{color:#007e7c}