/* MyBuh Команда — cohesive portal UI; original garden design and Logmaster palettes. */
:root{--accent:var(--green);--soft:color-mix(in srgb,var(--accent) 7%,var(--surface));--hover:color-mix(in srgb,var(--ink) 3%,var(--surface));--primary-ink:#fff}
body{background:var(--bg);color:var(--ink)}
.ticon{display:inline-block!important;width:20px;height:20px;flex:0 0 20px;background:currentColor;mask-image:var(--icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--icon);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;vertical-align:middle}
.btn .ticon{width:17px;height:17px;flex-basis:17px}.shell{grid-template-columns:238px minmax(0,1fr)}
.sidebar{padding:28px 17px 19px;gap:28px;overflow:hidden}.brand-home{width:100%;text-align:left}.brandmark{font-family:Arial,sans-serif;letter-spacing:-2px;padding-right:2px}
.navigation-groups{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent;display:grid;gap:23px;padding-right:2px;margin-right:-2px}
.nav-label{font-size:9px;letter-spacing:1.4px;margin-bottom:8px;color:#9caf9f}.navigation{gap:3px}.nav-link{padding:9px 12px;font-size:12px;min-height:37px;gap:11px}.nav-link .ticon,.nav-link svg{width:18px;height:18px;flex-basis:18px}
.nav-link:hover{background:#ffffff0d}.nav-link.active{background:var(--selected);color:#172c22;font-weight:600}.sidebar-bottom{flex-shrink:0;margin-top:auto;padding-top:1px}.sidebar-settings{display:flex;gap:10px;align-items:center;width:100%;padding:10px 9px 17px;font-size:11px;color:#bacbc1;border-bottom:1px solid #ffffff19;margin-bottom:14px;text-align:left}.sidebar-settings .ticon{width:17px;height:17px;flex-basis:17px}.sidebar-settings:hover{color:#fff}.account .small{font-size:10px;color:#9fb2a6}.avatar.dark{background:#ffffff13;color:#d5e2d8}
.workspace{padding:29px 36px 35px}.topline{margin-bottom:28px}.top-controls{display:flex;align-items:center;gap:18px}.timezone{font-size:10px}.theme-trigger{background:transparent;font-size:10px;min-height:30px;padding:5px 9px}.theme-trigger .ticon{width:15px;height:15px;flex-basis:15px}.crumb{font-size:11px}.crumb span:last-child{color:var(--ink)}.page-heading{margin-bottom:26px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px;max-width:660px;line-height:1.7}
.btn{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn:hover{background:var(--hover)}.btn-primary{background:var(--forest);border-color:var(--forest);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--forest) 85%,white)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--ink);background:var(--hover)}.btn-danger{color:var(--red)}.icon-btn:hover{background:var(--soft)}
.section-gap{margin-top:24px}.section-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:13px}.section-header h2{font-size:16px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--green);margin-bottom:14px}.plain-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.article-body{font-size:13px;margin-top:20px}.article-meta{margin-top:24px;color:var(--muted);font-size:11px}.detail-meta{font-size:11px;color:var(--muted);margin-top:16px}.task-detail{margin-bottom:22px}.task-detail p{margin-top:13px;font-size:13px}.form-field label{color:var(--ink)}.form-field .checkbox-label{font-weight:400;line-height:1.5}.form-field input,.form-field select,.form-field textarea,.filter-field input,.filter-field select,.month-toolbar input{background:var(--surface);border-color:var(--line);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}.form-field .hint,.checkbox-label,.field-label{color:var(--muted)}.checkbox-label input{accent-color:var(--accent);flex-shrink:0}.form-field input[type=checkbox]{min-height:0;width:16px;height:16px;padding:0}.form-field .checkbox-label+.checkbox-label{margin-top:11px}.form-field input:disabled{opacity:.6}.modal{background:var(--surface)}.modal-backdrop{background:#07161073}.modal-body:has(.theme-grid){padding-top:20px}.modal:has(.theme-grid){width:780px}.modal:has(.article-body){width:760px}.modal:has(#material-form){width:760px}.modal:has(#task-form){width:680px}.modal:has(#account-form){width:640px}.modal:has(#review-form){width:640px}.modal-heading h2{overflow-wrap:anywhere}.form-actions{flex-wrap:wrap}.form-error{overflow-wrap:anywhere}
/* A quiet, distinctive workday landing. No illustrative metrics. */
.welcome-banner{background:linear-gradient(115deg,#edf3df,#f0f3e9 70%,#e5edd6);border:1px solid #e0e7d4;border-radius:18px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;padding:30px 33px;overflow:hidden;position:relative;margin-bottom:21px;min-height:223px}.welcome-banner>div:first-child{position:relative;z-index:1}.welcome-banner h2{font-size:28px;letter-spacing:-.8px;font-weight:600;line-height:1.25}.welcome-dot{color:#69994a}.welcome-banner p{font-size:12px;line-height:1.85;color:#64725d;max-width:545px;margin-top:11px}.welcome-banner .eyebrow{font-size:9px;color:#6f805c;margin-bottom:12px}.welcome-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.welcome-actions .btn{font-size:11px;min-height:37px}.welcome-actions .btn:not(.btn-primary){background:#ffffff80;border-color:#d8e1ce}.welcome-art{position:relative;align-self:center;height:170px;width:210px;justify-self:center}.art-orbit{position:absolute;inset:-10px;border:1px solid #95b07744;border-radius:50%;transform:rotate(-20deg)}.art-orbit:after{content:'';position:absolute;inset:25px;border:1px solid #95b07733;border-radius:50%}.art-card{position:absolute;width:96px;height:115px;background:#ffffffcf;border:1px solid #c7d3b955;box-shadow:0 12px 32px #304d2110;border-radius:13px;padding:16px;color:#638448;display:grid;align-content:start;gap:12px}.art-card.one{left:13px;top:11px;transform:rotate(-11deg)}.art-card.two{right:12px;top:38px;transform:rotate(10deg)}.art-card span:not(.ticon){height:4px;width:52px;background:#cad8be;border-radius:3px}.art-card span:not(.ticon):last-child{width:35px}.art-mark{position:absolute;right:79px;bottom:12px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#d8ef82;border:4px solid #eaf1de;color:#34502f;box-shadow:0 5px 16px #1f3a1615;font-size:27px;line-height:1;border-radius:15px;font-weight:700}
.workspace-metrics{margin-bottom:24px;gap:15px}.workspace-metrics .metric{display:block;text-align:left;padding:19px 22px;transition:transform .18s,border-color .18s}.workspace-metrics .metric:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.workspace-metrics .metric-top{font-size:11px;color:var(--muted)}.workspace-metrics .metric-top>.ticon,.workspace-metrics .metric-top>svg{width:18px;height:18px;color:var(--accent);opacity:.7}.workspace-metrics .metric-value{font-size:30px;margin-top:12px}.workspace-metrics .metric-note{font-size:10px}.portal-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:22px}.portal-columns .panel-head{padding:21px 22px 16px;align-items:flex-start}.portal-columns .panel-head h2{font-size:16px}.portal-columns .panel-head> .ticon{color:var(--muted)}.portal-columns .empty{padding:36px 25px}.portal-columns .empty p{max-width:330px;font-size:11px}.portal-columns .panel-foot{padding:13px 19px;justify-content:flex-end}.task-list{display:grid}.task-line{display:flex;align-items:center;gap:13px;text-align:left;padding:17px 22px;border-top:1px solid var(--line);width:100%;min-width:0}.task-line:first-child{border-top:0}.task-line:hover{background:var(--hover)}.task-line-title{display:grid;gap:5px;flex:1;min-width:0}.task-line-title strong{font-size:12px;font-weight:550;overflow-wrap:anywhere}.task-line-title small{font-size:10px;color:var(--muted)}.task-line>svg{width:15px;color:var(--muted)}.task-status-mark{width:10px;height:10px;flex:0 0 10px;border:1.5px solid #abb4a8;border-radius:50%}.task-status-mark.in_progress{border-color:#6f9a63;background:#6f9a6333}.task-status-mark.review{border-color:#cea056;background:#cea05633}.task-status-mark.done{background:var(--accent);border-color:var(--accent)}.reading-list{padding:0 21px}.reading-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 0;border-top:1px solid var(--line)}.reading-item>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}.reading-item strong{font-size:12px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.reading-item small{font-size:10px;color:var(--muted)}.reading-item>svg{width:15px;color:var(--muted)}.reading-item:hover strong{color:var(--accent)}.reading-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:39px;background:var(--soft);border:1px solid color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);border-radius:8px}.reading-icon .ticon{width:17px;height:17px;flex-basis:17px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:24px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-width:0}.service-card h3{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.service-card p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:7px}.service-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:var(--soft);color:var(--accent);border-radius:11px}.service-card>.btn,.service-card>.badge{margin-top:auto}.service-edit{position:absolute;top:15px;right:14px;color:var(--muted)}.service-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.compact .service-card{padding:19px 21px;gap:12px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start}.compact .service-icon{height:34px;width:34px;border-radius:10px}.compact .service-icon .ticon{height:18px;width:18px;flex-basis:18px}.compact .service-card h3{font-size:13px}.compact .service-card p{font-size:10px;margin-top:4px}.compact .service-card>.btn,.compact .service-card>.badge{grid-column:2;justify-self:start;font-size:10px;margin-top:3px}.future-strip{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-top:24px;padding:21px 23px}.future-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--soft);color:var(--accent);border-radius:12px;flex-shrink:0}.future-strip>div{flex:1}.future-strip h3{font-size:13px}.future-strip p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:5px}.future-strip>.badge{font-size:9px}.future-strip>.btn{font-size:10px}
/* Tasks and knowledge use consistent, compact cards. */
.module-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:22px}.module-toolbar>.muted{margin-left:auto;font-size:11px}.module-toolbar .search-box input{height:39px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:8px 13px 8px 35px;min-width:260px;font-size:12px}.module-toolbar .search-box.wide input{min-width:360px}.segmented{display:flex;align-items:center;border:1px solid var(--line);background:var(--surface);padding:3px;border-radius:10px;max-width:100%;overflow-x:auto}.segmented button{font-size:11px;white-space:nowrap;padding:7px 12px;border-radius:7px;color:var(--muted)}.segmented button.active{background:var(--soft);color:var(--accent);font-weight:600}.segmented button:hover{color:var(--ink)}.task-board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:17px;overflow:auto;align-items:start;padding-bottom:12px}.task-column{background:color-mix(in srgb,var(--ink) 3%,var(--bg));border:1px solid var(--line);border-radius:13px;min-height:335px;padding:14px 10px}.column-head{display:flex;align-items:center;gap:8px;margin:0 4px 17px}.column-head h2{font-size:11px;letter-spacing:0;flex:1}.column-head>span:last-child{font-size:10px;color:var(--muted);background:var(--surface);padding:1px 5px;border-radius:4px;border:1px solid var(--line)}.column-head .task-status-mark{width:8px;height:8px;flex-basis:8px}.column-cards{display:grid;gap:10px}.task-card{display:block;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:15px;text-align:left;min-width:0;box-shadow:0 2px 3px #172c2203;transition:border-color .15s,transform .15s}.task-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-2px)}.task-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.task-id{font-size:9px;color:var(--muted);letter-spacing:.7px}.task-card-top .badge{font-size:8px;padding:3px 5px}.task-card h3{font-size:12px;line-height:1.6;overflow-wrap:anywhere;font-weight:600}.task-card p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.task-card-foot{display:grid;gap:10px;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.task-assignee{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.task-assignee .avatar{width:23px;height:23px;border-radius:7px;font-size:8px;font-style:normal}.task-date{display:flex;gap:5px;align-items:center;font-size:9px;color:var(--muted)}.task-date svg{width:12px;height:12px}.task-date.overdue{color:var(--red)}.column-empty{display:flex;align-items:center;justify-content:center;padding:30px 10px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:10px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.material-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:23px;display:flex;flex-direction:column;min-width:0}.material-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.material-icon{background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center;width:39px;height:43px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--surface));border-radius:9px;margin-right:auto}.material-top .badge{font-size:9px}.material-open{display:block;text-align:left;width:100%;padding:0;flex:1}.material-open:hover h2{color:var(--accent)}.material-card h2{font-size:16px;line-height:1.5;letter-spacing:-.25px;overflow-wrap:anywhere}.material-card p{font-size:11px;color:var(--muted);line-height:1.85;margin-top:12px;overflow-wrap:anywhere;white-space:pre-line}.material-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px;padding-top:14px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.material-foot .icon-btn{width:26px;height:26px}.material-foot>svg{width:15px;height:15px}.material-foot .icon-btn svg{width:14px;height:14px}
/* Decisions and account settings. */
.request-card{padding:23px;border-top:1px solid var(--line)}.request-card:first-child{border-top:0}.request-top,.request-foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.request-reason{font-size:12px;line-height:1.7;margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}.request-times{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:17px 0;background:var(--bg);padding:16px 18px;border-radius:10px;border:1px solid var(--line)}.request-times>div{display:grid;gap:7px}.request-times span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.request-times strong{font-size:11px;font-weight:550;line-height:1.7}.request-foot>span{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.request-foot>.btn{flex-shrink:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.profile-summary{margin-bottom:18px}.profile-summary .avatar{width:45px;height:45px;font-size:13px}.profile-summary .person-name{font-size:14px}.profile-summary .person-sub{font-size:11px}.attribution{display:grid;gap:8px;font-size:10px;color:var(--muted)}.attribution a{text-underline-offset:3px}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.theme-card{border:1px solid var(--line);border-radius:12px;padding:10px;text-align:left;min-width:0;position:relative;display:grid;gap:6px;align-content:start}.theme-card:hover{border-color:var(--accent)}.theme-card.selected{border:2px solid var(--accent);padding:9px;background:var(--soft)}.theme-card.selected:after{content:'✓';position:absolute;right:14px;bottom:25px;color:var(--accent);font-size:13px;font-weight:700}.theme-card strong{font-size:11px;margin-top:2px}.theme-card small{font-size:9px;color:var(--muted);line-height:1.5}.theme-preview{display:grid;grid-template-columns:24px 1fr 1fr;grid-template-rows:25px 1fr;gap:5px;height:81px;border:1px solid var(--theme-line);border-radius:7px;overflow:hidden;padding:9px 8px 9px 0;position:relative;box-shadow:inset 0 0 0 1px #00000005}.theme-preview i{grid-column:1;grid-row:1/3;background:var(--theme-sidebar);margin:-9px 0 -9px 0;position:relative}.theme-preview i:after{content:'';position:absolute;top:12px;left:5px;right:5px;height:4px;border-radius:1px;background:var(--theme-accent);box-shadow:0 12px 0 #ffffff20,0 20px 0 #ffffff20,0 28px 0 #ffffff20}.theme-preview b{grid-column:2/4;grid-row:1;background:color-mix(in srgb,var(--theme-accent) 20%,var(--theme-surface));border-radius:3px}.theme-preview em{grid-row:2;background:var(--theme-surface);border:1px solid var(--theme-line);border-radius:3px;position:relative}.theme-preview em:after{content:'';position:absolute;left:5px;right:5px;top:7px;height:2px;background:var(--theme-line);box-shadow:0 5px 0 var(--theme-line)}
.roadmap-hero{display:flex;align-items:center;gap:24px;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:17px}.roadmap-hero>div{flex:1}.roadmap-hero h2{font-size:24px;line-height:1.35;letter-spacing:-.7px}.roadmap-hero p{font-size:12px;color:var(--muted);line-height:1.8;max-width:650px;margin-top:12px}.roadmap-hero .eyebrow{font-size:9px;margin-bottom:10px}.roadmap-icon{display:flex;align-items:center;justify-content:center;width:65px;height:65px;flex-shrink:0;border-radius:18px;background:var(--soft);color:var(--accent)}.roadmap-icon .ticon{width:33px;height:33px;flex-basis:33px}.roadmap-card{min-height:220px}.workflow-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:27px 0 30px;gap:17px}.workflow-preview>div{display:grid;grid-template-columns:29px 1fr;column-gap:11px;row-gap:5px;position:relative}.workflow-preview>div>span{grid-row:1/3;display:flex;justify-content:center;align-items:center;background:var(--surface);border:1px solid var(--line);height:29px;border-radius:9px;font-size:11px;font-weight:600;color:var(--accent)}.workflow-preview strong{font-size:12px;font-weight:550}.workflow-preview small{font-size:10px;color:var(--muted);line-height:1.6}.source-overview{padding:22px 25px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:22px}.source-overview>div{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.source-pipeline-step{font-size:11px;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:8px 13px}.source-pipeline-step.active{background:var(--soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}.source-overview svg{width:14px;color:var(--muted)}.source-overview p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:14px}.secret-box{padding:17px;background:var(--bg);border:1px solid var(--line);border-radius:10px;margin-bottom:20px}.secret-box code{font-size:12px;line-height:1.8;word-break:break-all;user-select:all}
/* Every attendance view shares the selected palette, including sticky table cells. */
.metric-top,.person-sub,.cell-sub,.footer-note,.calendar-table .day-head span,.tab,.form-field .hint,.auth-bottom{color:var(--muted)}.person-name,.empty h3,.connection-meta strong{color:var(--ink)}.metric-icon,.empty-icon,.connection-symbol,.pill-number,.step-number{background:var(--soft);color:var(--accent)}.metric.accent{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 15%,var(--line))}.avatar{background:var(--soft);color:var(--accent)}.avatar.dark{background:#ffffff13;color:#d5e2d8}.connection-card{background:var(--surface)}.connection-symbol{color:var(--accent)}.notice{background:var(--soft);color:var(--ink)}.notice svg{color:var(--accent)}th{background:var(--hover);color:var(--muted)}td{border-color:var(--line)}tbody tr:hover{background:var(--hover)}.calendar-table td:first-child{background:var(--surface);box-shadow:1px 0 var(--line)}.calendar-table th:first-child{background:var(--hover);box-shadow:1px 0 var(--line)}.calendar-table .weekend{background:var(--bg)}.day-value{color:var(--accent)}.day-value.unknown{color:var(--muted);opacity:.45}.office-bar{background:var(--soft)}.office-bar span{background:var(--accent);opacity:.6}.dropzone{background:var(--hover);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.dropzone.dragover{background:var(--soft);border-color:var(--accent)}.dropzone .upload-icon,.file-selected{background:var(--soft);color:var(--accent)}.auth-screen{background:var(--bg)}.tab.active{color:var(--accent);border-color:var(--accent)}.field-label{color:var(--muted)}.badge.gray{background:var(--hover);color:var(--muted)}
body[data-mode=dark]{--amber:#e9b866;--red:#f18d92;--soft:color-mix(in srgb,var(--accent) 9%,var(--surface));--hover:color-mix(in srgb,var(--ink) 5%,var(--surface))}
body[data-mode=dark] .btn-primary{background:var(--accent);border-color:var(--accent);color:#071410}body[data-mode=dark] .btn-primary:hover{background:color-mix(in srgb,var(--accent) 85%,white)}body[data-mode=dark] .nav-link.active{color:#071410}body[data-theme=neon] .btn-primary,body[data-theme=neon] .nav-link.active,body[data-theme=newyear] .btn-primary,body[data-theme=newyear] .nav-link.active{color:#fff}body[data-mode=dark] .nav-link{color:color-mix(in srgb,var(--ink) 72%,transparent)}body[data-mode=dark] .nav-label,body[data-mode=dark] .sidebar-settings,body[data-mode=dark] .account .small,body[data-mode=dark] .brand-sub{color:var(--muted)}body[data-mode=dark] .sidebar{border-right:1px solid var(--line)}body[data-mode=dark] .sidebar .nav-link.active{color:#071410}body[data-theme=neon] .sidebar .nav-link.active,body[data-theme=newyear] .sidebar .nav-link.active{color:#fff}body[data-mode=dark] .brandmark{color:#071410}body[data-mode=dark] .welcome-banner{background:linear-gradient(115deg,var(--soft),var(--surface));border-color:var(--line)}body[data-mode=dark] .welcome-banner p,body[data-mode=dark] .welcome-banner .eyebrow{color:var(--muted)}body[data-mode=dark] .welcome-dot{color:var(--accent)}body[data-mode=dark] .welcome-actions .btn:not(.btn-primary){background:var(--surface);border-color:var(--line)}body[data-mode=dark] .art-card{background:var(--surface);border-color:var(--line);color:var(--accent)}body[data-mode=dark] .art-orbit,body[data-mode=dark] .art-orbit:after{border-color:color-mix(in srgb,var(--accent) 15%,transparent)}body[data-mode=dark] .art-card span:not(.ticon){background:color-mix(in srgb,var(--accent) 30%,var(--surface))}body[data-mode=dark] .art-mark{background:var(--accent);color:#071410;border-color:var(--surface)}body[data-mode=dark] .badge.green{background:#6fbf8920;color:#9adaab}body[data-mode=dark] .badge.amber,body[data-mode=dark] .day-value.review{background:#e4ad3820;color:#e9bf78}body[data-mode=dark] .badge.red{background:#f1747c20;color:#ef9b9f}body[data-mode=dark] .badge.blue{background:#79acdf20;color:#9cc8ef}body[data-mode=dark] .notice.warning{background:#e4ad3814;color:#e9bf78}body[data-mode=dark] .notice.error,body[data-mode=dark] .form-error,body[data-mode=dark] .error-state{background:#f1747c14;color:#ef9b9f;border-color:#f1747c30}body[data-mode=dark] .notice.success{background:#6fbf8914;color:#9adaab}body[data-mode=dark] .notice.warning svg{color:#e9bf78}body[data-mode=dark] .notice.error svg{color:#ef9b9f}body[data-mode=dark] .notice.success svg{color:#9adaab}body[data-mode=dark] .warning-list{color:#e9bf78}body[data-mode=dark] #toast{background:var(--surface);border:1px solid var(--line);color:var(--ink)}body[data-theme=apple] .welcome-banner,body[data-theme=mybuh] .welcome-banner,body[data-theme=tender] .welcome-banner{background:linear-gradient(110deg,var(--soft),var(--surface));border-color:var(--line)}body[data-theme=apple] .welcome-banner p,body[data-theme=mybuh] .welcome-banner p,body[data-theme=tender] .welcome-banner p{color:var(--muted)}body[data-theme=apple] .welcome-banner .eyebrow,body[data-theme=mybuh] .welcome-banner .eyebrow,body[data-theme=tender] .welcome-banner .eyebrow{color:var(--accent)}body[data-theme=apple] .nav-link.active,body[data-theme=mybuh] .nav-link.active,body[data-theme=tender] .nav-link.active{color:#fff}body[data-theme=apple] .brandmark,body[data-theme=mybuh] .brandmark,body[data-theme=tender] .brandmark{color:#fff}
/* Responsive layouts keep the complete navigation and tables reachable. */
@media(min-width:1650px){.workspace{padding:31px 48px 40px}.welcome-banner{grid-template-columns:1fr 275px;padding:35px 39px}.welcome-art{width:230px}.theme-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.modal .theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.shell{grid-template-columns:213px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.workspace{padding:26px}.portal-columns{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:17px}.welcome-banner{padding:26px;grid-template-columns:1fr 170px;gap:15px}.welcome-art{width:175px;height:160px;transform:scale(.9)}.welcome-banner h2{font-size:26px}.workspace-metrics .metric{padding:18px}.service-grid,.service-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.future-strip{flex-wrap:wrap}.future-strip>div{min-width:220px}.future-strip>.btn{margin-left:auto}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.portal-columns{grid-template-columns:1fr}.welcome-art{display:none}.welcome-banner{grid-template-columns:1fr}.welcome-banner p{max-width:100%}.workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.roadmap-hero{flex-wrap:wrap;gap:17px;padding:25px}.roadmap-hero>div{min-width:220px}.roadmap-hero>.badge{margin-left:82px}.workflow-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.roadmap-hero h2{font-size:22px}}
@media(max-width:850px){.shell{grid-template-columns:75px minmax(0,1fr)}.sidebar{padding:24px 10px;gap:23px}.navigation-groups{gap:17px}.sidebar .nav-link{padding:11px;min-height:39px}.sidebar .nav-link>.ticon{display:block!important}.sidebar .nav-link>span:not(.ticon){display:none}.sidebar-settings{justify-content:center;padding:10px 0 17px}.sidebar-settings>span:not(.ticon){display:none}.sidebar-settings .ticon{display:block!important}.sidebar .brand-home{justify-content:center}.sidebar .brand-text,.sidebar .nav-label,.sidebar .account-copy,.sidebar .account .avatar{display:none}.workspace{padding:24px}.top-controls{gap:10px}.timezone{display:none}.topline{margin-bottom:24px}.page-heading .actions{min-width:0}.task-board{grid-template-columns:repeat(4,230px)}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.source-overview{padding:19px}.request-times{grid-template-columns:1fr}.page-heading p{max-width:440px}.future-strip{padding:20px}.future-strip>.badge{margin-left:58px}.future-strip>.btn{margin-left:auto}.future-strip>div{min-width:calc(100% - 75px)}.request-top{align-items:flex-start}}
@media(max-width:560px){.shell{display:block}.sidebar{height:auto;position:relative;padding:18px 15px 11px;gap:17px;overflow:visible}.sidebar .brand-home{justify-content:flex-start;max-width:180px}.sidebar .brand-text{display:block}.navigation-groups{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding-bottom:4px;scrollbar-width:none}.nav-group{display:contents}.sidebar .navigation{display:contents}.sidebar .nav-link{display:flex;padding:9px 11px;gap:6px;min-height:35px;width:auto;flex-shrink:0;font-size:10px}.sidebar .nav-link>span:not(.ticon){display:inline;font-size:10px;white-space:nowrap}.sidebar .nav-link>.ticon,.sidebar .nav-link>svg{width:15px;height:15px;flex-basis:15px}.sidebar .nav-label{display:none}.sidebar-bottom{position:absolute;top:18px;right:16px;display:flex;gap:5px;align-items:center;padding:0}.sidebar-settings{padding:0;margin:0;width:34px;height:34px;border:0;justify-content:center}.sidebar .account{padding:0}.workspace{padding:21px 15px}.topline{display:none}.page-heading{display:block;margin-bottom:21px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.7}.page-heading .actions:empty{display:none}.page-heading .actions{justify-content:flex-start;margin-top:15px}.welcome-banner{padding:24px 21px;min-height:0;border-radius:14px;margin-bottom:17px}.welcome-banner h2{font-size:23px}.welcome-banner p{font-size:11px}.welcome-actions{gap:8px;margin-top:19px}.welcome-actions .btn{font-size:10px;min-height:37px;padding:9px 10px}.welcome-actions .btn .ticon,.welcome-actions .btn svg{width:15px;height:15px;flex-basis:15px}.workspace-metrics{gap:10px;margin-bottom:19px}.workspace-metrics .metric{padding:16px 14px;border-radius:13px}.workspace-metrics .metric-top{font-size:10px}.workspace-metrics .metric-top>.ticon,.workspace-metrics .metric-top>svg{width:15px;height:15px;flex-basis:15px}.workspace-metrics .metric-value{font-size:27px;margin-top:10px}.workspace-metrics .metric-note{font-size:9px;line-height:1.5}.portal-columns{gap:17px}.portal-columns .panel-head{padding:19px 18px 15px}.portal-columns .panel-head h2{font-size:15px}.portal-columns .panel-head p{font-size:10px}.portal-columns .panel-head .btn{font-size:9px;padding:5px}.portal-columns .panel-head .btn svg{display:none}.portal-columns .empty{padding:30px 20px}.task-line{padding:15px 18px;gap:10px}.task-line .badge{font-size:8px;padding:4px 5px}.task-line-title strong{font-size:11px}.task-line-title small{font-size:9px}.task-line>svg{display:none}.reading-list{padding:0 18px}.reading-item strong{font-size:11px}.service-grid,.service-grid.compact,.material-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:21px}.service-grid.compact .service-card{grid-template-columns:34px 1fr auto;gap:13px}.compact .service-card>.btn,.compact .service-card>.badge{grid-column:3;grid-row:1;align-self:center;font-size:9px;padding:5px}.section-header .btn{font-size:9px;padding:5px 0}.section-header .btn svg{width:13px}.section-header h2{font-size:15px}.section-gap{margin-top:20px}.future-strip{gap:12px;padding:19px;margin-top:20px}.future-symbol{width:35px;height:35px;border-radius:10px}.future-strip>div{min-width:calc(100% - 60px)}.future-strip h3{font-size:12px}.future-strip p{font-size:10px}.future-strip>.badge{margin-left:47px}.future-strip>.btn{font-size:9px;min-height:32px;padding:6px 8px}.future-strip>.btn svg{width:13px}.module-toolbar{gap:11px;margin-bottom:17px}.module-toolbar .search-box,.module-toolbar .search-box.wide{width:100%}.module-toolbar .search-box input,.module-toolbar .search-box.wide input{min-width:0;width:100%;font-size:14px}.module-toolbar>.muted{font-size:10px}.segmented button{font-size:10px;padding:7px 10px}.task-board{gap:12px;grid-template-columns:repeat(4,245px)}.task-column{min-height:350px}.material-card{padding:21px}.material-top{margin-bottom:18px}.material-card h2{font-size:16px}.material-card p{font-size:12px}.material-foot{font-size:10px}.request-card{padding:19px}.request-top{flex-wrap:wrap;gap:12px}.request-foot{align-items:flex-start;flex-direction:column;gap:12px}.request-times{padding:13px 14px;gap:13px}.request-times strong{font-size:10px}.request-reason{font-size:12px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.theme-preview{height:75px}.theme-card strong{font-size:11px}.theme-card small{font-size:8px}.theme-card.selected:after{right:12px;bottom:23px}.settings-grid{gap:17px}.roadmap-hero{padding:22px;gap:15px}.roadmap-icon{height:43px;width:43px;border-radius:13px}.roadmap-icon .ticon{height:25px;width:25px;flex-basis:25px}.roadmap-hero>div{min-width:calc(100% - 65px)}.roadmap-hero h2{font-size:21px}.roadmap-hero p{font-size:11px}.roadmap-hero>.badge{margin-left:58px}.workflow-preview{gap:20px 12px;margin:22px 0}.workflow-preview>div{grid-template-columns:24px 1fr;column-gap:8px}.workflow-preview>div>span{width:24px;height:24px;border-radius:7px;font-size:10px}.workflow-preview strong{font-size:11px}.workflow-preview small{font-size:9px}.source-overview>div{gap:8px}.source-pipeline-step{font-size:9px;padding:7px 9px}.source-overview svg{width:12px}.source-overview p{font-size:10px}.modal-backdrop{padding:12px}.modal{max-height:94vh}.modal-body{padding:20px}.modal-heading{padding:20px}.modal-heading h2{font-size:17px}.modal-heading p{font-size:11px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-field .checkbox-label{font-size:12px}.form-actions .btn{font-size:11px}.form-actions{gap:8px}.footer-note{text-align:left;margin-top:23px}.source-overview .source-pipeline-step.active{margin:0}.auth-main{padding:35px 25px}}
@media(prefers-reduced-motion:reduce){.workspace-metrics .metric:hover,.task-card:hover{transform:none}}