:root{--ink:#172e35;--muted:#64747a;--teal:#0b766c;--teal-dark:#085d56;--line:#e1e8e9;--bg:#f4f7f8;--white:#fff;--sidebar:#102b31;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button,input,textarea,select,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #158fce}h1,h2,h3,p{margin-top:0}h1{font-size:2.2rem;letter-spacing:-.045em;line-height:1.18;font-weight:650;margin:10px 0 12px}h2{font-size:1.15rem;line-height:1.35;letter-spacing:-.025em;font-weight:650}h3{font-size:1rem}small{font-size:.8125rem}.muted{color:var(--muted);font-size:.875rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-80px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#e3f0ed;padding:34px 20px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;font-size:1.4rem;font-weight:650;letter-spacing:-.04em}.brand small{display:block;color:#95b4b5;font-size:.65rem;font-weight:500;letter-spacing:.2em;margin-top:3px}.brand-mark{display:grid;place-items:center;background:#fff;color:#103a36;font-weight:700;font-size:2rem;width:43px;height:43px;border-radius:12px;letter-spacing:-.05em}.brand-mark img{display:block;width:33px;height:33px;object-fit:contain}.nav-label{font-size:.6875rem;letter-spacing:.13em;color:#8cabad;margin:55px 12px 14px}.nav-item{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:8px;margin-bottom:7px;font-size:.9rem;color:#bcd0d1;transition:background .15s}.nav-item>span{font-size:1.3rem;width:21px;text-align:center}.nav-item:hover{background:#1e3d43}.nav-item.active{background:#c8efd8;color:#123c34;font-weight:650}.sidebar-note{margin:auto 10px 36px;border-top:1px solid #345054;padding-top:25px}.sidebar-note strong{display:block;font-size:1.05rem;line-height:1.4;max-width:150px;margin:16px 0 10px}.sidebar-note p{font-size:.875rem;color:#9fbabb}.support-orbit{border:1px solid #496866;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#c8efd8}.sidebar-bottom{display:flex;gap:10px;align-items:center;padding:18px 0 0;border-top:1px solid #345054;min-width:0}.avatar{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dae8e9;color:#305558;font-size:.875rem;font-weight:650}.sidebar-bottom>div{min-width:0;flex:1}.sidebar-bottom strong{font-size:.8rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom small{display:block;color:#95b4b5;font-size:.75rem}.icon-button{border:0;color:#b5d0d1;background:transparent;font-size:1.3rem;padding:5px}.main-shell{min-width:0;display:flex;flex-direction:column}.topbar{height:78px;background:rgba(255,255,255,.86);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:18px;font-size:.875rem;color:var(--muted)}.topbar strong{font-weight:500;color:var(--ink)}.breadcrumb-divider{color:#c1cbcd;padding:0 14px}.topbar-right{display:flex;align-items:center;gap:20px}.demo-pill{font-size:.75rem;border:1px solid #d0e1db;background:#f2f8f4;color:#3f6356;border-radius:5px;padding:5px 10px}.topbar-date{font-size:.8125rem}#main{padding:36px 38px 48px;flex:1}footer{display:flex;justify-content:space-between;padding:18px 38px;border-top:1px solid var(--line);color:#768589;font-size:.75rem}.eyebrow{font-size:.6875rem;font-weight:650;letter-spacing:.16em;color:#467b70}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading p{color:var(--muted);margin-bottom:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:11px 19px;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;white-space:nowrap;transition:background .15s,box-shadow .15s}.button.primary{background:var(--teal);color:white;box-shadow:0 3px 7px #0b766c18}.button.primary:hover{background:var(--teal-dark);box-shadow:0 4px 10px #0b766c25}.button.secondary{background:white;border-color:#d9e2e3;color:#3a5158}.button.secondary:hover{background:#f0f5f4}.button.full{width:100%}.button.compact{padding:8px 13px;min-height:38px}.button:disabled{opacity:.65;cursor:wait}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.stat-card{display:flex;gap:13px;padding:21px 18px;border:1px solid var(--line);background:white;border-radius:12px;align-items:flex-start;position:relative;box-shadow:0 2px 3px #123c3403}.stat-card>span:nth-child(2){font-size:.8rem;color:#63777b}.stat-card strong{display:block;font-size:1.85rem;color:var(--ink);line-height:1.3;font-weight:600;margin-top:10px}.stat-icon{display:grid;place-items:center;width:36px;height:36px;font-size:1.2rem;border-radius:9px;flex-shrink:0}.neutral{background:#edf2f4;color:#57727b}.amber{background:#fff0d4;color:#a36b10}.teal{background:#dcefe9;color:#157063}.stat-arrow{position:absolute;right:13px;bottom:22px;color:#9aa9ac}.accent-card{border-color:#a9d6c4;background:#f7fcf9}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:24px;align-items:start}.ticket-panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 14px}.panel-title h2{margin:0}.count-label{font-size:.75rem;color:#73838a;background:#f1f5f5;border-radius:5px;padding:3px 8px}.filter-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:0 24px}.filter-tabs a{font-size:.875rem;color:#76868b;padding:12px 0 15px;border-bottom:2px solid transparent;white-space:nowrap}.filter-tabs a.selected{color:var(--teal);font-weight:650;border-bottom-color:var(--teal)}.search-form{padding:18px 24px;display:flex;gap:10px}.search-field{position:relative;flex:1;min-width:100px}.search-field>span{position:absolute;left:12px;top:1px;font-size:1.5rem;color:#82959a}.search-field input{padding-left:36px!important;width:100%;height:40px;font-size:.8125rem}.search-form select{max-width:170px;font-size:.8125rem}.table-wrap{overflow-x:auto}.ticket-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.ticket-table th{position:relative;background:#f8fafb;color:#75858c;font-size:.75rem;font-weight:500;padding:11px 14px;border-block:1px solid #eaf0f1}.ticket-table th:first-child,.ticket-table td:first-child{padding-left:24px}.ticket-table td{padding:20px 14px;border-bottom:1px solid #edf1f2;vertical-align:middle}.ticket-table tbody tr:hover{background:#fafdfc}.ticket-table td:first-child{min-width:215px;width:43%}.ticket-title{display:block;line-height:1.45}.ticket-title strong{font-weight:600;display:block;font-size:.875rem;max-width:340px}.ticket-title:hover strong{color:var(--teal)}.ticket-number{display:block;font-size:.7rem;color:#86969a;margin-bottom:4px;font-variant-numeric:tabular-nums}.ticket-meta{display:block;font-size:.75rem;color:#829094;margin-top:6px}.ticket-meta>span{display:block}.service-tag{display:inline-flex;align-items:center;font-size:.75rem;line-height:1.4;color:#426b79;white-space:nowrap}.service-tag:before{content:"";width:5px;height:12px;border-radius:2px;background:#81a0ab;margin-right:7px}.service-6{color:#506d9d}.service-6:before{background:#809dca}.service-5{color:#976b28}.service-5:before{background:#d7ad54}.service-4{color:#2e8092}.service-4:before{background:#5babbd}.partner-label{display:block;font-size:.6875rem;color:#829196;margin-top:3px}.status{font-size:.7rem;padding:5px 8px;display:inline-block;border-radius:5px;line-height:1.45;font-weight:500;max-width:142px}.status.waiting{background:#fff4db;color:#916217}.status.answer{background:#e3f3ed;color:#146b51}.status.closed{background:#eef2f4;color:#66787f}.status.unknown{background:#f1eaf9;color:#69587b}.date-cell{font-size:.75rem;white-space:nowrap;color:#4e656d}.date-cell small{display:block;font-size:.6875rem;color:#8a989d;margin-top:5px}.row-open{display:grid;place-items:center;width:26px;height:30px;font-size:1.2rem;color:#8a9ba0}.row-open:hover{color:var(--teal)}.pagination{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.75rem;color:#7d8d91}.pagination>div{display:flex;gap:8px}.context-column{display:flex;flex-direction:column;gap:20px}.help-card{background:#e6f0eb;padding:25px 22px;border-radius:12px;border:1px solid #d8e7df}.help-card .eyebrow{font-size:.625rem;line-height:1.8;display:block}.help-card h2{font-size:1.35rem;font-weight:600;line-height:1.4;margin:16px 0 14px;color:#234d40}.help-card p{font-size:.875rem;line-height:1.7;color:#5a766b}.help-card a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c7dcd0;padding-top:17px;font-size:.8rem;color:#2a6550;font-weight:600;margin-top:20px;gap:10px}.help-card ol{padding-left:20px;font-size:.875rem;color:#486c5e}.help-card li{margin:10px 0}.legend-card{padding:22px 12px}.legend-card h3{font-size:.875rem;margin-bottom:22px}.legend-card p{position:relative;font-size:.8125rem;color:#7b8b90;line-height:1.7}.legend-card p:has(.legend-dot){padding-left:18px;margin-bottom:22px}.legend-card strong{display:block;color:#4a6169;font-weight:500}.legend-dot{position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%}.legend-dot.amber{background:#d6a344}.legend-dot.teal{background:#65a78f}.legend-dot.gray{background:#a8b6bd}.empty-state{text-align:center;padding:55px 25px}.empty-state>span{font-size:2rem;color:#709c91}.empty-state h3{margin:12px 0}.empty-state p{color:var(--muted);max-width:450px;margin:0 auto 20px;font-size:.875rem}.back-link{font-size:.8125rem;color:#6f868b;display:inline-block;margin-bottom:20px}.back-link:hover{color:var(--teal)}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:28px;max-width:1200px}.form-card{padding:30px;background:white;border:1px solid var(--line);border-radius:12px}.field{display:flex;flex-direction:column;margin-bottom:22px;gap:8px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field label{font-size:.875rem;font-weight:600}.field label>span:not(.readonly-tag){color:#99846b}.field small{color:#89969a;font-size:.75rem}input,select,textarea{border:1px solid #dbe3e6;border-radius:7px;padding:10px 12px;background:white;color:var(--ink);max-width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#98a5a9}input[readonly]{background:#f3f6f7;color:#577178;cursor:default}textarea{resize:vertical;min-height:130px;line-height:1.7;font-size:.9375rem}.readonly-tag{font-size:.625rem;padding:3px 6px;border:1px solid #dce4e6;border-radius:4px;color:#7b8d91;font-weight:400;margin-left:6px;white-space:nowrap}.form-section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.form-section-title>span{font-size:.7rem;color:#74978a;background:#eef5f0;padding:5px 7px;border-radius:5px}.form-section-title h2{margin:0}.form-section-title h2 small{font-size:.75rem;font-weight:400;color:#8b989c;margin-left:5px}.counter{text-align:right}.upload-box{border:1px dashed #bdcfd1;border-radius:8px;text-align:center;background:#fafcfc;padding:20px;display:flex;align-items:center;flex-direction:column;gap:8px}.upload-icon{width:30px;height:30px;color:var(--teal);font-size:1.3rem}.upload-box label{font-size:.875rem}.upload-box label span{font-size:.75rem;color:#8a989d;display:block;margin-top:5px}.upload-box input{border:0;font-size:.75rem;padding:6px;max-width:100%;background:transparent}.upload-box input::file-selector-button{border:1px solid #d7e1e1;border-radius:5px;background:white;padding:7px 12px;color:#3c625b;cursor:pointer;margin-right:12px}.upload-box output{font-size:.8125rem;color:var(--teal);overflow-wrap:anywhere}.file-formats{font-size:.7rem;color:#84949a;margin-top:10px;line-height:1.6}.form-actions{border-top:1px solid #eaf0f0;margin-top:25px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;align-items:center}.form-actions .muted{font-size:.75rem}.validation-summary-valid{display:none}.validation-summary-errors{border:1px solid #e8baba;background:#fff3f3;color:#a34343;padding:16px 20px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.validation-summary ul{padding-left:18px;margin:0}.detail-heading h1{font-size:1.9rem;max-width:850px;overflow-wrap:anywhere}.heading-badges{display:flex;align-items:center;gap:15px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:28px;align-items:start}.conversation-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.conversation-title h2{margin:0}.conversation-title>span{font-size:.75rem;color:#829396}.conversation{display:flex;flex-direction:column;gap:18px}.message{background:white;border:1px solid var(--line);padding:25px;border-radius:11px}.message.team-message{border-left:3px solid #56a78f;background:#fbfefd}.message-header{display:flex;justify-content:space-between;gap:15px;align-items:center}.message-person{display:flex;align-items:center;gap:11px;min-width:0}.message-person strong{font-size:.875rem;font-weight:600}.message-person small{display:block;font-size:.7rem;color:#8b9da0}.avatar.team{background:#d6eee3;color:#236d56}.message-header time{font-size:.7rem;color:#8b9ca1;white-space:nowrap}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:.9375rem;color:#50666e;margin-top:20px}.attachments{border-top:1px solid #e5eceb;margin-top:20px;padding-top:15px;display:flex;gap:12px;flex-wrap:wrap}.attachments a{color:#3a7768;font-size:.8rem;background:#f0f7f3;border-radius:5px;padding:6px 10px}.reply-card{margin-top:25px;background:white;border:1px solid var(--line);padding:25px;border-radius:11px}.reply-card .upload-box{padding:12px}.reply-card .upload-icon{display:none}.reply-card h2{margin-bottom:20px}.details-card{background:white;border:1px solid var(--line);padding:25px;border-radius:11px}.details-card h2{font-size:1rem;margin-bottom:26px}.details-card dl{font-size:.875rem}.details-card dt{color:#849599;font-size:.75rem;margin-top:20px}.details-card dd{margin:7px 0 0;color:#425d66}.details-card .button{margin-top:15px}.quiet-note{font-size:.75rem;color:#8c9ca0;line-height:1.7;padding:20px 10px}.success-notice{background:#e5f4ea;color:#2c6b4a;padding:13px 20px;border:1px solid #c1e3ce;border-radius:8px;margin-bottom:22px;font-size:.875rem}.closed-notice{margin-top:25px;padding:25px;display:flex;align-items:center;gap:18px;background:#edf3f1;border-radius:10px}.closed-notice>span{font-size:1.6rem;color:var(--teal)}.closed-notice h3{margin:0 0 5px}.closed-notice p{margin:0;font-size:.875rem;color:#647f77}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px}.guide-number{font-size:2rem;color:#9cc4b2;display:block;margin-bottom:20px}.guide-grid p{color:#73858a;font-size:.9375rem}.guide-details{max-width:950px}.guide-details details{padding:20px 0;border-top:1px solid var(--line)}.guide-details summary{cursor:pointer;font-size:.9375rem;font-weight:600}.guide-details details p{color:#71848a;margin:15px 0 0}.notice{background:#eef6f3;border:1px solid #d9e8e1;padding:16px;border-radius:8px;margin:24px 0;font-size:.875rem;color:#4c7263}.notice p{margin:7px 0 0;font-size:.8125rem}.login-body{background:#fff}.login-grid{display:grid;grid-template-columns:49% 51%;min-height:100vh}.login-story{background:#102f35;color:#f4faf8;padding:52px 65px;display:flex;flex-direction:column;justify-content:space-between;gap:50px;position:relative;overflow:hidden}.login-story:after{content:"";width:600px;height:600px;border:1px solid #315459;border-radius:50%;position:absolute;bottom:-330px;right:-280px;pointer-events:none}.login-story h1{font-size:clamp(2.6rem,3.7vw,4.4rem);letter-spacing:-.055em;line-height:1.12;margin:22px 0 30px;font-weight:550}.login-story em{font-style:normal;color:#bbedcc}.eyebrow.light{color:#8db5ad}.login-story p{color:#a2bfbd;max-width:380px;font-size:1rem;line-height:1.85}.login-panel{display:flex;align-items:center;justify-content:center;padding:65px;position:relative}.login-box{max-width:430px;width:100%}.login-box h2{font-size:2.1rem;letter-spacing:-.05em;margin:16px 0}.login-box>p{font-size:.9375rem;color:#7e8e93;line-height:1.8}.login-hint{display:block;color:#8f9ba0;text-align:center;font-size:.75rem;margin:12px 0 22px}.demo-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-options .button{font-size:.8rem;padding:10px}.login-footer{border-top:1px solid var(--line);padding-top:22px;margin-top:30px!important;font-size:.8125rem!important}.error-page{max-width:680px;margin:12vh auto;padding:30px}.error-page .brand-mark{margin-bottom:30px}.error-page p{color:var(--muted);line-height:1.8}.public-main{max-width:1250px;margin:auto}
@media(min-width:1600px){#main{padding:42px 48px 60px}.workspace-grid{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.ticket-table td{padding-block:23px}.stat-card{padding:23px}}
@media(max-width:1350px){.workspace-grid{grid-template-columns:1fr}.workspace-grid>.context-column{display:grid;grid-template-columns:1fr 1fr}.workspace-grid .legend-card{padding:20px}.stat-card{padding:18px 13px;gap:10px}.stat-icon{width:30px;height:30px}.stat-card>span:nth-child(2){font-size:.75rem}.sidebar{padding-inline:17px}.app-shell{grid-template-columns:220px minmax(0,1fr)}.form-grid{grid-template-columns:minmax(0,1fr) 230px}.topbar{padding-inline:28px}#main{padding:30px 28px 40px}.form-card{padding:24px}}
@media(max-width:1050px){.detail-grid,.form-grid{grid-template-columns:minmax(0,1fr)}.ticket-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid>.context-column{display:grid;grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.page-heading h1{font-size:1.9rem}.topbar-date{display:none}.login-story{padding:40px}.login-panel{padding:40px}.guide-grid{grid-template-columns:1fr}.guide-grid .form-card{padding:25px}.guide-number{margin-bottom:12px}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:17px 20px;display:block}.sidebar>.brand{font-size:1.2rem}.sidebar .brand-mark{width:36px;height:36px;font-size:1.7rem}.sidebar .brand small{font-size:.5625rem}.nav-label,.sidebar-note{display:none}.sidebar-bottom{margin-top:16px;padding-top:12px}.sidebar nav{display:flex;gap:6px;margin-top:20px}.nav-item{font-size:.8125rem;margin:0;padding:9px 12px;flex:1;justify-content:center;gap:7px;white-space:nowrap}.nav-item>span{font-size:1rem;width:auto}.topbar{height:auto;min-height:60px;padding:14px 20px;flex-wrap:wrap;gap:10px;font-size:.8125rem}.demo-pill{font-size:.6875rem}.topbar-right{margin-left:auto}#main{padding:26px 18px 40px}.page-heading{flex-direction:column;gap:18px;margin-bottom:24px}.page-heading h1{font-size:1.8rem}.page-heading p{font-size:.875rem}.page-heading .button{align-self:flex-start}.stat-grid{gap:10px;margin-bottom:22px}.stat-card{padding:16px 12px}.stat-card strong{font-size:1.6rem}.stat-arrow{right:10px;bottom:16px}.stat-card>span:nth-child(2){font-size:.7rem}.stat-icon{width:27px;height:27px;font-size:1rem}.workspace-grid>.context-column,.form-grid>.context-column{grid-template-columns:1fr}.workspace-grid .legend-card{display:none}.panel-title{padding:20px 17px 12px}.filter-tabs{padding:0 17px;gap:22px;overflow:auto}.filter-tabs a{font-size:.8125rem}.search-form{padding:16px;flex-wrap:wrap}.search-form .search-field{flex-basis:70%}.search-form select{max-width:100%}.ticket-table th:nth-child(2),.ticket-table td:nth-child(2),.ticket-table th:nth-child(4),.ticket-table td:nth-child(4){display:none}.ticket-table td:first-child{padding-left:17px;min-width:0;width:64%}.ticket-table th:first-child{padding-left:17px}.ticket-table td{padding:18px 8px}.ticket-table th{padding:10px 8px}.ticket-table .ticket-title strong{font-size:.8125rem}.ticket-table td:last-child,.ticket-table th:last-child{display:none}.ticket-table .status{font-size:.625rem}.pagination{padding:16px;flex-wrap:wrap}.help-card{padding:22px}.field-row{grid-template-columns:1fr;gap:0}.form-card,.reply-card,.details-card{padding:21px}.field label{font-size:.8125rem}.form-actions .muted{display:none}.message{padding:20px}.message-header{align-items:flex-start;flex-direction:column;gap:12px}.message-header time{padding-left:47px}.message-body{font-size:.875rem}.ticket-sidebar{grid-template-columns:1fr}.quiet-note{padding:0 10px}.detail-heading h1{font-size:1.65rem}.conversation-title h2{font-size:1rem}.login-grid{grid-template-columns:1fr}.login-story{padding:30px;gap:34px}.login-story h1{font-size:2.5rem;margin:15px 0 20px}.login-story p{font-size:.875rem;margin-bottom:0}.login-story h1 br:nth-of-type(2){display:none}.login-panel{padding:40px 26px 65px}.login-box h2{font-size:1.9rem}.login-story .eyebrow{font-size:.625rem}footer{padding:18px;font-size:.7rem}footer>span{display:none}.error-page{margin:6vh auto;padding:25px}.heading-badges{flex-wrap:wrap}.form-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{min-width:0}.nav-item{min-width:0;white-space:normal;text-align:center;font-size:.75rem;padding-inline:8px}.sidebar nav{align-items:stretch}.form-grid>*{min-width:0}}
/* Keep sign-out at the right edge of the header, including narrow screens. */
.topbar{height:auto;min-height:78px;padding-block:12px;flex-wrap:wrap}
.topbar>span{min-width:0;overflow-wrap:anywhere}
.topbar-right{min-width:0;max-width:100%;margin-left:auto;gap:12px}
.topbar-right>form{flex-shrink:0;margin:0}
.topbar-right .demo-pill{min-width:0}
.topbar-date{white-space:nowrap}
.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #d0dedb;border-radius:7px;background:white;color:var(--teal-dark);font-size:.8125rem;white-space:nowrap}
.logout-button>span{font-size:1.2rem;line-height:1}
.logout-button:hover{background:#edf6f2;border-color:#95bbb0}
@media(max-width:1050px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.topbar>span{grid-column:1;grid-row:1}.topbar-right{display:contents}.topbar-right>form{grid-column:2;grid-row:1}.topbar-right .demo-pill{grid-column:1/-1;grid-row:2;justify-self:end}}
@media(max-width:760px){.topbar{min-height:60px}}
.account-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 28px;padding:20px 24px;margin-bottom:28px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.account-summary-heading{flex:1 1 240px;min-width:0}
.account-summary h2{margin:6px 0 0;overflow-wrap:anywhere}
.account-summary-details{display:flex;flex:1 1 300px;flex-wrap:wrap;gap:12px 28px;min-width:0;margin:0}
.account-summary-details>div{flex:1 1 140px;min-width:0}
.account-summary-details dt{font-size:.75rem;color:var(--muted)}
.account-summary-details dd{margin:4px 0 0;font-size:.875rem;overflow-wrap:anywhere}
@media(max-width:760px){.account-summary{padding:18px;margin-bottom:22px;gap:14px}.account-summary-heading,.account-summary-details{flex-basis:100%}.account-summary-details{gap:12px 20px}}

/* The company footer stays in the document flow on short and narrow screens. */
.login-motto{display:flex;flex-direction:column;gap:8px;padding-top:24px;border-top:1px solid #355258;max-width:440px}
.login-motto strong{color:#e3f0ed;font-size:1rem;font-weight:600}
.login-motto>span{color:#a0bbba;font-size:.875rem;line-height:1.7}
.login-panel{flex-direction:column;gap:36px;min-width:0;padding-bottom:28px}
.login-box{margin-block:auto}
.login-company-footer{display:block;width:100%;max-width:430px;padding:20px 0 0;color:var(--muted);font-size:.75rem;line-height:1.7;overflow-wrap:anywhere}
.login-company-footer p{margin:0 0 8px}
.login-company-footer strong{color:var(--ink);font-weight:600}
.login-company-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0}
.login-company-footer a{text-decoration:underline;text-underline-offset:3px}
.login-company-footer a:hover{color:var(--teal)}
.login-company-footer .company-copyright{margin:0;font-size:.6875rem}
@media(max-width:760px){.login-motto{padding-top:20px}.login-motto>span{font-size:.8125rem}.login-panel{gap:30px;padding-bottom:26px}.demo-options .button{white-space:normal}}

.policy-open{overflow:hidden}
.policy-dialog{width:min(900px,calc(100% - 32px));max-width:none;height:min(800px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);box-shadow:0 20px 80px #142f4266;overflow:hidden}
.policy-dialog[open]{display:flex;flex-direction:column}
.policy-dialog::backdrop{background:#102e38b3}
.policy-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}
.policy-dialog-header h2{margin:0;font-size:1rem}
.policy-close{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--teal-dark);font-size:.8125rem}
.policy-close:hover{background:#edf6f2}
.policy-close>span{font-size:1.4rem;line-height:1}
.policy-frame{display:block;width:100%;min-height:0;flex:1;border:0}
.policy-dialog-footer{padding:12px 18px;border-top:1px solid var(--line);font-size:.75rem;color:var(--teal-dark)}
.policy-dialog-footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.policy-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:9px}.policy-dialog-header{padding:8px 12px}.policy-dialog-footer{padding:10px 12px}}
@media(max-width:360px){.policy-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}}