.demo-app{font-size:15px}.demo-notice{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:16px 18px;margin-bottom:24px;border:1px solid var(--line);border-radius:6px;background:var(--soft);font-size:14px;line-height:1.6}.demo-notice strong{color:var(--blue)}.demo-notice button{margin-left:auto;background:var(--card);min-height:42px;font-size:14px}.demo-back{font-size:14px;white-space:nowrap;color:var(--blue)}#demo-language{font-size:14px;min-height:36px;width:58px}.demo-app .page-heading p{font-size:15px;max-width:720px}.demo-app .button,.demo-app button{font-size:14px;min-height:42px}.demo-app .summary-card>span{font-size:15px}.demo-app .summary-card small{font-size:13px}.demo-app .case-main strong{font-size:16px}.demo-app .case-kicker,.demo-app .case-main>small{font-size:13px}.demo-app .state-badge,.demo-app .case-end time{font-size:12px}.demo-app .section-bar h2{font-size:16px}.demo-app .section-bar a{font-size:14px}.demo-app .halo-nav{font-size:14px;min-height:44px}.demo-app .halo-nav>span:first-child{width:22px;color:var(--muted);font-size:20px;text-align:center}.demo-app .message-heading strong{font-size:14px}.demo-app .message-heading>div>span{font-size:12px}.demo-app .message-body{font-size:16px;line-height:1.75}.demo-app .message-recipients{font-size:13px;overflow-wrap:anywhere}.demo-app .message-delivery{font-size:13px}.demo-app .case-heading>p{font-size:14px}.demo-app .detail-card h2{font-size:15px}.demo-app .stack-form label{font-size:14px}.demo-app .stack-form input,.demo-app .stack-form select,.demo-app .stack-form textarea{font-size:16px;min-height:44px}.demo-app .page-content{padding-bottom:40px}.demo-app .hub-sidebar{bottom:0}.demo-app .halo-workspace{bottom:0}.demo-guide{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:20px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:5px;background:var(--card);margin-bottom:24px}.demo-guide h2{font-size:18px;margin:0 0 8px}.demo-guide p{font-size:15px;line-height:1.7;margin:0;max-width:700px;color:var(--muted)}.demo-guide .button{flex-shrink:0}.demo-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.demo-filters input{flex:1;min-width:180px}.demo-filters input,.demo-filters select{font-size:16px;min-height:44px}.demo-empty{padding:30px;font-size:16px;line-height:1.7}.demo-companies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.demo-company{padding:25px}.demo-company h2{font-size:20px;margin:0 0 10px}.demo-company p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:20px}.demo-steps{list-style:none;display:grid;gap:12px;padding:0;margin:0}.demo-steps li{padding:18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.demo-steps b{background:var(--soft);color:var(--blue);width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.demo-steps input{flex:1;min-width:130px;font-size:16px;min-height:44px}.demo-steps select{min-height:44px;font-size:14px;max-width:100%}.demo-help{max-width:850px}.demo-help section{padding:24px;margin-bottom:18px}.demo-help h2{font-size:20px;margin-top:0}.demo-help p,.demo-help li{font-size:16px;line-height:1.8}.demo-app .reply-actions>span{font-size:13px}.demo-app .field>label{font-size:14px}.demo-app .reply-form textarea{width:100%;font-size:16px}.demo-app #sidebar-shade{z-index:51}.demo-app .case-details .detail-card{overflow-wrap:anywhere}.demo-app a:focus-visible,.demo-app button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.demo-app button,.demo-app a{touch-action:manipulation}.demo-app .bottom-nav>a{font-size:12px}.demo-bottom-icon{font-size:21px;line-height:1}#demo-toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--card);padding:16px 22px;border-radius:6px;font-size:15px;line-height:1.5;max-width:calc(100% - 28px);width:max-content;box-shadow:0 5px 30px #0002}#new-dialog{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;width:min(530px,calc(100% - 28px));padding:24px;max-height:90dvh;overflow:auto}#new-dialog::backdrop{background:#0007}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:23px;margin:0}.dialog-heading button{font-size:26px;width:44px}.demo-help .role-choice{display:flex;gap:12px;flex-wrap:wrap}.demo-help .role-choice button[aria-pressed=true]{background:var(--soft);border-color:var(--blue);color:var(--blue)}
@media(max-width:650px){.demo-app .brand-logo{width:132px}.demo-app .hub-header{gap:3px}.demo-app .header-right{gap:5px}.demo-app .demo-back{font-size:13px}.demo-app #demo-language{min-height:40px;width:53px}.demo-app .header-right .icon-button{min-height:42px;width:37px;font-size:23px}.demo-app .halo-workspace{bottom:calc(66px + env(safe-area-inset-bottom))}.demo-app .page-content{padding:18px 16px 30px}.demo-notice{padding:14px;margin-bottom:22px;gap:7px;font-size:14px}.demo-notice strong{width:100%;font-size:15px}.demo-notice button{margin:3px 0 0;padding:8px 12px}.demo-app .page-heading{display:block}.demo-app .page-heading h1{font-size:27px}.demo-app .page-heading p{font-size:16px;line-height:1.7}.demo-app .page-heading>.button{margin-top:16px;min-height:46px;font-size:16px}.demo-app .summary-card{padding:17px 14px}.demo-app .summary-card strong{font-size:35px}.demo-app .summary-card small{font-size:13px}.demo-app .summary-card>span{font-size:15px;color:var(--text)}.demo-guide{display:block;padding:18px}.demo-guide h2{font-size:20px;line-height:1.4}.demo-guide p{font-size:16px;line-height:1.7}.demo-guide .button{margin-top:16px;width:100%;min-height:46px;font-size:16px}.demo-app .case-row{padding:17px 14px;gap:10px}.demo-app .case-symbol{display:none}.demo-app .case-main{padding-right:12px}.demo-app .case-main strong{font-size:17px;line-height:1.5}.demo-app .case-kicker{font-size:13px}.demo-app .case-main>small{font-size:14px}.demo-app .case-end{padding-left:0;margin-top:5px}.demo-app .state-badge{font-size:13px;padding:6px 9px}.demo-app .case-end time{font-size:12px}.demo-app .section-bar{padding:15px 13px}.demo-app .section-bar h2{font-size:16px}.demo-app .section-bar a{font-size:13px}.demo-app .case-heading h1{font-size:25px;line-height:1.35}.demo-app .case-details>.detail-card:first-child{display:block}.demo-app .current-step{text-align:left;font-size:16px!important;margin:12px 0}.demo-app .case-details>.detail-card:first-child>form{display:flex}.demo-app .message-body{padding:18px 14px;font-size:17px;line-height:1.75}.demo-app .message-heading strong{font-size:15px;overflow-wrap:anywhere}.demo-app .message-heading>div>span{font-size:12px}.demo-app .message-recipients{font-size:13px}.demo-app .reply-actions button{min-height:48px;font-size:16px}.demo-app .detail-card h2{font-size:16px}.demo-app .halo-nav{font-size:16px;min-height:48px}.demo-app .demo-filters{display:grid;grid-template-columns:1fr}.demo-filters input{width:100%;min-width:0}.demo-filters select{width:100%}.demo-companies{grid-template-columns:1fr}.demo-company{padding:22px}.demo-steps li{gap:10px;padding:15px}.demo-steps select{width:100%;font-size:16px}.demo-app .button,.demo-app button{min-height:44px;font-size:15px}.demo-app .bottom-nav>a{font-size:13px}.demo-help section{padding:19px}.demo-help h2{font-size:21px}.demo-app .summary-grid{gap:10px}.demo-app .case-kicker{gap:8px}#demo-toast{bottom:85px;font-size:15px}.demo-app .back-link{font-size:15px;min-height:44px;display:inline-flex;align-items:center}}