@import url("/tool/tas-flat-panels.css?v=20261101-trim-18");
/* Shared interaction and form appearance across TAS audit modules. */






html{scrollbar-gutter:stable;scroll-behavior:auto!important;overscroll-behavior:none}






button,.button,[role="button"],summary,a{touch-action:manipulation;animation:none!important;transition:background-color 80ms linear,color 80ms linear!important}






button:hover,button:active,.button:hover,.button:active,a:hover,a:active,summary:hover,summary:active{transform:none!important;translate:none!important;scale:none!important}






button,.button{font-family:Arial,sans-serif;border-radius:8px}






button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c8102e;outline-offset:3px}






details>summary{list-style:none!important;position:relative;padding-left:2em!important;cursor:pointer}






details>summary::-webkit-details-marker{display:none}






details>summary::marker{content:""}






details>summary::before{content:"+"!important;position:absolute;left:.5em;top:auto;width:1.2em;border:0!important;transform:none!important;font-weight:700;color:inherit}






details[open]>summary::before{content:"−"!important;transform:none!important}






.external-app-tab::after{content:" \2192"}






input,select,textarea{font-family:Arial,sans-serif;box-sizing:border-box;max-width:100%}






canvas#signature,canvas#signaturePad,canvas#auditSignaturePad,canvas.signature-pad,canvas[aria-label*="signature" i]{display:block;max-width:100%!important;background:#fff!important;border:2px solid #082858!important;border-radius:6px;touch-action:none}






@media(max-width:760px){input,select,textarea{font-size:16px}button,.button,summary{min-height:44px}}






@media(prefers-reduced-motion:reduce){button,.button,[role="button"],summary,a{transition:none!important}}






@media print{details>summary::before,.external-app-tab::after{content:none!important}}













/* TAS EHSQ: TAS-SAMS commercial visual language, with green success states. */






@media screen {






:root{--tas-red:#b91421;--tas-red-dark:#a41220;--tas-ink:#20232b;--tas-muted:#686c75;--tas-line:#e0e3e8;--tas-bg:#f5f6f8;--tas-green:#2e8d47;--primary:#b91421;--navy:#20232b;--brand:#b91421;--danger:#b91421;--success:#2e8d47}






html body{background:#f5f6f8!important;color:#20232b!important;font:16px/1.55 Arial,Helvetica,sans-serif!important;margin:0;overflow-anchor:none}






html body :is(button,input,select,textarea,summary,table){font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0}






html body :is(h1,h2,h3,h4){color:#20232b;font-family:Arial,Helvetica,sans-serif!important;line-height:1.25;font-weight:600}






html body h1{font-size:32px!important}html body h2{font-size:24px!important}html body h3{font-size:20px!important}






html body p{line-height:1.6}html body :is(.muted,.help,small){color:#686c75}






html body>header,html body .app-header{background:#fff!important;color:#20232b!important;border:1px solid #e0e3e8!important;border-bottom:3px solid #b91421!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;max-width:1320px;margin:24px auto 0!important}






html body .app-header .brand{background:#fff!important}






html body>header>img,html body .header-logo-frame,html body .header-logo{background:#fff!important;border:0!important;border-radius:0!important;padding:14px 24px!important;height:128px!important;box-sizing:border-box}






html body .header-logo img,html body .header-logo-frame img{width:220px!important;height:100px!important;max-width:100%!important;object-fit:contain!important;padding:0!important;margin:auto!important;border-radius:0!important}






html body>header>img{object-fit:contain!important;width:100%!important}






html body .tas-matched-brand,html body .brand-meta,html body .header-title,html body .iq-header-info{background:#fff!important;color:#20232b!important;border:0!important;padding:18px 24px!important;gap:3px!important}






html body header :is(strong,h1,h2){color:#20232b!important;font-weight:600!important}






html body header :is(span,p,a){color:#686c75!important;font-size:13px!important}






html body header :is(.tas-matched-brand,.brand-meta)>strong{font-size:24px!important;line-height:1.25!important}






html body header .header-title h1{font-size:24px!important}






html body .tas-module-context{color:#686c75!important;font:12px/1.6 Arial,sans-serif!important;padding:12px 0!important}






html body .tas-module-context :is(strong,span,time){color:#686c75!important}






html body :is(.tabs,.tas-module-nav,.tas-dashboard-return){background:#fff!important;border-radius:0!important;gap:8px!important}






html body :is(button,.button,.tab,.external-app-tab,.tas-dashboard-return a,.tas-module-nav a){box-sizing:border-box;background:#2e8d47!important;color:#fff!important;border:1px solid #2e8d47!important;border-radius:0!important;box-shadow:none!important;padding:11px 16px!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important;min-height:42px;white-space:normal;cursor:pointer}






html body :is(button,.button,.tab,.external-app-tab,.tas-dashboard-return a,.tas-module-nav a):hover{background:#2e8d47!important;border-color:#2e8d47!important;color:#fff!important;transform:none!important}






html body :is(button[type=submit],button.red,button.primary,.button.red,.tab.active,.external-app-tab.active,#loginBtn,#new,.danger){background:#b91421!important;border-color:#b91421!important;color:#fff!important}






html body :is(button[type=submit],button.red,button.primary,.button.red,.tab.active,#loginBtn):hover{background:#a41220!important;border-color:#a41220!important}






html body :is(button.green,button.success,.button.success){background:#2e8d47!important;border-color:#2e8d47!important;color:#fff!important}






html body :is(button:disabled,input:disabled){cursor:not-allowed;opacity:.6}






html body :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid #2e8d47!important;outline-offset:3px}






html body main :is(.page-title,.hero,.section-title,.tea-heading){background:#fff!important;color:#20232b!important;border:1px solid #e0e3e8!important;border-top:3px solid #b91421!important;border-radius:0!important;box-shadow:none!important;padding:24px!important}






html body main :is(.page-title,.hero,.tea-heading) :is(h1,h2,p,div){color:#20232b!important}






html body main :is(.card,.panel,.tool-card,.dashboard-folder,.section,.stat,.stat-card,.tea-account,.tea-totals>div){background:#fff!important;color:#20232b!important;border:1px solid #e0e3e8!important;border-radius:0!important;box-shadow:none!important}






html body #dashboard .dashboard-folder{border-top:3px solid #b91421!important;padding:24px!important}






html body main :is(.stats,.totals){gap:14px!important}






html body main :is(.stat,.stat-card){border-top:3px solid #b91421!important;padding:20px!important}






html body main :is(.stat,.stat-card):nth-child(2){border-top-color:#2e8d47!important}






html body main :is(.stat,.stat-card) strong{font-size:36px!important;color:#b91421!important}






html body main :is(.stat,.stat-card):nth-child(2) strong{color:#2e8d47!important}






html body main label{font-size:14px!important;font-weight:400!important;color:#555e6b!important}






html body main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),html body main select,html body main textarea{box-sizing:border-box;max-width:100%;background:#fff!important;color:#20232b!important;border:1px solid #ccd0d7!important;border-radius:0!important;padding:11px 12px!important;font-size:16px!important;font-weight:400!important;line-height:1.4!important}






html body input[type=checkbox],html body input[type=radio]{accent-color:#2e8d47}






html body main :is(#accounts,#main-access-admin){background:#f5f6f8!important;color:#20232b!important;border-radius:0!important}






html body main details{border:1px solid #e0e3e8;border-radius:0!important;background:#fff;margin:10px 0;overflow:visible}






html body main details>summary{background:#fff!important;color:#20232b!important;min-height:48px;padding:14px 16px 14px 42px!important;font-size:15px!important;line-height:1.4;font-weight:600!important;border:0!important}






html body main details>summary::before{color:#b91421!important;left:15px!important}






html body main details[open]>summary{background:#faf0f1!important;border-bottom:1px solid #e0e3e8!important}






html body main table{font-size:14px!important;border-collapse:collapse}






html body main th{background:#2e8d47!important;color:#fff!important;font-size:13px!important;font-weight:600!important;padding:12px!important;border-color:#e0e3e8!important}






html body main td{padding:12px!important;border-color:#e0e3e8!important}






html body main :is(.good,.success-text){color:#2e8d47!important}html body main :is(.bad,.error){color:#b91421!important}






html body main .tas-screen-signature{background:#fff!important;border:1px solid #e0e3e8!important;border-top:3px solid #2e8d47!important;padding:20px!important}






html body main canvas[aria-label*="signature" i],html body main canvas.signature-pad,html body main canvas#signature{border:1px solid #2e8d47!important;border-radius:0!important;background:#fff!important}






html body>footer:is(footer,#iq-shared-footer){background:#20232b!important;border-top:4px solid #2e8d47!important;border-radius:0!important;box-shadow:none!important}






html body>footer:is(footer,#iq-shared-footer) :is(div,p,small,span,strong,a){color:#fff!important}






html body main a:not(.button){color:#a41220}






html body #app>form,html body #login>.card{background:#fff;padding:24px;border:1px solid #e0e3e8}






html body #app #iq-daily-required{background:#fff!important;border:1px solid #e0e3e8!important;border-top:3px solid #2e8d47!important;border-radius:0!important;padding:24px!important}






html body #app:has(#iq-daily-required)>button{display:inline-flex;align-items:center;justify-content:center;width:calc(50% - 8px)!important;margin:4px!important;min-height:52px}






html body #app #iq-daily-required button{display:inline-flex;align-items:center;justify-content:center;width:calc(50% - 8px)!important;margin:4px!important;min-height:52px}






html body .library-file{display:grid!important;grid-template-columns:minmax(0,1fr) 110px 65px!important;gap:14px!important;align-items:center;border-bottom:1px solid #e0e3e8;padding:12px}






html body .library-file>a:nth-child(2){text-align:left}






@media(max-width:760px){html body h1{font-size:27px!important}html body h2{font-size:22px!important}html body h3{font-size:18px!important}html body>header,html body .app-header{margin-top:12px!important}html body main :is(.page-title,.hero,.card),html body #app>form,html body #app #iq-daily-required{padding:16px!important}html body #app:has(#iq-daily-required)>button,html body #app #iq-daily-required button{width:100%!important;margin:4px 0!important}html body .library-file{grid-template-columns:minmax(0,1fr) 80px!important}.library-file small{grid-column:1/-1}html body .tas-matched-brand,html body .brand-meta,html body .header-title{padding:16px!important}}






}






@media screen {






html body main :is(h1,h2,h3,h4){color:#20232b!important}






html body :is(#message,#notice,.save-status,.status-message){background:#f0fdf4!important;color:#2e8d47!important;border-color:#bbdfc6!important;border-radius:0!important}






html body main :is(.form-grid,.login-card,.review-row){border-radius:0!important}






html body button svg{color:inherit;stroke:currentColor}






html body button[aria-label*="password" i]{background:#fff!important;color:#20232b!important;border:1px solid #ccd0d7!important;padding:8px!important;min-width:40px}






html body #login label:has(input[type=checkbox]){display:flex!important;align-items:center;gap:10px}






html body #login input[type=checkbox]{width:18px!important;height:18px!important;margin:0!important}






html body .tas-dashboard-return a{color:#fff!important}






}






@media screen {






html body #dashboard>.metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:16px!important;align-items:stretch!important}






html body #dashboard .dashboard-folder{display:grid!important;grid-template-rows:1fr auto!important;align-content:stretch!important;align-items:start!important;gap:24px!important;min-height:174px!important;margin:0!important;padding:24px!important;text-align:left!important;border-radius:0!important;background:#fff!important}






html body #dashboard .dashboard-folder>span{display:block;font:600 20px/1.4 Arial,Helvetica,sans-serif!important;color:#20232b!important;align-self:start}






html body #dashboard .dashboard-folder::after{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:end!important;justify-self:start!important;width:128px!important;min-height:44px!important;padding:10px 16px!important;margin:0!important;border:1px solid #b91421!important;border-radius:0!important;background:#b91421!important;color:#fff!important;font:600 14px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;box-shadow:none!important}






html body #dashboard .dashboard-folder:hover::after{background:#a41220!important;border-color:#a41220!important}






html body :is(#dashboard,#workspace,#accounts,#settings,#login,#app,#audit,#gate2app,#libraryArea) :is(button:not(.dashboard-folder),.button,[role=button]){border-radius:0!important;font-family:Arial,Helvetica,sans-serif!important}






html body main :is(.analytics-card,.contractor-stats>div,.login-help-box,.metric,.tea-badge,.status-badge,.panel){border-radius:0!important;box-shadow:none!important}






html body main .analytics-card{background:#fff!important;border:1px solid #e0e3e8!important;border-top:3px solid #2e8d47!important;padding:16px!important}






html body main .analytics-card span{font:400 14px/1.4 Arial,Helvetica,sans-serif!important;color:#686c75!important}






html body main .analytics-card strong{font:600 26px/1.3 Arial,Helvetica,sans-serif!important;color:#2e8d47!important}






@media(max-width:640px){html body #dashboard>.metrics{grid-template-columns:1fr!important}html body #dashboard .dashboard-folder{min-height:150px!important;padding:20px!important}}






}






/* Keep disclosure symbols on the first text line, including padded summaries. */






html body main details>summary::before,html body #app details>summary::before{position:static!important;display:inline-block!important;vertical-align:baseline!important;float:none!important;inset:auto!important;transform:none!important;width:1.2em!important;height:auto!important;margin:0 .45em 0 -1.65em!important;padding:0!important;font-size:inherit!important;line-height:inherit!important}






html body main details>summary,html body #app details>summary{display:block!important;padding-left:2.65em!important}






html body .external-app-tab::after{position:static!important;display:inline!important;vertical-align:baseline!important;font-size:inherit!important;line-height:inherit!important;margin-left:.25em}






@media screen{html body #app #iq-daily-required button{background:#b91421!important;border-color:#b91421!important;color:#fff!important}html body #app #iq-daily-required button:hover{background:#a41220!important;border-color:#a41220!important}}






@media screen {






html body>footer:is(footer,#iq-shared-footer){background:#fff!important;color:#20232b!important;border:1px solid #e0e3e8!important;border-top:4px solid #2e8d47!important}






html body>footer:is(footer,#iq-shared-footer) :is(div,p,small,span,strong,a){color:#20232b!important;background-color:transparent}






html body>footer:is(footer,#iq-shared-footer) a:hover{color:#b91421!important}






html body>footer:is(footer,#iq-shared-footer) .footer-logo-box{background:#fff!important}






}













/* Full-width dashboard logout. */






@media screen{html body #app:has(#iq-daily-required)>button#logout{width:calc(100% - 8px)!important}}




















/* Audit analytics follows TAS brand colours. */






@media screen{






html body #dashboard .analytics-graph-frame{background:#fff!important;border:1px solid #e0e3e8!important;border-top:4px solid #2e8d47!important;border-radius:0!important;box-shadow:none!important}






html body #dashboard #statusDonut{background:conic-gradient(#2e8d47 0deg var(--closed,0deg),#e0e3e8 var(--closed,0deg) 360deg)!important}






html body #dashboard #statusDonut span{color:#20232b!important}






html body #dashboard .analytics-graph-frame .bar-line>div{background:#e0e3e8!important;border-radius:0!important}






html body #dashboard .analytics-graph-frame .bar-line i{background:#2e8d47!important;border-radius:0!important}






html body #dashboard .analytics-graph-frame #barCritical{background:#b91421!important}






html body #dashboard .analytics-graph-frame #barObservations{background:#20232b!important}






}













/* Consistent dashboard module typography. */






@media screen{






html body #dashboard .dashboard-folder,html body #dashboard .dashboard-folder>span{font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;font-weight:600!important;font-style:normal!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;color:#20232b!important}






html body #dashboard .dashboard-folder>span{margin:0!important;padding:0!important}






}













/* Square table edges in every application module. */






@media screen{






html body :is(.table-wrap,.contractor-table-wrap,.table-container,.table-responsive,.table-scroll,table,thead,tbody,tfoot,tr,th,td){border-radius:0!important}






html body :is(.table-wrap,.contractor-table-wrap,.table-container,.table-responsive,.table-scroll)::before,html body :is(.table-wrap,.contractor-table-wrap,.table-container,.table-responsive,.table-scroll)::after{border-radius:0!important}






html body :is(main,#app,#workspace,#dashboard,#accounts,#audit,#gate2app) :is(.panel,.card,.section,.dashboard-folder-content){border-radius:0!important}






}













/* Align Account Dashboard to the shared page edges. */






@media screen{






html body:has(#accounts)>:is(header.app-header,main,footer){box-sizing:border-box!important;width:calc(100% - 48px)!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}






html body main #accounts{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding:0!important}






html body #accounts .tea-heading{box-sizing:border-box!important;width:100%!important;margin:16px 0!important;padding:24px!important}






html body #accounts .tea-totals{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}






html body #accounts .tea-totals>article{box-sizing:border-box!important;min-width:0!important;min-height:112px!important;margin:0!important;padding:20px!important;border-radius:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}






html body #accounts .tea-totals strong{font:600 28px/1.3 Arial,Helvetica,sans-serif!important;color:#2e8d47!important}






html body #accounts .tea-totals span{font:400 14px/1.4 Arial,Helvetica,sans-serif!important}






@media(max-width:760px){html body #accounts .tea-totals{grid-template-columns:repeat(2,minmax(0,1fr))!important}}






@media(max-width:640px){html body:has(#accounts)>:is(header.app-header,main,footer){width:calc(100% - 20px)!important}}






}













/* Geometric status icons, independent of platform symbol fonts. */






html body .section-progress .section-symbol{display:inline-block!important;width:20px!important;height:20px!important;font-size:0!important;line-height:0!important;vertical-align:middle!important;transform:none!important;text-shadow:none!important;flex:none!important}






html body .section-progress .section-symbol::after{content:"";display:block;width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12L9 17L20 6' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") center/contain no-repeat}






html body .section-progress.empty .section-symbol::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6L18 18M18 6L6 18' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='square'/%3E%3C/svg%3E")}






html body .section-progress.complete .section-symbol{color:#2e8d47!important}






html body .section-progress.empty .section-symbol{color:#b91421!important}






html body .section-progress.partial .section-symbol{color:#9c7500!important}






@media print{html body .section-progress .section-symbol::after{print-color-adjust:exact;-webkit-print-color-adjust:exact}}













/* Clear completion states: not done, pending, done. */






html body .section-progress.empty .section-symbol::after{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M8%2012H16%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}






html body .section-progress.partial .section-symbol::after{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%206V12L16%2014%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}






html body .section-progress.complete .section-symbol::after{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M7%2012L10%2015L17%208%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}













html body .tas-evidence-uploaded{color:#2e8d47!important;font:600 15px/1.4 Arial,Helvetica,sans-serif!important}






html body .tas-evidence-uploaded::before{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:8px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H5V22H19V7Z%20M14%202V7H19%20M12%2018V10%20M8.5%2013.5L12%2010L15.5%2013.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat}













/* Separate section labels, counts and completion icons. */






html body .section-heading .section-progress{display:inline-flex!important;align-items:center!important;gap:12px!important;margin-left:20px!important;padding:6px 12px!important;vertical-align:middle!important;white-space:nowrap!important}






html body .section-heading .section-count{margin:0!important}






html body .section-heading .section-symbol{margin:0!important}






html body .tas-evidence-uploaded::before{margin-right:12px!important}













/* Matching decision button icons. */






html body button[name="decision"]::before{content:"";display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:middle;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat}






html body button[name="decision"][value="accepted"]::before{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M7%2012L10%2015L17%208%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }






html body button[name="decision"][value="rejected"]::before{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M8%208L16%2016M16%208L8%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }













/* TAS brand header, matching the IQAUDIT layout. */






@media screen{html body .app-header .brand-meta,html body header .tas-matched-brand,html body .brand-header .brand-meta{background:#2e8d47!important;color:#fff!important;border-bottom:4px solid #b91421!important}html body .app-header .brand-meta *,html body header .tas-matched-brand *,html body .brand-header .brand-meta *{color:#fff!important}}













@media screen{html body .app-header .brand-meta,html body header .tas-matched-brand{background:#2e8d47!important;color:#fff!important;border-bottom:4px solid #b91421!important}html body .app-header .brand-meta *,html body header .tas-matched-brand *{color:#fff!important}}












/* Consistent page-title dividers across application modules. */





@media screen{





html body main :is(.title,.page-title,.tea-heading),html body.iq-admin main>header,html body #accounts .tea-heading{border-top:1px solid #e0e3e8!important;border-bottom:3px solid #b91421!important;border-radius:0!important;margin-bottom:20px!important}





html body main>section.title{border-top:1px solid #e0e3e8!important;border-bottom:3px solid #b91421!important}





}









/* TAS green section navigation, including dynamically rendered return links. */



html body :is(a.iq-back-dashboard,a.module-dashboard-back,a[data-back-dashboard]){background:#2e8d47!important;border-color:#2e8d47!important;color:#fff!important;border-radius:0!important}



html body :is(a.iq-back-dashboard,a.module-dashboard-back,a[data-back-dashboard]):hover{background:#2e8d47!important;border-color:#2e8d47!important}






/* Full-row Fitness for Duty quick capture. */


html body #app>button[onclick*="Fitness for Duty"]{box-sizing:border-box!important;display:block!important;width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;grid-column:1 / -1!important;flex-basis:100%!important}




/* Keep analytics totals inside their panel at every screen width. */

@media screen{

html body #dashboard .chart-row,html body #dashboard .chart-bars{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}

html body #dashboard .chart-row{padding:16px!important}

html body #dashboard .chart-bars{width:100%!important}

html body #dashboard .chart-bars .bar-line{box-sizing:border-box!important;display:grid!important;width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:minmax(0,1fr) minmax(3.5em,max-content)!important;column-gap:12px!important;row-gap:6px!important;align-items:center!important}

html body #dashboard .chart-bars .bar-line>span{grid-column:1!important;grid-row:1!important;min-width:0!important;overflow-wrap:anywhere!important}

html body #dashboard .chart-bars .bar-line>strong{grid-column:2!important;grid-row:1!important;position:static!important;min-width:0!important;margin:0!important;padding:0!important;white-space:nowrap!important;text-align:right!important;justify-self:end!important;font-variant-numeric:tabular-nums}

html body #dashboard .chart-bars .bar-line>div{grid-column:1 / -1!important;grid-row:2!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}

}


/* Lighter TAS analytics typography, matching IQ. */
html body #dashboard :is(.analytics-card strong,.bar-line strong,#statusDonut span){font-weight:400!important}html body #dashboard :is(.analytics-card>span,.bar-line>span){font-weight:400!important}

/* Stable page changes: panels appear without movement or resizing animations. */
@media screen{
html{scrollbar-gutter:stable!important;scroll-behavior:auto!important;overscroll-behavior-y:none!important}
html body{overflow-anchor:none!important}
html body :is(main,.view,.workspace,.workspace-view,#app,.card,.panel,.stat,.stat-card,.stats,.metric,.analytics-card,.chart-row,.dashboard-folder,.page-title,.tas-overview-chart,.tas-chart-row,.app-header,.header-logo-frame){animation:none!important;transition:none!important}
html body :is(.view,.workspace-view,.card,.panel,.stat,.stat-card,.metric,.analytics-card,.page-title,.tas-overview-chart,.tas-chart-row){translate:none!important;scale:none!important}
html body :is(.stat,.stat-card,.analytics-card,.tas-chart-row){transform:none!important}
}

/* Gate 2 and safety-file status alignment */
/* Keep Gate 2 section counts and status symbols in fixed right-hand columns. */
html body :is(#gate2app,#checklist) .section > summary.section-heading{display:grid!important;grid-template-columns:minmax(0,1fr) 116px;align-items:center;column-gap:12px!important}
html body :is(#gate2app,#checklist) .section > summary.section-heading::before{position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
html body :is(#gate2app,#checklist) .section-heading .section-name{min-width:0;overflow-wrap:anywhere}
html body :is(#gate2app,#checklist) .section-heading .section-progress{display:grid!important;grid-template-columns:minmax(0,1fr) 20px 21px;align-items:center!important;gap:8px!important;justify-self:end;width:116px;min-width:0;margin:0!important;padding:5px 6px!important}
html body :is(#gate2app,#checklist) .section-progress .section-count{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:480px){html body :is(#gate2app,#checklist) .section > summary.section-heading{grid-template-columns:minmax(0,1fr) 104px;column-gap:6px!important}html body :is(#gate2app,#checklist) .section-heading .section-progress{width:104px;gap:5px!important;padding:5px 4px!important}}

html body :is(#gate2app,#checklist) .review-item>summary{display:grid!important;grid-template-columns:minmax(0,1fr) 116px;gap:12px;align-items:center}
html body :is(#gate2app,#checklist) .review-item>summary::before{position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
html body :is(#gate2app,#checklist) .item-decision{float:none!important;margin:0!important;text-align:right}
html body #checklist article.item{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:8px 16px;align-items:start}
html body #checklist article.item>h3{grid-column:1;margin:0!important}
html body #checklist article.item>[role="status"]{grid-column:2;grid-row:1;text-align:left;justify-self:stretch}
html body #checklist article.item>:not(h3):not([role="status"]){grid-column:1/-1}
@media(max-width:480px){html body #checklist article.item{grid-template-columns:minmax(0,1fr) 132px;gap:8px}html body #checklist article.item>[role="status"]{font-size:13px}}


/* Mobile navigation readability - 2026-10-09 */
@media screen and (max-width:720px){
 html body .app-header > .tabs{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:8px!important;}
 html body .app-header > .tabs > :is(button,a){min-height:48px;height:auto;padding:10px 8px!important;overflow-wrap:normal;word-break:normal;line-height:1.35!important;grid-column:auto;margin:0!important;}
 html body .app-header > .tabs > :is(button,a)::after{flex-shrink:0;}
}
@media screen and (max-width:640px){
 html body #dashboard .chart-row{grid-template-columns:minmax(0,1fr);justify-items:center;}
 html body #dashboard .chart-bars{width:100%;}
}

/* Keep safety-review actions readable on phones. */
@media screen and (max-width:640px){
 html body main .bar:has(> h2){display:flex;flex-wrap:wrap;gap:12px;}
 html body main .bar > h2{flex:1 0 100%;margin:0;}
 html body main .bar:has(> h2) > :is(button,label.button){flex:1 1 140px;min-width:0;min-height:44px;overflow-wrap:normal;word-break:normal;text-align:center;}
}

/* Compact phone layout - 2026-10-09 */
@media screen and (max-width:640px){
 html body:not(#mobile-compact-specificity){font-size:13px!important;}
 html body:not(#mobile-compact-specificity) h1{font-size:20px!important;line-height:1.25!important;}
 html body:not(#mobile-compact-specificity) h2{font-size:18px!important;line-height:1.3!important;}
 html body:not(#mobile-compact-specificity) h3{font-size:15px!important;line-height:1.35!important;}
 html body:not(#mobile-compact-specificity) p,html body:not(#mobile-compact-specificity) label{font-size:13px!important;line-height:1.45!important;}
 html body:not(#mobile-compact-specificity) .card{padding:12px!important;}
 html body:not(#mobile-compact-specificity) header.app-header nav.tabs{gap:6px!important;}
 html body:not(#mobile-compact-specificity) header.app-header nav.tabs :is(a,button){font-size:12px!important;line-height:1.3!important;padding:7px 8px!important;min-height:40px!important;height:auto!important;white-space:normal!important;}
 html body:not(#mobile-compact-specificity) main :is(button,.button){font-size:12px!important;line-height:1.3!important;padding:8px 10px!important;min-height:40px!important;}
 html body:not(#mobile-compact-specificity) main .bar:has(>h2){display:flex;flex-wrap:wrap;gap:8px!important;}
 html body:not(#mobile-compact-specificity) main .bar>h2{flex:1 0 100%;margin:0!important;}
 html body:not(#mobile-compact-specificity) main .bar:has(>h2)>:is(button,label.button){flex:1 1 110px;min-width:0;word-break:normal;overflow-wrap:normal;text-align:center;}
}

/* Shared TAS / IQ footer layout - 2026-10-09 */
@media screen {
 html body > footer:is(.tas-office-footer,.management-footer,#iq-shared-footer) {
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,.7fr) minmax(0,1.25fr)!important;
  align-items:start!important;gap:20px!important;padding:20px!important;text-align:left!important;
 }
 html body > footer:is(.tas-office-footer,.management-footer,#iq-shared-footer) > div {min-width:0!important;grid-column:auto!important;margin:0!important;padding:0!important;overflow-wrap:anywhere;}
 html body > footer:is(.tas-office-footer,.management-footer,#iq-shared-footer) > div:first-child {order:4;}
 html body > footer:is(.tas-office-footer,.management-footer,#iq-shared-footer) > div:nth-child(2) {order:2;}
 html body > footer:is(.tas-office-footer,.management-footer,#iq-shared-footer) > div:nth-child(3) {order:3;}
 html body > footer:is(.tas-office-footer,.management-footer,#iq-shared-footer) > .footer-logo-box {order:1;width:100%!important;max-width:220px!important;display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;padding:0!important;margin:0!important;}
 html body > footer:is(.tas-office-footer,.management-footer,#iq-shared-footer) .footer-logo-box img {display:block!important;width:100%!important;max-width:200px!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:left top!important;}
 html body > footer:is(.tas-office-footer,.management-footer,#iq-shared-footer) p {white-space:normal!important;}
}
@media screen and (max-width:760px) {
 html body > footer:is(.tas-office-footer,.management-footer,#iq-shared-footer) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
}
@media screen and (max-width:480px) {
 html body > footer:is(.tas-office-footer,.management-footer,#iq-shared-footer) {grid-template-columns:minmax(0,1fr)!important;padding:16px!important;}
}

/* TAS NCR visual system: dashboard and module interiors — 19 October 2026 */
@media screen{
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) header,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .app-header{border:1px solid #d9e5e1!important;border-radius:20px!important;border-bottom:3px solid #2e8d47!important;box-shadow:0 5px 20px #2e8d4710!important;overflow:hidden;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .brand-meta{background:linear-gradient(110deg,#2e8d47,#2e8d47)!important;border-radius:16px!important;padding:24px!important;color:#fff!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .brand-meta strong,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .brand-meta span,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .brand-meta a{color:#fff!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tabs{gap:10px!important;padding:18px!important;flex-wrap:wrap!important;border:0!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) button,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .button,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) a.external-app-tab{border-radius:10px!important;min-height:44px;padding:11px 18px!important;font-weight:500!important;background:#2e8d47!important;border:1px solid #2e8d47!important;color:#fff!important;box-shadow:none!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) button.secondary,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .button.secondary,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) button.tab:not(.active){background:#edf4f2!important;color:#2e8d47!important;border-color:#cedfd8!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) button.danger,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) button.tea-danger{background:#b42331!important;border-color:#b42331!important;color:#fff!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) button:disabled{opacity:.5!important;cursor:not-allowed!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) button:focus-visible,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) a:focus-visible,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) summary:focus-visible{outline:3px solid #b17be0!important;outline-offset:3px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .page-title,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-heading,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) main>h1{background:linear-gradient(110deg,#2e8d47,#2e8d47)!important;color:#fff!important;border:0!important;border-radius:18px!important;padding:24px 28px!important;margin:18px 0 24px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .page-title h1,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .page-title p,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .page-title .eyebrow,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .page-title .save-status,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-heading h1,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-heading p,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-heading span{color:#fff!important;background:transparent!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .page-title h1,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-heading h1{font-size:27px!important;line-height:1.3!important;margin:0 0 8px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .card,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .panel,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-account,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .review-row,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .category,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) details.section{background:#fff!important;border:1px solid #d6e3df!important;border-top:3px solid #2e8d47!important;border-radius:16px!important;padding:24px!important;margin-bottom:22px!important;box-shadow:0 3px 12px #2e8d4708!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin-bottom:26px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .dashboard-folder{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:130px!important;padding:26px!important;border:1px solid #ceded6!important;border-radius:18px!important;background:#eaf4ed!important;color:#2e8d47!important;text-align:left!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .dashboard-folder:nth-child(2){background:#eaf1f9!important;border-color:#cad8e8!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .dashboard-folder:nth-child(3){background:#f1ecf7!important;border-color:#dad0e8!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .dashboard-folder:nth-child(4){background:#eaf3f4!important;border-color:#cbdfe2!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .dashboard-folder span{font-size:19px!important;font-weight:600!important;color:inherit!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .dashboard-folder strong{font-size:0!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .dashboard-folder::after{content:"Open →"!important;background:#fff9!important;color:#2e8d47!important;border-radius:10px!important;padding:10px 14px!important;font-size:14px!important;white-space:nowrap;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .dashboard-folder strong::after{content:none!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .panel-grid,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .analytics-grid,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .contractor-stats,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-totals,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .totals{gap:16px!important;margin-bottom:22px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .analytics-card,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .contractor-stats>div,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-totals article,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .totals>div{background:#edf5f1!important;border:1px solid #d2e2da!important;border-top:3px solid #2e8d47!important;border-radius:14px!important;padding:18px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .analytics-card:nth-child(2n),
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .contractor-stats>div:nth-child(2n),
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-totals article:nth-child(2n),
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .totals>div:nth-child(2n){background:#edf2f9!important;border-top-color:#4c72bb!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .analytics-card strong,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .contractor-stats strong,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-totals strong{color:#2e8d47!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .form-grid,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .contractor-form,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .workflow-form,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #detailsFields,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #gate2app .grid{gap:18px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) label{color:#2e8d47!important;font-weight:500!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) select,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) textarea{border:1px solid #bbcfc5!important;border-radius:9px!important;background:#fff!important;color:#2e8d47!important;min-height:44px;padding:11px 12px!important;max-width:100%;box-sizing:border-box;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) input:focus,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) select:focus,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) textarea:focus{outline:2px solid #2e8d47!important;outline-offset:1px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) textarea{min-height:100px;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .table-wrap{overflow-x:auto!important;border:1px solid #d4e2dc!important;border-radius:12px!important;margin-top:22px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) th{background:#2e8d47!important;color:#fff!important;padding:14px!important;border-color:#2e8d47!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) td{padding:13px!important;border-color:#dce7e1!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) tbody tr:nth-child(even){background:#f1f7f4!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .empty,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .notice,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .save-status,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #message{border-radius:10px!important;padding:14px 16px!important;background:#edf4f2!important;color:#2e8d47!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .section-heading-row,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .bar,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .settings-actions,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .folder-actions,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-actions{gap:12px!important;flex-wrap:wrap!important;margin-bottom:18px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) details>summary{background:#edf2fa!important;color:#294766!important;border:1px solid #cddbe9!important;border-radius:12px!important;padding:18px 20px 18px 52px!important;font-weight:600!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) details>summary::before{content:"+"!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;font-size:24px!important;line-height:1!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) details[open]>summary::before{content:"−"!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) details[open]>summary{margin-bottom:20px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .item,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .question{border:1px solid #dce7e1!important;border-radius:12px!important;background:#f9fbfa!important;padding:20px!important;margin:16px 0!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .category-header{background:#edf3f9!important;border-radius:12px!important;padding:18px!important;color:#244967!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .settings-signature,
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .settings-invite{border:1px solid #d8e4de!important;border-radius:14px!important;background:#f7faf8!important;padding:20px!important;margin-top:24px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .tea-badge{border-radius:20px!important;background:#e6f2e9!important;color:#2e8d47!important;padding:6px 12px!important;}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .analytics-graph-frame{border-radius:14px!important;border-color:#d3e2dc!important;border-top-color:#2e8d47!important;background:#f5faf7!important;}
}
@media screen and (max-width:700px){
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .metrics{grid-template-columns:1fr!important}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .page-title,body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .card,body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .panel{padding:18px!important}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .dashboard-folder{min-height:105px!important;padding:20px!important}
}

@media screen{
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .dashboard-folder::after{border:1px solid #b9d4c5!important;margin:0!important;align-self:center!important;position:static!important}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) main>section[role="status"] button{margin:4px 8px 4px 0!important}
body:has(:is(nav[aria-label="Audit tool views"],#libraryArea,#gate2app,#detailsForm)):not(#tas-theme-scope-a):not(#tas-theme-scope-b) details>summary::before{position:absolute!important;color:#2e8d47!important}
}

/* Dashboard graph colours and readable legends */
@media screen{
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .panel-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:22px!important;align-items:start!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .analytics-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .analytics-card{position:relative!important;padding:18px 20px!important;min-height:100px!important;box-sizing:border-box!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .analytics-card:nth-child(1){background:#e9f1ff!important;border-color:#c9dafa!important;border-top-color:#3876cc!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .analytics-card:nth-child(2){background:#f1eaff!important;border-color:#ded0f4!important;border-top-color:#8754c0!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .analytics-card:nth-child(3){background:#e5f4eb!important;border-color:#c5e2d0!important;border-top-color:#2e8d47!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .analytics-card:nth-child(4){background:#e4f4f6!important;border-color:#c0e0e5!important;border-top-color:#168899!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .analytics-card strong{display:block!important;font-size:30px!important;font-weight:600!important;line-height:1.2!important;margin-top:10px!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .analytics-card:nth-child(1) strong{color:#245ca7!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .analytics-card:nth-child(2) strong{color:#7540a8!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .analytics-card:nth-child(4) strong{color:#126b78!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .analytics-graph-frame{display:flex!important;flex-direction:column!important;align-items:center!important;gap:24px!important;background:#fff!important;padding:26px!important;border:1px solid #d6e3df!important;border-radius:16px!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .analytics-graph-frame::before{content:"Audit completion & findings";font-size:17px;font-weight:600;color:#2e8d47;align-self:flex-start}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #statusDonut{width:156px!important;height:156px!important;flex:0 0 156px!important;border-radius:50%!important;position:relative!important;background:conic-gradient(#2e8d47 0deg var(--closed,0deg),#e3ebe7 var(--closed,0deg) 360deg)!important;box-shadow:0 5px 18px #2e8d4714!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #statusDonut span{font-size:28px!important;font-weight:600!important;color:#2e8d47!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #statusDonut::after{content:"Closed";position:absolute;left:0;right:0;bottom:38px;text-align:center;color:#2e8d47;font-size:12px}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .chart-bars{width:100%!important;display:grid!important;gap:20px!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .bar-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px 12px!important;align-items:center!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .bar-line>span{font-size:14px!important;font-weight:500!important;grid-column:1;grid-row:1;color:#2e8d47!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .bar-line>strong{grid-column:2;grid-row:1;font-size:18px!important;color:#2e8d47!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .bar-line>div{grid-column:1 / -1;grid-row:2;width:100%!important;height:12px!important;border-radius:20px!important;overflow:hidden!important;background:#e9edf0!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .bar-line i{display:block!important;height:100%!important;border-radius:20px!important;min-width:0!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #barCritical{background:#c83d4d!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #barObservations{background:#dc931b!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #barImprovements{background:#4879cb!important}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .bar-line>span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:#4879cb}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .bar-line:nth-child(1)>span::before{background:#c83d4d}
body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) .bar-line:nth-child(2)>span::before{background:#dc931b}
}
@media screen and (max-width:850px){body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #dashboard .panel-grid{grid-template-columns:1fr!important}}

@media screen{body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #statusDonut{display:grid!important;place-items:center!important;isolation:isolate!important}body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #statusDonut::before{content:""!important;position:absolute!important;inset:22px!important;width:auto!important;height:auto!important;border-radius:50%!important;background:#fff!important;transform:none!important;z-index:0!important}body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #statusDonut::after{content:"Closed"!important;position:absolute!important;top:auto!important;bottom:39px!important;left:0!important;right:0!important;width:auto!important;height:auto!important;inset-inline:0!important;background:transparent!important;border-radius:0!important;transform:none!important;z-index:2!important;text-align:center!important}body:has(nav[aria-label="Audit tool views"]):not(#tas-theme-scope-a):not(#tas-theme-scope-b) #statusDonut span{position:relative!important;z-index:1!important;transform:translateY(-8px)!important;background:transparent!important}}

/* Library document preview: NCR-style header and action toolbar */
@media screen{
html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>header{background:linear-gradient(110deg,#2e8d47,#2e8d47)!important;color:#fff!important;border:0!important;border-radius:18px!important;padding:26px!important;box-shadow:0 4px 16px #2e8d4710!important;margin-bottom:20px!important}
html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>header h1{font-size:25px!important;line-height:1.35!important;overflow-wrap:anywhere!important;margin:0 0 10px!important}
html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>nav{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:14px!important;background:#fff!important;padding:18px!important;border:1px solid #d5e3dc!important;border-radius:16px!important;margin:18px 0!important}
html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:46px!important;box-sizing:border-box!important;padding:12px 20px!important;margin:0!important;border-radius:11px!important;background:#edf3fa!important;border:1px solid #cbdbea!important;color:#234c70!important;text-decoration:none!important;font:15px Arial,sans-serif!important}
html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>nav a:first-child::before{content:"←";font-size:20px}
html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>nav a:last-child{background:#2e8d47!important;color:#fff!important;border-color:#2e8d47!important}
html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>nav a:last-child::before{content:"↓";font-size:20px}
html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>nav a:focus-visible{outline:3px solid #9564c5!important;outline-offset:3px!important}
html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>main{border:1px solid #d5e3dc!important;border-top:3px solid #2e8d47!important;border-radius:16px!important;background:#fff!important;padding:16px!important;overflow:hidden!important}
html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c) iframe[title="PDF preview"]{display:block!important;width:100%!important;height:80vh!important;min-height:500px!important;border:0!important;border-radius:10px!important}
}
@media screen and (max-width:600px){html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>nav a{flex:1 1 160px!important}html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>header{padding:20px!important}html body:has(nav a[href="document-library.php"]):not(#library-theme-a):not(#library-theme-b):not(#library-theme-c)>main{padding:8px!important}}

/* Equal-size audit status and risk controls */
@media screen{html body:not(#risk-sizing-a):not(#risk-sizing-b):not(#risk-sizing-c) #audit .question>label:has(select[data-field="status"]){display:flex!important;flex-direction:column!important;align-self:start!important;gap:8px!important;line-height:21px!important;font-size:14px!important}html body:not(#risk-sizing-a):not(#risk-sizing-b):not(#risk-sizing-c) #audit .question select[data-field="status"]{height:46px!important;min-height:46px!important;margin:0!important;width:100%!important;box-sizing:border-box!important}html body:not(#risk-sizing-a):not(#risk-sizing-b):not(#risk-sizing-c) #audit .question>.risk{display:flex!important;align-items:center!important;justify-content:center!important;align-self:start!important;justify-self:stretch!important;box-sizing:border-box!important;height:46px!important;min-height:46px!important;max-height:46px!important;margin:29px 0 0!important;padding:10px 12px!important;border-radius:9px!important;font-size:14px!important;line-height:21px!important;border:1px solid currentColor!important;text-align:center!important}}
@media screen and (min-width:901px){html body:not(#risk-sizing-a):not(#risk-sizing-b):not(#risk-sizing-c) #audit .question{grid-template-columns:minmax(0,1fr) minmax(170px,230px) minmax(170px,230px)!important}}
@media screen and (max-width:700px){html body:not(#risk-sizing-a):not(#risk-sizing-b):not(#risk-sizing-c) #audit .question>.risk{margin-top:0!important}}

/* TAS logo green — sampled from original logo, 19 October 2026. */
:root{--tas-logo-green:#2e8d47;--tas-green:#2e8d47;--success:#2e8d47;}

/* Align dashboard module titles and Open controls. */
html body:not(#dash-align-a):not(#dash-align-b):not(#dash-align-c):not(#dash-align-d):not(#dash-align-e) #dashboard .dashboard-folder{display:grid!important;grid-template-columns:minmax(0,1fr) 120px!important;align-items:center!important;justify-content:initial!important;gap:20px!important;min-height:128px!important;padding:24px!important;box-sizing:border-box!important;}
html body:not(#dash-align-a):not(#dash-align-b):not(#dash-align-c):not(#dash-align-d):not(#dash-align-e) #dashboard .dashboard-folder>span{margin:0!important;align-self:center!important;line-height:1.4!important;text-align:left!important;}
html body:not(#dash-align-a):not(#dash-align-b):not(#dash-align-c):not(#dash-align-d):not(#dash-align-e) #dashboard .dashboard-folder>strong{display:none!important;}
html body:not(#dash-align-a):not(#dash-align-b):not(#dash-align-c):not(#dash-align-d):not(#dash-align-e) #dashboard .dashboard-folder::after{content:'Open →'!important;position:static!important;inset:auto!important;transform:none!important;translate:none!important;margin:0!important;width:120px!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;justify-self:end!important;padding:0 12px!important;line-height:1!important;}
@media(max-width:480px){html body:not(#dash-align-a):not(#dash-align-b):not(#dash-align-c):not(#dash-align-d):not(#dash-align-e) #dashboard .dashboard-folder{grid-template-columns:minmax(0,1fr) 90px!important;gap:12px!important;padding:18px!important;min-height:110px!important;}html body:not(#dash-align-a):not(#dash-align-b):not(#dash-align-c):not(#dash-align-d):not(#dash-align-e) #dashboard .dashboard-folder::after{width:90px!important;}}

/* Shared TAS header: matches approved VDC Gate 2 header. */
@media screen{
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f)>header,html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) .app-header{display:block!important;max-width:1320px!important;margin:24px auto 0!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #d8e2dc!important;border-bottom:4px solid #b91421!important;border-radius:16px!important;box-sizing:border-box!important;}
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) .app-header>.brand{display:block!important;width:100%!important;padding:0!important;margin:0!important;}
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) header :is(.header-logo,.header-logo-frame){display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;height:128px!important;padding:14px 24px!important;margin:0!important;background:#fff!important;border:0!important;box-sizing:border-box!important;}
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) header :is(.header-logo,.header-logo-frame) img{display:block!important;width:220px!important;height:100px!important;max-width:100%!important;object-fit:contain!important;margin:auto!important;padding:0!important;border:0!important;border-radius:0!important;}
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f)>header>img{display:block!important;width:100%!important;max-width:none!important;height:128px!important;object-fit:contain!important;padding:14px 24px!important;margin:0!important;background:#fff!important;box-sizing:border-box!important;}
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) header :is(.header-title,.brand-meta,.tas-matched-brand){display:block!important;width:100%!important;box-sizing:border-box!important;background:#2e8d47!important;color:#fff!important;padding:22px 24px!important;margin:0!important;border:0!important;border-radius:0!important;text-align:left!important;}
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) header :is(.header-title,.brand-meta,.tas-matched-brand)>:is(h1,strong){display:block!important;font-size:24px!important;font-weight:600!important;line-height:1.3!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important;color:#fff!important;}
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) header :is(.header-title,.brand-meta,.tas-matched-brand)>p{font-size:13px!important;line-height:1.6!important;margin:4px 0!important;color:#fff!important;}
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) header :is(.brand-meta,.tas-matched-brand)>span{display:block!important;font-size:13px!important;line-height:1.6!important;margin:0!important;color:#fff!important;}
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) header :is(.header-title,.brand-meta,.tas-matched-brand) :is(a,time,span){color:#fff!important;}
html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) .app-header>.tabs{margin:0!important;padding:18px 24px!important;background:#fff!important;border-top:4px solid #b91421!important;}
@media(max-width:600px){html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) header :is(.header-title,.brand-meta,.tas-matched-brand){padding:20px!important;}}
}
@media screen{html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f) header :is(.header-title,.brand-meta,.tas-matched-brand) a{display:inline!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;min-height:0!important;width:auto!important;font-size:13px!important;font-weight:400!important;line-height:1.6!important;text-decoration:none!important;}}
/* Stable module navigation: reserve scrollbar and avoid layout-motion effects. */
@media screen{
html{scrollbar-gutter:stable!important;overflow-y:scroll!important;scroll-behavior:auto!important;overscroll-behavior-y:none!important;}
body{min-height:100vh;}
html body :is(main,.view,.workspace,.workspace-view,#app,.panel,.card,.metric,.dashboard-folder,details,summary){scroll-behavior:auto!important;transition-property:color,background-color,border-color,box-shadow!important;transition-duration:0s!important;}
html body :is(button,.button,.dashboard-folder,.card,.panel,summary):hover,html body :is(button,.button,.dashboard-folder,.card,.panel,summary):active{transform:none!important;translate:none!important;scale:none!important;}
html body main>section.card[role="status"]{min-height:132px;box-sizing:border-box;}
html body :is(.header-logo img,.header-logo-frame img,#appLogo){aspect-ratio:220/100;}
html body :is(.tas-sites-grid,.tas-capture-grid,.tas-utility-grid,.metrics){align-content:start;}
}

/* Straight red header line on every TAS page. */
@media screen{html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f):not(#header-straight-all)>header,html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f):not(#header-straight-all) .app-header{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;} html body:not(#header-standard-a):not(#header-standard-b):not(#header-standard-c):not(#header-standard-d):not(#header-standard-e):not(#header-standard-f):not(#header-straight-all) .app-header>.tabs{border-radius:0!important;}}

/* Consistent acknowledgement-style grids across all modules. */
html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table{border-collapse:separate!important;border-spacing:0!important;border:1px solid #97b4a0!important;border-radius:4px!important;overflow:hidden!important}
html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table th, html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table td{border-radius:0!important;border:0!important;border-right:1px solid #c6d5cb!important;border-bottom:1px solid #c6d5cb!important;vertical-align:top!important}
html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table th{background:#2e8d47!important;color:#fff!important}
html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table tr>th:last-child, html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table tr>td:last-child{border-right:0!important}
html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table tbody tr:last-child>td{border-bottom:0!important}
html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table textarea, html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table input:not([type="radio"]):not([type="checkbox"]), html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table select{border-radius:4px!important;box-shadow:none!important}
html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table:has(.dsti-task-number) tr::before{border-radius:0!important;border-right:1px solid #c6d5cb!important;border-bottom:1px solid #c6d5cb!important}
html body:not(#tas-grid-standard-0):not(#tas-grid-standard-1):not(#tas-grid-standard-2):not(#tas-grid-standard-3):not(#tas-grid-standard-4):not(#tas-grid-standard-5):not(#tas-grid-standard-6):not(#tas-grid-standard-7):not(#tas-grid-standard-8):not(#tas-grid-standard-9) table:has(.dsti-task-number) tbody tr:last-child::before{border-bottom:0!important}

/* Use authored sentence case throughout the app. */
html body:not(#sentence-case-0):not(#sentence-case-1):not(#sentence-case-2):not(#sentence-case-3):not(#sentence-case-4):not(#sentence-case-5):not(#sentence-case-6):not(#sentence-case-7):not(#sentence-case-8):not(#sentence-case-9):not(#sentence-case-10):not(#sentence-case-11) :is(h1,h2,h3,h4,h5,h6,summary,button,label,legend,th,a){text-transform:none!important}

/* TAS EHSQ website development credit — web footers only (2026-11-01). */
@media screen {
  footer.tas-brand-footer .tas-footer-policies:not(:has(.tas-developer-credit))::after {
    content: "Website developed by – TAS Capital Group";
    display: block;
    margin-top: 8px;
    font: 400 12px/1.6 Arial, sans-serif;
    color: inherit;
  }
}
