/* Public demo additions. This stylesheet contains no full-product business logic. */
.skip-link{position:fixed;z-index:200;top:-90px;left:12px;padding:10px 16px;background:#fff;color:#092840;border-radius:8px}.skip-link:focus{top:10px}
:focus-visible{outline:3px solid #3a91e0!important;outline-offset:3px}
.sidebar .side-foot a{color:#bfecff;text-decoration:none}.sidebar .side-foot a:hover{text-decoration:underline}
.demo-pill{background:#eae9ff;border-color:#cecaff;color:#5046a2;white-space:nowrap}.demo-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#f0f4ff;border-bottom:1px solid #d7dffc;padding:12px 30px}.demo-bar-copy{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:#495572}.demo-bar-copy b{background:#e0e2ff;color:#514b97;border-radius:15px;padding:4px 10px;font-size:11px}.demo-bar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.demo-bar .btn{white-space:nowrap}.demo-bar a.btn{display:inline-block;text-decoration:none}.demo-bar a.btn:hover{color:#fff}.top-home{font-size:12px;color:#087c75;text-decoration:none;font-weight:750}
.demo-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;text-align:center;padding:30px 12px;font-size:11px;color:#8490a3}.demo-footer a{color:#267f87}
.demo-note{border:1px solid #d9def8;border-radius:12px;padding:13px 15px;background:#f4f5ff;color:#515b87;margin:0 0 22px;font-size:12px}.demo-note strong{color:#494d85}.demo-note a{color:#167d83;font-weight:700}.locked{background:#fcfcff;border:1px dashed #bbc7dc;color:#69788e;border-radius:12px;padding:16px;margin-top:15px}.locked strong{color:#354761}.locked .locked-head{display:flex;gap:10px;align-items:center;margin-bottom:5px}.locked .locked-head span{font-size:18px}.locked p{margin:4px 0 12px;font-size:12px}.locked a{text-decoration:none}
.btn:disabled{opacity:.65}.minor{font-size:11px;color:#8692a5}.inline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline-actions .btn{white-space:nowrap}
.button-link{border:0;background:transparent;text-align:left;font:inherit;font-weight:750;color:#087c79;cursor:pointer}.button-link:hover{text-decoration:underline}
.kpi-jump{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;text-align:left;width:100%}.kpi-jump:hover{transform:translateY(-2px);box-shadow:0 9px 25px #1d2d4c14}.kpi-jump:focus-visible{outline:3px solid #168cce}
.filters-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filters-row .field{width:auto;min-width:150px;max-width:240px}.filters-row label{font-size:11px;color:#64738c;font-weight:750;display:flex;gap:5px;align-items:center}
.bar-mini{height:10px;background:#edf1f7;border-radius:99px;overflow:hidden;min-width:70px}.bar-mini i{height:100%;display:block;background:#12aaa0;border-radius:99px}.bar-chart{height:160px;display:flex;gap:12px;align-items:flex-end;padding:10px 0 0}.bar-chart .bcol{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;gap:5px}.bar-chart .bbar{width:85%;max-width:45px;background:linear-gradient(0deg,#0d948a,#67d8cd);border-radius:7px 7px 2px 2px;min-height:3px}.bar-chart small{font-size:10px;color:#8090a3}
.calendar-cell{position:relative;display:block;width:100%;text-align:left;background:#fff;color:var(--ink);cursor:pointer}.calendar-cell:hover{border-color:#12aaa0;background:#f9fffe}.calendar-cell:focus-visible{z-index:1}.calendar-cell .dots{pointer-events:none}.calendar-cell.dim{background:#f8f9fc}.calendar-cell .dots span{display:block}.calendar-cell .dots span.shift{background:#e6efff;color:#345f91}.calendar-cell .dots span.pending{background:#fff3df;color:#966e1c}
.demo-scope{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 20px}.demo-scope span{display:inline-block;background:#eaf6f5;color:#27776f;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:750}.demo-scope span.restricted{background:#f0f1f6;color:#7b8191}
.form-grid label{min-width:0}.form-grid label input,.form-grid label select{min-width:0}.modal .modal-content{min-width:0}.modal-layer.show{display:grid}.modal .modal-content .notice{margin-bottom:10px}.form-grid .full{grid-column:1/-1}.form-grid label.full{grid-column:1/-1}.required-hint{color:#76849b;font-size:11px}
.warning-box{color:#75552a}.table-wrap table th,.table-wrap table td{white-space:nowrap}.table-wrap{scrollbar-color:#bacbda transparent}.table-wrap .badge{font-size:11px}
.status-tile{border:1px solid #e6edf5;border-radius:12px;background:#fcfdff;padding:15px}.status-tile h3{font-size:13px;margin:0 0 8px}.status-tile p{color:#7b8da3;font-size:11px;margin:0 0 14px}
.fake-assistant{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.fake-assistant .btn{text-align:left}.answer{border:1px solid #d8e4ed;background:#f8fbfe;border-radius:12px;padding:16px;margin-top:15px;min-height:72px;white-space:pre-wrap;line-height:1.6}
.progress-list{display:grid;gap:10px}.progress-row{display:grid;grid-template-columns:minmax(85px,120px) 1fr 36px;align-items:center;gap:10px;font-size:11px}.progress-row .bar-track{width:100%}.simple-chart .bar{background:#12aaa0}
@media(max-width:1000px){.demo-bar{padding:12px 17px}.top-home{display:none}}@media(max-width:800px){.demo-bar{flex-direction:column;align-items:flex-start}.demo-bar-actions{width:100%}.demo-bar-actions .btn{flex:1;text-align:center}.sidebar .nav{max-width:100vw}.top-location{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar{position:relative}.sidebar .side-foot{display:none}}@media(max-width:480px){.demo-bar-copy{gap:7px}.top .pill.demo-pill{display:inline-flex;font-size:9px;padding:5px 7px}.top{padding:0 10px}.top-location{font-size:11px;max-width:calc(100% - 108px)}.filters-row .field{max-width:100%;min-width:0;width:100%}.filters-row label{width:100%}.bar-chart{gap:5px}.calendar-cell{min-height:70px}.calendar-cell .dots span{font-size:8px}.demo-bar-actions{flex-direction:column;align-items:stretch}.demo-bar-actions .btn{width:100%}.table-wrap th,.table-wrap td{padding:9px}.form-grid .full{grid-column:1}}
@media print{.demo-bar,.demo-footer{display:none!important}}
@media(max-width:800px){.sidebar{width:100%;min-width:0}.sidebar .nav{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}.sidebar .logo{max-width:100%}}