/* CLIOM shared visual rhythm and accessible interactions */
:root{--experience-green:#08764d;--experience-ink:#20392e;--experience-muted:#687d71;--experience-border:#e1eae4}
html{scroll-behavior:smooth;scrollbar-gutter:stable}body{overflow-x:hidden}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #71bfa1;outline-offset:3px}button{touch-action:manipulation}button svg{flex:none}
.sidebar{overscroll-behavior:contain}.sidebar .navscroll,.sidebar .nav-scroll{scrollbar-width:none!important;-ms-overflow-style:none;min-height:0;overscroll-behavior:contain;padding-bottom:14px}.sidebar .navscroll::-webkit-scrollbar,.sidebar .nav-scroll::-webkit-scrollbar{display:none!important;width:0;height:0}.nav-item,.navitem{transition:background .16s,color .16s!important;transform:none!important}.nav-item:hover,.navitem:hover{transform:none!important}.nav-item:after,.navitem:after{display:none!important}.sidebar .brand,.sidebar .brandbox,.sidebar .side-foot,.sidebar .sidebottom{flex-shrink:0}.nav-item svg,.navico svg{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.navitem[aria-current=page],.nav-item[aria-current=page]{font-weight:650!important}.navlabel,.nav-label{font-size:9px!important;letter-spacing:.13em!important}.navitem{min-height:40px}.sidebar .version{line-height:1.5}.collapse svg,.collapse-sidebar svg{width:18px;height:18px;display:block}.topbar [data-action=notifications],.topbar [data-action=help]{width:36px;height:36px;padding:8px;position:relative;display:grid;place-items:center;border-radius:10px}.topbar [data-action=notifications]:hover,.topbar [data-action=help]:hover,.topbar [aria-expanded=true]{background:#eaf4ee}.topbar [data-action] svg{width:20px;height:20px}.experience-unread{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#cf665b;border:1.5px solid white}.topbar{gap:14px!important}.userbutton,.user-chip{flex-shrink:0}.userbutton .name{min-width:134px}.top-actions{gap:9px!important}
.experience-tooltip{position:fixed;z-index:10000;pointer-events:none;border-radius:8px;background:#173b2d;color:#fff;padding:8px 11px;font:500 12px/1.4 Inter,Arial,sans-serif;box-shadow:0 6px 22px #142b2820;max-width:290px;white-space:normal}.experience-tooltip[hidden]{display:none}.bar:after,.mini-bar:after{display:none!important}
.experience-popover{position:fixed;z-index:150;border:1px solid #dce7e0;background:#fff;color:#20392e;border-radius:16px;box-shadow:0 16px 50px #173e2726,0 3px 10px #173e2709;overflow:auto;font:13px/1.45 Inter,Arial,sans-serif;animation:popover-enter .14s ease-out}.experience-popover>header{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 14px;border-bottom:1px solid #edf2ef}.experience-popover>header b{font-size:16px;font-weight:650;display:block}.experience-popover small{display:block;color:#74887c;font-size:12px;margin-top:3px}.experience-popover header button{border:0;background:transparent;color:#637e6e;padding:7px;border-radius:8px}.experience-popover svg{width:18px;height:18px}.notice-item{display:flex;width:100%;align-items:flex-start;gap:12px;padding:15px 18px;border:0;border-bottom:1px solid #f0f4f1;text-align:left;background:white;color:#244133}.notice-item:hover{background:#f4f9f6}.notice-item b{font-size:12px;font-weight:650}.notice-item time{font-size:10px;color:#8b9c92;display:block;margin-top:6px}.notice-item>span:nth-child(2){flex:1}.notice-item>i{width:5px;height:5px;background:#0a8c5c;border-radius:50%;margin-top:6px}.notice-item.is-read>i{visibility:hidden}.experience-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#ecf6ef;color:#138359;flex-shrink:0}.experience-popover footer{padding:11px 18px}.experience-popover footer button{display:flex;align-items:center;gap:7px;color:#07784c;border:0;background:transparent;padding:6px 0;font-weight:600;font-size:12px}.experience-popover footer button:disabled{color:#82938a;cursor:default}
@keyframes popover-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.card,.metric-card,.stat{border-color:var(--experience-border)!important;box-shadow:0 3px 14px #1d4d2b04!important}.card{min-width:0}.card h2,.panel h2{line-height:1.3!important;font-weight:650!important}.content,.page{min-width:0}.card-title{gap:12px;align-items:flex-start}.card-title>div{min-width:0}.card-title .btn{flex-shrink:0}.home-top{align-items:center}.home-intro h1,.page-heading h1{letter-spacing:-.045em!important;line-height:1.16!important}.page-heading p,.home-intro p{max-width:760px;line-height:1.6!important}.btn{transition:background .16s,border-color .16s,box-shadow .16s!important}.btn:hover{transform:none!important}.stats,.grid.metrics{align-items:stretch}.stats .stat,.home-stats .stat{height:auto!important;max-height:none!important;min-height:150px!important;overflow:visible!important;padding:16px!important}.metric-main{align-items:baseline!important;gap:12px!important}.metric-detail{height:auto!important;min-height:45px!important;margin-top:12px!important;display:flex!important;gap:10px!important;align-items:center!important}.metric-detail>*{min-width:0}.metric-detail .mini-chart{flex:1;max-width:140px;min-width:70px;height:46px}.metric-subtotals{flex:1;min-width:88px}.metric-detail .mini-bars{height:32px!important}.metric-detail .chart-caption{font-size:8px}.metric-main>b{font-size:30px!important;line-height:1.1!important}.metric-main>span{font-size:11px!important;line-height:1.45!important}.home-stats .stat-foot,.stat-foot{position:static!important;margin-top:10px!important;font-size:11px!important;line-height:1.5!important}.stat-num{font-size:30px!important;line-height:1.1!important;font-variant-numeric:tabular-nums}.stat-label{font-size:12px!important}.stat-top .stat-icon{display:grid;place-items:center}.stat-top .stat-icon svg{width:19px;height:19px}.stat-change{font-size:10px}.home-grid,.home-bottom{align-items:start!important}.home-grid>.card,.home-bottom>.card{height:auto!important;max-height:none!important}.priority-row{height:auto!important;min-height:54px!important}.priority-text{min-width:0}.priority-text b{line-height:1.4}.activity-row{min-width:0;gap:10px!important}.activity-info{min-width:0}.activity-info b,.activity-info small{overflow-wrap:anywhere}.table-scroll,.table-wrap{max-width:100%;overflow:auto;scrollbar-width:thin}.table-scroll table,.table-wrap table{min-width:600px}th{font-weight:500!important}td{line-height:1.5}.tab{white-space:nowrap}.tabs,.subtabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar,.subtabs::-webkit-scrollbar{display:none}.modal,.modal-card{max-height:calc(100dvh - 40px);overflow:auto}.demo-ribbon{position:relative!important;top:auto!important;min-height:28px}.global-search,.search-wrap{min-width:120px}.global-search input,.search-wrap input{font-size:12px!important}
.experience-trend{margin-top:12px}.trend-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.trend-toolbar>div:first-child{display:flex;align-items:baseline;gap:10px}.trend-summary{font-size:25px;font-weight:650;letter-spacing:-.04em;color:#173f2c}.trend-toolbar small{font-size:10px;color:#728579}.trend-period{display:flex;background:#f0f5f2;padding:3px;border-radius:8px;flex:none}.trend-period button{background:transparent;border:0;color:#6d8376;border-radius:6px;padding:5px 8px;font-size:10px}.trend-period button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #12351c0c;color:#13754c;font-weight:600}.trend-canvas svg{display:block;width:100%;height:auto;min-height:175px;overflow:visible}.trend-grid{stroke:#e6eee9;stroke-dasharray:3 5;stroke-width:1}.trend-axis{fill:#8a9b90;font-size:10px}.trend-line{fill:none;stroke:#0b8455;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-hit{outline:none;cursor:crosshair}.trend-hit circle{fill:#0d8b5a;stroke:white;stroke-width:2;transition:r .15s}.trend-hit text{fill:#74887a;font-size:11px}.trend-guide{stroke:#419d72;stroke-dasharray:4 4;opacity:0}.trend-hit:hover circle,.trend-hit:focus circle{r:7;fill:#065d3c}.trend-hit:hover .trend-guide,.trend-hit:focus .trend-guide{opacity:.5}.trend-hit:hover text,.trend-hit:focus text{fill:#006f43;font-weight:700}.trend-hint{font-size:10px!important;color:#91a096!important;margin:0 0 14px!important}.trend-hit:focus-visible{outline:none}
@media(min-width:901px){.sidebar{width:236px!important}.shell:not(.sidebar-collapsed){grid-template-columns:236px minmax(0,1fr)!important}.shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)!important}.shell.sidebar-collapsed .sidebar{width:76px!important}.brandbox{padding:18px 15px 12px!important}.brand-full{max-width:175px!important}.navscroll{padding-inline:12px!important}.sidebottom{padding:10px 12px!important}.navitem{font-size:12px!important}.shell.sidebar-collapsed .brandbox{min-height:118px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:12px 4px!important}.shell.sidebar-collapsed .brandbox .collapse-sidebar{position:static!important;order:-1}.shell.sidebar-collapsed .brand-mark{width:35px!important;height:45px!important;object-fit:contain}.shell.sidebar-collapsed .navscroll{padding-inline:10px!important}.shell.sidebar-collapsed .navitem{width:46px!important;padding:10px!important;justify-content:center}.shell.sidebar-collapsed .navlabel{display:none!important}}
@media(min-width:1181px){.stats:not(.home-stats){grid-template-columns:repeat(4,minmax(0,1fr))!important}.intel-module-grid{grid-template-columns:minmax(0,2.7fr) minmax(230px,1fr)!important}.kanban{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:901px) and (max-width:1180px){.intel-module-grid{grid-template-columns:minmax(0,1fr)!important}.intel-module-grid>aside{display:none}.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.topbar{gap:8px!important}.userbutton .name{display:none!important}.stats,.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.trend-toolbar>div:first-child{display:block}.trend-toolbar small{display:block}.sidebar .brandbox{flex-shrink:0}}
@media(max-width:540px){.stats,.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.stats .stat{padding:12px!important;min-height:140px!important}.metric-main{display:block!important}.metric-main>span{display:block;margin-top:5px}.metric-detail{flex-wrap:wrap!important}.metric-detail .mini-chart{display:none}.home-intro h1{font-size:27px!important}.stat-num{font-size:27px!important}.topbar .userbutton,.topbar .user-chip{padding:0}.topbar [data-action=help]{display:none}.content,.page{padding:20px 14px!important}.page-heading{flex-direction:column}.heading-actions{width:100%}.card-title{flex-wrap:wrap}.trend-canvas svg{min-height:150px}.trend-toolbar small{max-width:140px}.experience-popover{border-radius:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.experience-popover{animation:none}}