/* ServiceHub One – larger typography, clear color coding and a complete admin workspace. */
:root{--ink:#1c2945;--muted:#748198;--teal:#4956d8;--pale:#f0efff;--line:#e5e8f1;--bg:#f5f6fb;--nav:#19243e}body{font-size:17px;letter-spacing:0}.sidebar{width:266px;padding:30px 17px}.shell{margin-left:266px}.brand{font-size:24px;gap:12px;padding:0 9px}.brandmark{background:#aaadff;color:#2a327d;font-size:30px;width:40px;height:42px}.brand small{font-size:9px;color:#9aa6cf;letter-spacing:1.7px}.workspace{border-color:#36425f;margin:29px 4px 25px;font-size:14px;padding:15px 11px}.workspace small{font-size:11px}.workspace-icon{background:#313e60}.navlabel{font-size:10px;color:#8090b2;letter-spacing:1.8px;margin-top:20px}.navitem{font-size:14px;gap:13px;padding:12px 14px;color:#b2bed8}.navitem.active{background:#354476;border-left-color:#b4b6ff;color:white}.navitem:hover{background:#2c3b60}.navitem em{font-size:11px;background:#4e5c91;color:white}.navitem .icon{font-size:19px}.sidebar-bottom .system{font-size:11px;color:#a9b8d4}.account{font-size:13px;border-top-color:#35405c}.account small{font-size:11px}.avatar{width:39px;height:39px;background:#eeedff;color:#625cb5;font-size:13px}.topbar{height:86px;gap:20px;padding:0 34px}.topbar>div:first-child{font-size:13px;color:#8a93a7}.global-search{width:460px;padding:11px 14px;background:#f6f7fb;border-color:#e8ebf3}.global-search input{font-size:13px;color:#42526e}.global-search>span{font-size:24px}.global-search kbd{font-size:12px}.mode{font-size:10px;padding:6px 9px;background:#eeedff;color:#6860bb}.textbutton{font-size:13px}.pagehead{margin-bottom:28px}main{padding:35px 36px;max-width:1780px}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2;margin-bottom:10px}h2{font-size:19px}h3{font-size:16px}p{font-size:15px;line-height:1.75}.sub{font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px}.primary{background:#4c58d8;border-color:#4c58d8;font-size:14px;padding:13px 19px;border-radius:9px}.primary:hover{background:#3f49b9}.quiet{font-size:13px}.card{border-color:#e6e9f1;border-radius:13px;padding:24px}.stats{gap:18px}.stat-label{font-size:15px}.stat-label span{width:39px;height:39px;font-size:19px}.stat-value{font-size:39px;margin:11px 0;font-weight:650}.stat-note{font-size:12px}.stat.accent{background:#eef0ff}.sectionhead{margin-bottom:22px}.sectionhead .sub{font-size:12px}.link{font-size:13px;color:#5863d9}.stat-swatch{display:inline-block;width:8px;height:8px;background:#949bea;border-radius:50%;margin-right:5px}td{font-size:14px;padding:19px 12px;color:#6b7890}td:first-child{font-size:12px}th{font-size:11px;padding:14px 12px;letter-spacing:.7px}.ticket-title{font-size:14px;color:#35415f;line-height:1.5}td small{font-size:11px;margin-top:5px}.pill{font-size:11px;padding:6px 9px}.pill.green{color:#328e70;background:#e8f7ef}.pill.amber{color:#ad7c24;background:#fff4d9}.priority{font-size:12px}.tabs{gap:24px;margin-bottom:21px}.tabs button{font-size:14px;padding-bottom:15px}.tabs button.active{color:#535bd4;border-color:#535bd4}.filters{gap:12px}.filters input,.filters select{font-size:13px;padding:12px 14px;background:#fafbfe;border-color:#e3e7f0}.tablefooter{font-size:12px;padding-top:20px}.tablefooter button{font-size:12px}.list-row{padding:17px 0}.list-row-body strong{font-size:14px}.list-row-body small{font-size:11px}.list-row p{font-size:13px}.list-row .mini-icon{background:#eef0ff;color:#6d73ca;font-size:20px}.notice{font-size:13px;padding:14px 18px}.notice.info{background:#edf1ff;border-color:#e1e7fc;color:#65729b}.action-strip{background:#edf0fd;border-color:#dee3f7;border-radius:12px}.action-strip strong{font-size:15px}.action-strip p{font-size:12px}.action-strip>button{font-size:13px}.chart{height:215px}.chart text{font-size:11px;fill:#9aa5ba}.chart rect{fill:#a9a8f1}.chart rect:last-of-type{fill:#6865d8}.chart-labels{font-size:12px}.chart-legend{font-size:11px}.workload-line{font-size:13px}.track{height:7px}.track span{background:#9c9ae4}.contactline label{font-size:12px}.contactline span,.contactline a{font-size:14px}.contactline{padding:16px 0}.profilehero h1{font-size:30px}.profilehero p{font-size:14px}.profilehero .avatar{width:76px;height:76px;font-size:26px}.profilelayout{grid-template-columns:275px minmax(0,1fr)}.device h3{font-size:15px}.device p{font-size:12px}.device footer{font-size:11px}.device{padding:21px;border-radius:10px}.personcell .avatar{width:35px;height:35px;font-size:11px}.personcell .ticket-title{font-size:14px}.article-card{padding:25px;border-radius:12px;min-height:215px}.article-card h3{font-size:17px;line-height:1.5}.article-card p{font-size:13px}.article-body{font-size:17px;line-height:1.9}.knowledge-hero{background:linear-gradient(115deg,#e9eaff,#f5efff);border-color:#e3def5}.knowledge-hero h1{font-size:31px}.knowledge-hero p{font-size:15px}.article h1{font-size:32px}.detailcontent{font-size:15px;padding:22px}.detailmeta{font-size:13px}.notebox{font-size:14px}.notebox small{font-size:11px}dialog{width:1000px;padding:34px;border-radius:16px}.dialoghead h2{font-size:13px}form label{font-size:14px;margin-top:19px}form input,form select,form textarea{font-size:15px;padding:12px 13px;background:#fafbfe}.formactions button{font-size:14px}.formerror{font-size:13px}.form-note{font-size:12px}.portalhero{background:linear-gradient(115deg,#35469a,#6552ac);padding:38px;border-radius:16px}.portalhero h1{font-size:34px}.portalhero p{font-size:15px;color:#cdd2f3}.portalhero .primary{background:white;border-color:white;color:#5352a1}.portalhero .eyebrow{color:#cbc9ff}.reminder h2{font-size:18px}.reminder p{font-size:15px}.schedule-event h3{font-size:16px}.schedule-event p{font-size:13px}footer{font-size:11px;padding:18px 36px 28px}.resulttype{font-size:11px}#toast{font-size:14px}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.admin-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #e4e7f1;border-radius:14px;background:white;padding:26px;min-height:205px;box-shadow:0 4px 14px #25366303}.admin-tile:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2536630a;background:white}.tile-icon{font-size:25px;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#eeedff;color:#7b71ce;margin-bottom:18px}.tile-icon.blue{background:#e5f0ff;color:#5d89c7}.tile-icon.orange{background:#fff1dd;color:#cc9a53}.tile-icon.green{background:#e5f8ef;color:#64a386}.tile-icon.pink{background:#fbeaf2;color:#c681a3}.admin-tile h3{font-size:18px;color:#34415e;margin-bottom:9px}.admin-tile p{font-size:13px;color:#96a0b3;line-height:1.7}.admin-tile .tile-foot{display:flex;width:100%;justify-content:space-between;font-size:12px;color:#8f99af;margin-top:auto;padding-top:18px}.admin-welcome{background:linear-gradient(110deg,#e9edff,#f7effb);border:1px solid #e2e5f5;border-radius:14px;padding:28px 30px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:22px}.admin-welcome h2{font-size:24px;line-height:1.4;margin-bottom:8px}.admin-welcome p{font-size:14px}.role-pill{background:#eef0ff;color:#7879be;border-radius:6px;padding:6px 10px;font-size:12px;white-space:nowrap}.role-card{border:1px solid var(--line);border-radius:13px;padding:25px;background:white}.role-card h2{font-size:21px;margin:12px 0}.role-card p{font-size:14px}.role-card .role-actions{display:flex;gap:15px;align-items:center;margin-top:24px}.role-matrix{width:100%;border-collapse:collapse}.role-matrix td:first-child{font-size:14px;color:#52617b;font-weight:550}.role-matrix td{padding:16px 12px}.right-chips{display:flex;flex-wrap:wrap;gap:9px}.right-chips label{display:flex;align-items:center;gap:7px;font-size:12px;margin:0;background:#f4f5fb;border:1px solid #e8eaf2;border-radius:6px;padding:7px 10px;color:#7d87a1}.right-chips label:has(input:checked){background:#eeefff;border-color:#c9c8f0;color:#6867af}.right-chips input{width:14px;height:14px;accent-color:#6e6ecb}.right-summary{font-size:12px;color:#9ba4b8;margin-top:15px}.userform-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.userform-grid .span-two{grid-column:1/-1}.user-summary{display:flex;align-items:center;gap:16px;margin-bottom:22px}.user-summary .avatar{width:56px;height:56px;font-size:21px}.user-summary h1{font-size:26px}.profile-tabs{display:flex;flex-direction:column;gap:5px;padding:14px;background:white;border:1px solid var(--line);border-radius:12px}.profile-tabs button{text-align:left;border:0;background:none;color:#8b95a9;font-size:14px;padding:12px 14px;border-radius:7px}.profile-tabs button.active{background:#eeeffb;color:#6f72bf;font-weight:600}.profile-tabs .tab-count{float:right;background:#f3f4fa;border-radius:4px;font-size:11px;padding:2px 5px}.user-detail-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:23px}.user-overview{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.detail-field{padding:15px 0;border-bottom:1px solid #edf0f6;min-width:0}.detail-field label{font-size:12px;color:#9aa5ba;display:block;margin-bottom:8px}.detail-field div{font-size:15px;color:#61718b;line-height:1.6;word-break:break-word}.asset-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.asset-category{border-radius:13px;padding:24px;background:white;border:1px solid var(--line);text-align:left}.asset-category.active{box-shadow:0 0 0 2px #9695de}.asset-category .asset-top{display:flex;justify-content:space-between;align-items:center;font-size:14px}.asset-category strong{display:block;font-size:29px;margin:13px 0 6px}.asset-category small{font-size:12px;color:#a4adbf}.asset-category.c-blue{background:#e9f1ff;border-color:#dfe8f8;color:#4e78af}.asset-category.c-purple{background:#f0eaff;border-color:#e6ddf5;color:#9478b9}.asset-category.c-green{background:#e6f6ee;border-color:#daeee3;color:#689f82}.asset-category.c-orange{background:#fff1df;border-color:#f4e5d0;color:#b69155}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metric-card{padding:24px 25px;border-radius:13px;min-width:0;border:1px solid transparent}.metric-title{font-size:14px;display:flex;justify-content:space-between;gap:10px}.metric-title span{font-size:24px}.metric-value{font-size:42px;font-weight:650;letter-spacing:-1px;margin:12px 0 9px}.metric-caption{font-size:12px;opacity:.8}.metric-card.blue{background:#dfeaff;color:#496db5;border-color:#d4e1f6}.metric-card.purple{background:#ede4ff;color:#9071bb;border-color:#e1d5f5}.metric-card.orange{background:#ffefd9;color:#b28c50;border-color:#f5e3c9}.metric-card.green{background:#ddf3e8;color:#569b7d;border-color:#d2eadd}.dash-quick{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap}.dash-quick button{font-size:13px;padding:11px 15px;border-color:#e3e6f1;background:white;color:#7c88a4}.dash-quick button:hover{background:#edeeff}.inventory-badge{font-size:11px;border-radius:4px;padding:4px 7px;background:#f0f1f8;color:#919bb1}.assignment-cell{display:flex;align-items:center;gap:8px}.assignment-cell .avatar{width:28px;height:28px;font-size:10px}.settings-block{border:1px solid #e4e8f0;border-radius:12px;padding:25px;margin-bottom:20px}.settings-block h3{font-size:17px}.mapping-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.mapping-options label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:13px;margin:0;font-size:14px}.mapping-options input{width:16px;height:16px;accent-color:#7b79c9}.feature-help{color:#8e99af;font-size:13px;line-height:1.8}.breadcrumb-active{color:#6e7894}.mini-stat{padding:18px 20px;border-radius:10px;background:#f5f6fc;display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:12px 0}.mini-stat b{font-size:20px;color:#767cc3}.readonly{padding:11px 13px;background:#f7f8fc;border-radius:7px;color:#8390a6;font-size:14px}.admin-toplinks{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.admin-toplinks button{font-size:13px}.step-status{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.step-number{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#f0effb;color:#8e87ba;font-size:12px}.step-status p{font-size:13px}.data-summary{font-size:12px;line-height:1.8;color:#98a3b5;margin-top:16px}
@media(max-width:1200px){.topbar>div:first-child{display:none}.global-search{width:auto;flex:1;min-width:0}.topbar .textbutton{display:none}.admin-grid{grid-template-columns:1fr 1fr}.asset-category-grid{grid-template-columns:1fr 1fr}.profilelayout{grid-template-columns:230px 1fr}.dashboard-metrics{grid-template-columns:1fr 1fr}.grid-main{grid-template-columns:1fr}.sidebar{width:238px}.shell{margin-left:238px}.brand{font-size:21px}.global-search input{font-size:13px}.admin-welcome{display:block}.admin-welcome>.role-pill{display:inline-block;margin-top:15px}}
@media(max-width:900px){.sidebar{width:74px;padding:23px 8px}.shell{margin-left:74px}.brand>span:last-child,.workspace,.navlabel,.navitem>span:not(.icon),.navitem em,.sidebar-bottom{display:none}.brand{padding:0 7px}.brandmark{width:40px;height:42px}.navitem{justify-content:center;padding:14px 0}.navitem .icon{display:block}.sidebar #navigation{margin-top:30px}.user-detail-layout,.profilelayout{grid-template-columns:1fr}.profile-tabs{flex-direction:row;overflow:auto}.profile-tabs button{white-space:nowrap}.topbar{height:76px;padding:0 22px}main{padding:29px 23px}.pagehead h1{font-size:30px}.profilelayout>.card{display:block}.userform-grid{grid-template-columns:1fr 1fr}.head-actions .quiet{display:none}.grid-two{grid-template-columns:1fr}h2{font-size:18px}.admin-grid{gap:15px}.admin-tile{padding:21px}}
@media(max-width:600px){.dashboard-metrics,.asset-category-grid{gap:11px}.metric-card{padding:18px 17px}.metric-value{font-size:32px}.metric-title{font-size:12px}.metric-caption{font-size:11px}.metric-title span{font-size:19px}.admin-grid,.userform-grid,.user-overview,.knowledge-grid,.remindergrid,.mapping-options{grid-template-columns:1fr}.userform-grid .span-two{grid-column:auto}.asset-category{padding:18px}.asset-category .asset-top{font-size:12px}.asset-category strong{font-size:25px}.asset-category small{font-size:10px}.topbar{padding:0 14px;gap:12px}.global-search input{font-size:12px}.global-search{padding:9px}.global-search kbd{display:none}.mode{font-size:8px}.sidebar{width:63px;padding:23px 6px}.shell{margin-left:63px}.brandmark{width:32px;height:35px}.brand{padding:0 7px}main{padding:24px 15px}.pagehead h1{font-size:28px}.pagehead p{font-size:13px}.card{padding:20px}.primary{font-size:13px;padding:12px 14px}.pagehead{flex-wrap:wrap}.admin-welcome{padding:23px}.admin-welcome h2{font-size:21px}.admin-tile{min-height:175px}.tile-icon{width:42px;height:42px;font-size:22px}.filters input,.filters select{font-size:12px}.portalhero h1{font-size:28px}.portalhero p{font-size:14px}dialog{padding:25px}form label{font-size:13px}footer{font-size:10px;line-height:1.8}}
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar>.brand,.sidebar>.workspace,#navigation,.sidebar-bottom{flex-shrink:0}.navitem{padding-top:10px;padding-bottom:10px}@media(max-width:900px){.sidebar:focus-within .sidebar-bottom{display:none}.navitem{padding-top:12px;padding-bottom:12px}}
.brand{font-size:21px}.sidebar{scrollbar-color:#354361 transparent;scrollbar-width:thin}

a.widebutton{display:block;text-align:center;border:1px solid #dce0ef;border-radius:12px;padding:14px;color:#4d50d5}#mail-list td{word-break:break-word}.install-page input[type=checkbox]{width:auto}
