/* KENGURU PRO brandbook, pages 6–10 and 18. Portal only; no product styles. */
:root{--brand-accent:#018b8d;--brand-black:#000;--brand-ink:#47474f;--brand-muted:#66666d;--brand-line:#d8d8d8;--brand-surface:#f8f8f8}
body{background:#fff;color:#000;font-family:Manrope,Arial,sans-serif;font-weight:400}
button,input,textarea,select{font-family:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}
/* A quiet, two-part header. Account actions belong to the user menu. */
.workspace-top{height:104px;padding:0 48px;gap:24px;justify-content:space-between;border-color:var(--brand-line)}
.workspace-top img{width:196px;height:43px;filter:none;opacity:1}
.identity-menu{position:relative;margin-left:auto;color:#000;font-size:14px;z-index:60}
.identity-menu summary{display:flex;align-items:center;gap:13px;cursor:pointer;list-style:none;padding:8px 0}
.identity-menu summary::-webkit-details-marker{display:none}
.identity-menu .identity-dot{border-radius:0;background:#000;color:#fff;width:38px;height:38px;font-size:14px}
.identity-name{max-width:210px;overflow-wrap:anywhere;font-weight:600;line-height:1.5}
.identity-name small{display:block;color:var(--brand-muted);font-size:12px;font-weight:400}
.identity-actions{position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--brand-line);width:235px;box-shadow:0 14px 30px #0000000d;padding:8px}
.identity-actions>a,.identity-actions button{display:block;width:100%;text-align:left;padding:12px;border:0;border-radius:0;background:#fff;color:#000;font:500 13px/1.6 Manrope,Arial,sans-serif;text-decoration:none}
.identity-actions>a:hover,.identity-actions button:hover{background:#f8f8f8;color:var(--brand-accent)}
.identity-actions form{margin:0;border-top:1px solid var(--brand-line)}
.eyebrow{color:var(--brand-muted);font-size:12px;font-weight:600}
.current-home{max-width:1300px;padding:57px 48px 0}
.current-home .intro h1{font-size:48px;font-weight:800;line-height:1.15;text-transform:uppercase;max-width:850px;margin-bottom:19px}
.current-home .intro p{font-size:16px;color:var(--brand-ink);line-height:1.85}
.current-materials{margin-top:49px}
.current-heading{margin-bottom:22px;gap:15px}
.current-heading h2{font-size:26px;text-transform:uppercase;font-weight:700;line-height:1.35}
.current-heading>span{padding:0;background:none;border-radius:0;color:var(--brand-muted);font-size:12px}
.current-grid{gap:20px}
.work-resource{border:1px solid var(--brand-line);border-radius:0;box-shadow:none;background:#f8f8f8;color:#000;padding:28px;min-height:338px;transition:border-color .15s,background .15s;transform:none}
.work-resource:hover{transform:none;border-color:var(--brand-accent);background:#fff}
.resource-icon{border:0;border-radius:0;background:none;width:32px;height:32px;color:var(--brand-accent);margin-bottom:29px}
.work-resource h3{font-size:22px;font-weight:700;line-height:1.35;margin-bottom:17px}
.work-resource p{font-size:14px;color:var(--brand-ink);line-height:1.85;margin-bottom:23px}
.resource-access{color:var(--brand-muted);font-size:12px;line-height:1.8;margin-bottom:19px}
.resource-action{font-size:13px;text-transform:uppercase;color:#000;border-color:var(--brand-line);padding-top:18px}
.resource-action>span{font-size:23px;font-weight:400}
.resource-board{background:#000;border-color:#000;color:#fff}
.resource-board:hover{background:#141414;border-color:#000}
.resource-board .resource-icon{border:0;background:none;color:#fff}
.resource-board p{color:#d8d8d8}
.resource-board .resource-action{border-color:#47474f;color:#fff}
.current-note{font-size:12px;color:var(--brand-muted);margin-top:17px}
.source-materials{display:block;border-color:#d8d8d8;margin-top:58px;padding:18px 0}
.archive-materials{font-size:12px;color:var(--brand-muted)}
.archive-materials summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;line-height:1.8}
.archive-materials summary::-webkit-details-marker{display:none}
.archive-materials summary>span{font-size:18px;color:#47474f;font-weight:400}
.archive-materials[open] summary>span{transform:rotate(45deg)}
.archive-materials>p{font-size:12px;max-width:800px;margin:15px 0;color:var(--brand-muted);line-height:1.8}
.source-materials nav{display:flex;gap:10px 24px;padding-bottom:3px}
.source-materials a{font-size:12px;color:#47474f}
.source-materials a:hover{color:var(--brand-accent)}
.current-home .home-footer{color:var(--brand-muted);font-size:12px;padding:23px 0 30px}
/* Working board: monochrome surfaces with the brand teal accent. */
.board-main{padding:28px 36px;max-width:2100px}
.workspace-back{display:inline-block;color:#47474f;font-size:13px;text-decoration:none;margin-bottom:25px}
.workspace-back:hover{color:var(--brand-accent)}
.board-intro h1{font-size:40px;line-height:1.2;text-transform:uppercase;color:#000;font-weight:800}
.board-intro p{color:#47474f;font-size:14px;line-height:1.8;max-width:850px}
.board-intro .eyebrow{color:#66666d}
.action{border-radius:0;font-size:13px;font-weight:600;min-height:44px;padding:11px 16px}
.primary-action{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}
.primary-action:hover{background:#000;border-color:#000}
.secondary-action{background:#fff;border-color:#d8d8d8;color:#000}
.secondary-action:hover{border-color:#000;background:#f8f8f8}
.text-action{color:#47474f}
.board-toolbar{gap:10px;margin-top:29px}
.search-field input,.type-filter select{border-radius:0;background:#fff;border-color:#d8d8d8;color:#000;font-size:13px;min-height:44px}
.search-field input::placeholder{color:#66666d;opacity:1}
.filter-chips button{border-radius:0;background:#fff;color:#47474f;border-color:#d8d8d8;font-size:13px;min-height:44px}
.filter-chips button[aria-pressed=true]{background:#000;border-color:#000;color:#fff}
.board-toolbar #sync-state{color:#66666d;font-size:12px}
.workflow-hint{background:#f8f8f8;border:1px solid #d8d8d8;border-left:3px solid var(--brand-accent);border-radius:0;color:#47474f;font-size:13px;padding:14px 17px;line-height:1.7}
.workflow-hint b{color:#000}
.board{scrollbar-color:#a0a0a0 #f8f8f8}
.kb-column{background:#f8f8f8;border-color:#d8d8d8;border-radius:0;flex-basis:310px}
.kb-column>header{padding:18px 15px}
.kb-column h2{font-size:14px;font-weight:700;color:#000}
.column-count{color:#66666d}
.column-dot,.column-dot.waiting,.column-dot.clarify{background:#a0a0a0}
.column-dot.progress,.column-dot.done{background:#018b8d}
.column-dot.review{background:#47474f}
.kb-column>header>button{background:#fff;border:1px solid #d8d8d8;border-radius:0;color:#47474f}
.column-cards{scrollbar-color:#a0a0a0 #f8f8f8;max-height:calc(100dvh - 460px)}
.kb-card{border-radius:0;box-shadow:none;background:#fff;border-color:#d8d8d8;padding:18px 16px}
.kb-card:hover{border-color:#018b8d}
.kb-card h3{font-size:14px;line-height:1.7;color:#000;font-weight:700}
.kb-card>p{color:#47474f;font-size:13px;line-height:1.8}
.type-badge,.type-badge.remark,.type-badge.question{background:#f8f8f8;color:#47474f;border:1px solid #d8d8d8;border-radius:0;font-size:12px;padding:2px 6px}
.card-id,.kb-card-meta,.kb-card-bottom{color:#66666d}
.kb-card-bottom{border-color:#d8d8d8}
.assignee,.assignee.contractor{border-radius:0;background:#000;color:#fff}
.priority-high{background:#f8f8f8;border:1px solid #a0a0a0;border-radius:0;color:#47474f}
.drop-target{background:#f0f5f5;outline-color:#018b8d}
.empty-column,.board-footnote{color:#66666d}
/* Cards, comments, editor, dropdowns. */
.card-dialog,.edit-dialog{border-radius:0;background:#fff;border-color:#d8d8d8;color:#000;box-shadow:0 25px 90px #0002}
.card-dialog::backdrop,.edit-dialog::backdrop{background:#0008;backdrop-filter:blur(2px)}
.modal-top h2{font-weight:700;color:#000;font-size:25px}
.modal-top .eyebrow{color:#47474f}
.close-modal{border-radius:0;background:#f8f8f8;border:1px solid #d8d8d8;color:#000}
.card-facts,.card-status label{color:#66666d}
.card-facts b{color:#47474f}
.card-status{border-radius:0;background:#f8f8f8;border:1px solid #d8d8d8}
.card-status select{border-radius:0;color:#000;border-color:#d8d8d8}
.card-body>section{border-color:#d8d8d8}
.card-body h3{color:#000;font-size:16px;font-weight:700}
.description,.board-message p{color:#47474f;font-size:14px;line-height:1.9}
.description a,.reference-link{color:#007477;text-decoration:underline;text-underline-offset:3px}
.board-field,.segmented legend{color:#000;font-size:13px;font-weight:600}
.board-field input,.board-field textarea,.board-field select{border-radius:0;background:#fff;border-color:#a0a0a0;color:#000;font-weight:400}
.board-field input::placeholder,.board-field textarea::placeholder{color:#66666d;opacity:1}
.board-field input:focus,.board-field textarea:focus{border-color:#018b8d;box-shadow:0 0 0 2px #018b8d15}
.board-field [readonly],.board-field [disabled]{background:#f8f8f8;color:#66666d}
.form-note,.board-field small{color:#66666d;font-size:13px}
.segmented span{border-radius:0;background:#fff;border-color:#a0a0a0;color:#47474f}
.segmented input:checked+span{background:#000;color:#fff;border-color:#000}
.board-message{border-radius:0;border-color:#d8d8d8;background:#f8f8f8}
.board-message b{color:#000}
.message-time,.muted-count{color:#66666d}
.message-actions button{color:#47474f;text-decoration:underline;text-underline-offset:3px}
.question-guide,.previous-answer{border-radius:0;background:#f8f8f8;border-color:#d8d8d8;color:#47474f}
.question-guide summary,.previous-answer summary{color:#000}
.history,.card-archive small{color:#66666d}
.history p,.card-archive{border-color:#d8d8d8}
.column-settings>div,.archive-row{border-color:#d8d8d8}
.column-settings button{border-radius:0;background:#fff;color:#47474f;border-color:#d8d8d8}
.board-toast{border-radius:0;background:#000;color:#fff;box-shadow:none}
.ts-control,.ts-dropdown{border-radius:0;background:#fff;color:#000;border-color:#a0a0a0;font-size:13px;box-shadow:none}
.ts-control:after{color:#47474f}
.ts-dropdown .option{border-radius:0;color:#000}
.ts-dropdown .option.active{background:#f8f8f8;color:#000}
.ts-dropdown .option.selected{background:#000;color:#fff}
.modal-error,.load-error{color:#9a3030}
/* Access screens are part of the same workspace. */
.login-page{background:#fff;color:#000}
.login-top{border-bottom:1px solid #d8d8d8;padding:30px 48px}
.login-top img{width:196px;height:43px;filter:none}
.login-top>span{color:#66666d}
.login-card{width:450px;margin:65px auto 75px}
.login-card h1{color:#000;font-size:46px;text-transform:uppercase;line-height:1.16}
.login-card h1 em{color:#018b8d}
.login-card .eyebrow{color:#66666d}
.login-card>p{color:#47474f;font-size:14px}
.login-card form label{color:#000}
.login-card input[type=password],.name-input{border-radius:0;border-color:#a0a0a0;background:#fff;color:#000}
.login-card input::placeholder,.name-input::placeholder{color:#66666d}
.primary{border-radius:0;background:#018b8d;color:#fff;min-height:50px;font-weight:600}
.primary:hover{background:#000}
.login-card small,.role-note{color:#66666d}
.login-footer{border-color:#d8d8d8;color:#66666d}
.role-card h1{color:#000;font-size:36px;text-transform:uppercase;font-weight:800}
.role-card>p{color:#47474f}
.role-options label>span{border-radius:0;background:#f8f8f8;border-color:#d8d8d8}
.role-options input{accent-color:#018b8d}
.role-options input:checked+span{border-color:#018b8d;background:#f0f7f7}
.role-options b{color:#000}
.role-options small{color:#47474f}
.name-label{color:#000}
.name-label small{color:#66666d}
.error{color:#9a3030}
@media(max-width:1100px){.workspace-top{padding:0 32px}.current-home{padding:45px 32px 0}.current-home .intro h1{font-size:41px}.work-resource{padding:24px}.work-resource h3{font-size:20px}.board-main{padding:26px 24px}.column-cards{max-height:60dvh}}
@media(max-width:760px){.workspace-top{height:86px;min-height:86px;padding:18px 20px;flex-wrap:nowrap}.workspace-top img{width:155px;height:auto}.identity-menu summary{gap:9px}.identity-name{font-size:12px;max-width:105px}.identity-name small{font-size:11px}.identity-menu .identity-dot{display:none}.identity-actions{width:220px}.current-home{padding:34px 20px 0}.current-home .intro h1{font-size:32px;line-height:1.2}.current-home .intro p{font-size:14px}.current-materials{margin-top:32px}.current-heading h2{font-size:21px}.current-heading>span{display:none}.current-grid{gap:14px}.work-resource{min-height:0;padding:25px}.resource-icon{margin-bottom:22px}.work-resource h3{font-size:22px}.resource-access{margin-top:0}.resource-action{margin-top:8px}.source-materials{margin-top:38px}.source-materials nav{flex-direction:column;align-items:flex-start;gap:12px}.archive-materials summary{font-size:12px}.board-main{padding:24px 16px}.board-intro h1{font-size:30px}.board-intro p{font-size:13px}.board-intro .primary-action{width:100%}.workflow-hint{font-size:12px}.kb-column{flex-basis:290px}.card-dialog,.edit-dialog{border-radius:0}.modal-top h2{font-size:22px}.board-field input,.board-field textarea{font-size:16px}.login-top{padding:25px 22px}.login-top img{width:160px;height:auto}.login-top>span{display:none}.login-card{margin:45px auto 55px}.login-card h1{font-size:35px}.role-card h1{font-size:28px}.role-options label>span{min-height:115px}.login-footer{padding:20px 22px}.workspace-back{margin-bottom:22px}.board-toolbar .search-field{width:100%}}