:root{color-scheme:light;--navy:var(--master-portal-navy);--navy-2:var(--master-portal-navy-alt);--brand-pale:var(--brand-soft);--white:var(--surface);--green:var(--success);--green-pale:var(--success-soft);--amber:var(--warning);--amber-pale:var(--warning-soft);--red:var(--danger);--red-pale:var(--danger-soft);--radius:var(--radius-xl);--shadow:var(--shadow-xs);font-family:var(--font)}.gate[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.portal[hidden],.admin-page[hidden]{display:none!important}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 15%,#194967 0,transparent 32%),linear-gradient(145deg,#101f32,#0b1727);color:#fff}.gate-card{max-width:440px;text-align:center;padding:42px 35px;background:#ffffff0d;border:1px solid #ffffff18;border-radius:22px;box-shadow:0 24px 90px #0003}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#24b0b2,#00677d);color:white;font-weight:800;letter-spacing:-1px}.gate .brand-mark{margin-bottom:24px}.gate h1{font-size:26px;margin:8px 0}.gate p:not(.eyebrow){color:#b7c7d8;line-height:1.6;margin:0 auto 22px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#8393a6;margin:0 0 9px}.gate .eyebrow{color:#8ed1dc}.button{min-height:39px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button-primary{color:white;background:var(--brand);box-shadow:0 4px 11px #00758a26}.button-primary:hover{background:var(--brand-dark)}.button-secondary{color:var(--brand-dark);background:var(--brand-pale);border-color:#d4eaec}.button-secondary:hover{background:#d9eef0}.button-light{color:#35455a;background:#fff;border-color:var(--line)}.button-light:hover,.button-quiet:hover{background:#f3f7fa}.button-quiet{color:#5f6e80;background:transparent;border-color:transparent}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#d8e0e9;display:flex;flex-direction:column;z-index:5}.brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 22px;color:white;text-decoration:none;border-bottom:1px solid #ffffff0c}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:16px;letter-spacing:-.5px}.brand-copy small{color:#8c9daf;font-size:9px;font-weight:800;letter-spacing:1.65px}.sidebar-label{padding:27px 21px 10px;color:#7e91a7;font-size:9px;font-weight:800;letter-spacing:1.5px}.navigation{display:grid;gap:5px;padding:0 12px}.nav-item{height:43px;width:100%;display:flex;align-items:center;gap:12px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a8b5c5;text-align:left;font-size:12px;font-weight:600}.nav-item:hover{background:#ffffff0c;color:white}.nav-item.active{background:#ffffff13;color:white;border-color:#ffffff0c;box-shadow:inset 3px 0 #29b8bd}.nav-symbol{width:20px;text-align:center;color:#83b8c5;font-size:16px}.sidebar-foot{margin-top:auto;padding:18px 20px 23px;border-top:1px solid #ffffff12;display:grid;grid-template-columns:10px 1fr;align-items:center;gap:7px;font-size:10px;color:#a8b5c5}.sidebar-foot small{grid-column:2;color:#74869a;font-size:10px;overflow-wrap:anywhere}.live-dot{width:7px;height:7px;background:#41ca91;border-radius:50%;box-shadow:0 0 0 3px #41ca9122;display:inline-block}.main-column{margin-left:250px;min-height:100vh}.topbar{height:76px;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar .eyebrow{margin-bottom:4px}.topbar h1{font-size:18px;letter-spacing:-.45px;margin:0}.top-actions{display:flex;align-items:center;gap:10px}.connection-pill,.account-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:white;color:#647386;font-size:10px;font-weight:700}.connection-pill .live-dot{width:6px;height:6px}.account-chip{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{max-width:1500px;margin:0 auto;padding:29px 34px 22px}.welcome-row,.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:21px}.welcome-row h2,.page-intro h2{font-size:25px;letter-spacing:-.8px;margin:0 0 8px}.welcome-row p:not(.eyebrow),.page-intro p:not(.eyebrow){color:var(--muted);line-height:1.55;margin:0;max-width:760px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:22px 0 15px}.metric-card{min-height:120px;padding:18px 19px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card small{display:block;color:var(--muted);font-size:11px;font-weight:650}.metric-card strong{display:block;margin-top:16px;font-size:30px;letter-spacing:-1.2px}.metric-card span{font-size:10px;color:var(--muted)}.overview-grid,.two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.surface{min-width:0;padding:21px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px}.surface-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.surface-heading h3{font-size:15px;letter-spacing:-.25px;margin:0 0 5px}.surface-heading p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.text-button{padding:2px 0;border:0;background:transparent;color:var(--brand);font-size:10px;font-weight:750;white-space:nowrap}.text-button:hover{text-decoration:underline}.list-stack{display:grid;gap:7px}.list-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;background:#f8fafc;border:1px solid #edf1f5;border-radius:9px}.list-row-main{min-width:0}.list-row strong,.list-row small{display:block;overflow-wrap:anywhere}.list-row strong{font-size:11px}.list-row small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}.list-row-side{text-align:right;flex:0 0 auto}.status-tag{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;background:#edf1f5;color:#647386;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.status-tag.good{background:var(--green-pale);color:var(--green)}.status-tag.warn{background:var(--amber-pale);color:var(--amber)}.status-tag.bad{background:var(--red-pale);color:var(--red)}.helper-note,.muted{color:var(--muted);font-size:10px;line-height:1.55}.helper-note{margin:14px 0 0}.helper-note code{font-size:10px;color:#31455a}.audit-preview{margin-top:0}.audit-list{display:grid;gap:7px}.audit-entry{display:grid;grid-template-columns:125px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 11px;border-bottom:1px solid #edf1f5;font-size:10px}.audit-entry:last-child{border-bottom:0}.audit-entry time{color:var(--muted)}.audit-entry strong{font-size:10px}.audit-entry span{color:var(--muted);text-align:right}.notice{padding:12px 14px;margin:0 0 16px;border:1px solid #d3e9eb;border-radius:10px;background:var(--brand-pale);color:var(--brand-dark);font-size:11px;line-height:1.5}.notice-warn{background:var(--amber-pale);border-color:#f1dcae;color:#765016}.notice.error{background:var(--red-pale);border-color:#f0d2d0;color:#8c3030}.page-intro{align-items:flex-start;margin:5px 0 20px}.page-intro h2{font-size:23px}.editor-surface{padding-bottom:23px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px}.field{display:grid;align-content:start;gap:6px;color:#405166;font-size:10px;font-weight:700}.field>span,.field legend{color:#42546a}.field input,.field select,.field textarea{width:100%;min-height:39px;padding:9px 10px;border:1px solid #dbe3ea;border-radius:8px;background:white;color:var(--ink);outline:none;font-size:11px;font-weight:500}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#58a9b3;box-shadow:0 0 0 3px #00758a16}.field input:disabled,.field select:disabled{background:#f3f6f8;color:#7a8795}.field small{font-size:9px;font-weight:500;color:var(--muted);line-height:1.45}.field-wide{grid-column:1/-1}.workspace-summary{padding:12px 13px;background:#f6f9fb;border:1px solid var(--line);border-radius:8px;color:#5d6f83;font-size:10px;line-height:1.55}.form-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.5}.addon-field{margin:0;padding:11px;border:1px solid var(--line);border-radius:9px;min-width:0}.addon-field legend{padding:0 5px;font-size:10px;font-weight:750}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #e8edf1;border-radius:8px;background:#fafcfd;color:#58697d;font-size:10px;font-weight:600;line-height:1.4}.choice input,.check input{width:14px;height:14px;margin:0;accent-color:var(--brand);flex:0 0 auto}.check{display:flex;align-items:flex-start;gap:8px;color:#53657a;font-size:10px;font-weight:600;line-height:1.45}.check input{margin-top:1px}.toggle-row{display:grid;gap:9px;padding:13px;background:#f8fafc;border-radius:9px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{padding:10px 11px;color:#7f8b9a;text-align:left;font-size:9px;letter-spacing:.75px;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:12px 11px;color:#46586d;font-size:10px;vertical-align:middle;border-bottom:1px solid #edf1f5}tbody tr:last-child td{border-bottom:0}td strong{display:block;color:var(--ink);font-size:10px}td small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.table-action{border:0;background:transparent;color:var(--brand);font-weight:750;font-size:10px}.table-action:hover{text-decoration:underline}.billing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.billing-card{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left}.billing-card:hover,.billing-card.selected{border-color:#72b7bf;background:#f2fbfb}.billing-card strong,.billing-card small{display:block}.billing-card strong{font-size:10px}.billing-card small{margin-top:4px;color:var(--muted);font-size:9px}.redirect-box{padding:10px 11px;border:1px solid #e5edf2;border-radius:8px;background:#f7fafc;min-width:0}.redirect-box small{display:block;margin-bottom:5px;color:var(--muted);font-size:9px}.redirect-box code{display:block;overflow-wrap:anywhere;color:#3a586c;font-size:10px}.provider-form{margin-top:3px}.integration-field{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #edf1f5;color:#5e6d7e;font-size:10px}.integration-field:first-child{border-top:0}.integration-field strong{color:#34485d;font-size:10px}.verification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.verification-card{margin:0}.verification-card h3{font-size:14px;margin:0 0 6px}.verification-card p{color:var(--muted);font-size:10px;line-height:1.5;margin:0 0 12px}.verification-detail{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 12px;padding:12px 0;border-top:1px solid #edf1f5;font-size:10px}.verification-detail span{color:var(--muted)}.verification-detail strong{overflow-wrap:anywhere}.verification-actions{display:flex;gap:8px;margin-top:14px}.button-danger{color:#a13838;background:var(--red-pale);border-color:#f2d5d3}.status-filter{min-width:160px}.portal-footer{padding:20px 4px 4px;text-align:center;color:#94a0ad;font-size:9px}.two-column>.surface{margin-bottom:0}.two-column{align-items:start}.two-column+.surface{margin-top:14px}.page-intro .field{min-width:170px}.gate-card .button-light{margin-top:2px}.gate #gateMessage:empty{display:none}@media(max-width:1100px){.sidebar{width:220px}.main-column{margin-left:220px}.content{padding-left:24px;padding-right:24px}.topbar{padding:0 24px}.top-actions{gap:6px}.connection-pill{display:none}.metric-grid{gap:9px}.metric-card{padding:15px}}@media(max-width:820px){.sidebar{width:64px}.brand{justify-content:center;padding:0}.brand-copy,.sidebar-label{display:none}.navigation{padding:16px 8px}.nav-item{justify-content:center;padding:0;font-size:0}.nav-item.active{font-size:0}.nav-symbol{font-size:19px}.sidebar-foot{display:flex;justify-content:center;padding:16px 0}.sidebar-foot span:not(.live-dot),.sidebar-foot small{display:none}.main-column{margin-left:64px}.topbar{padding:0 17px}.account-chip{display:none}.overview-grid,.two-column{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-cards{grid-template-columns:1fr}.verification-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:22px 17px}}@media(max-width:560px){.sidebar{display:none}.main-column{margin-left:0}.topbar{height:auto;min-height:68px;align-items:flex-start;padding:13px 14px}.topbar h1{font-size:16px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .button{min-height:32px;padding:0 9px;font-size:10px}.content{padding:18px 12px}.welcome-row,.page-intro{align-items:flex-start;flex-direction:column}.welcome-row h2,.page-intro h2{font-size:21px}.welcome-row>.button{align-self:flex-start}.metric-grid{gap:8px}.metric-card{min-height:100px;padding:12px}.metric-card strong{font-size:24px;margin-top:14px}.surface{padding:15px}.form-grid{grid-template-columns:1fr;gap:11px}.field-wide,.form-footer{grid-column:auto}.form-footer{align-items:flex-start;flex-direction:column}.choice-grid{grid-template-columns:1fr}.audit-entry{grid-template-columns:1fr auto;gap:4px}.audit-entry span{grid-column:1/-1;text-align:left}.verification-detail{grid-template-columns:95px minmax(0,1fr)}.page-intro .field{width:100%}}

/* OneCloud 360 Master Portal visual system */
body{font-family:var(--font);color:var(--ink);background:var(--canvas)}
button,input,select,textarea{font-family:var(--font)}
h1,h2,h3,h4,.metric-card strong{font-family:var(--display)}
.sidebar{width:265px;background:linear-gradient(180deg,var(--master-portal-sidebar) 0%,var(--master-portal-sidebar-alt) 100%);color:var(--master-portal-sidebar-text);border-right:1px solid var(--master-portal-border-soft);box-shadow:none}
.brand{height:84px}
.brand-logo-full{width:196px;height:78px}
.main-column{margin-left:265px}
.brand{height:78px;flex-direction:column;justify-content:center;gap:0;padding:4px 10px;border-bottom-color:var(--master-portal-border-soft);color:var(--surface)}
.brand-logo-full{display:block;width:196px;height:78px;max-width:100%;object-fit:contain}
.brand-logo-icon{display:none;width:32px;height:32px}
.brand-copy{display:flex;align-items:center;justify-content:center;margin-top:-5px}
.brand-copy small{color:var(--master-portal-accent-soft);font-size:8px;font-weight:800;letter-spacing:1.65px}
.navigation{gap:4px;align-content:start;overflow-y:auto;padding:7px 10px 14px}
.navigation-group-label{padding:15px 11px 5px;color:var(--master-portal-accent);font-size:10px;font-weight:750;letter-spacing:.08em}
.navigation-group-label:not(:first-child){margin-top:5px;border-top:1px solid var(--master-portal-border-medium)}
.nav-item{min-height:36px;border-radius:7px;color:var(--master-portal-nav-text);font-size:12px;font-weight:500}
.nav-item:hover{background:var(--master-portal-border-quiet);color:var(--surface)}
.nav-item.active{border-color:var(--master-portal-border-subtle);background:linear-gradient(90deg,var(--brand),var(--master-portal-active));color:var(--surface);font-weight:700;box-shadow:inset 3px 0 var(--master-portal-active-edge)}
.nav-symbol{color:var(--master-portal-nav-muted)}
.nav-item.active .nav-symbol{color:var(--master-portal-active-text)}
.sidebar-foot{border-top-color:var(--master-portal-border-strong);color:var(--master-portal-footer-text)}
.sidebar-foot small{color:var(--master-portal-footer-muted)}
.main-column{background:var(--canvas)}
.topbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,420px) auto;gap:18px;padding:0 28px;background:var(--master-portal-topbar-overlay);border-bottom-color:var(--line);box-shadow:none;backdrop-filter:none}
.eyebrow{color:var(--muted-soft)}
.gate{background:var(--canvas);color:var(--ink)}
.gate-card{padding:36px 34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}
.gate-logo{width:min(190px,100%);margin:0 auto 20px}
.gate .eyebrow{color:var(--brand-dark)}
.gate h1{color:var(--ink)}
.gate p:not(.eyebrow){color:var(--muted)}
.button-primary{background:var(--brand);box-shadow:none}
.button-primary:hover{background:var(--brand-hover)}
.button-secondary{color:var(--brand-dark);background:var(--brand-soft);border-color:var(--line)}
.button-secondary:hover{background:var(--brand-tint)}
.button:focus-visible,.nav-item:focus-visible,.text-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.metric-card,.surface{border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-light);box-shadow:var(--focus-ring)}
@media(max-width:820px){.brand{justify-content:center;padding:0}.brand-logo-full,.brand-copy{display:none}.brand-logo-icon{display:block}}

.live-dot-warning{background:var(--warning);box-shadow:none}
.portal-search{position:relative;display:flex;align-items:center;gap:10px;height:40px;min-width:0;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-sunken);transition:border-color .15s,box-shadow .15s,background .15s}
.portal-search:focus-within{border-color:var(--brand-light);background:var(--surface);box-shadow:var(--focus-ring)}
.portal-search input{width:100%;height:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px;box-shadow:none}
.portal-search input::placeholder{color:var(--muted-soft)}
.portal-search input:focus-visible{outline:0;box-shadow:none}
.search-icon{position:relative;flex:0 0 14px;width:14px;height:14px;border:1.6px solid var(--muted);border-radius:50%}
.search-icon::after{content:"";position:absolute;right:-4px;bottom:-2px;width:5px;height:1.5px;border-radius:2px;background:var(--muted);transform:rotate(45deg)}
.search-shortcut{padding:3px 6px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted-soft);font-size:9px;white-space:nowrap}
.portal-search-results{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:20;display:grid;gap:3px;max-height:320px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-md)}
.portal-search-results[hidden]{display:none}
.portal-search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:left;font-size:11px;font-weight:650}
.portal-search-result:hover,.portal-search-result:focus-visible{outline:0;background:var(--brand-soft);color:var(--brand-dark)}
.portal-search-result small{color:var(--muted-soft);font-size:9px;font-weight:500}
.global-user-filters{display:flex;align-items:end;gap:10px;flex:1;justify-content:flex-end;min-width:0}
.global-user-filters .field{min-width:180px;margin:0}
.global-user-filters .field input,.global-user-filters .field select{min-height:37px}
.global-user-memberships{display:grid;gap:5px;min-width:180px}
.membership-chip{display:grid;gap:2px;width:max-content;max-width:100%;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface-sunken)}
.membership-chip strong{overflow:hidden;color:var(--ink);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.membership-chip small{color:var(--muted-soft);font-size:9px}
.global-user-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}
.global-user-pagination span{color:var(--muted);font-size:10px}
@media(max-width:820px){.global-user-filters{flex-wrap:wrap;justify-content:flex-start}.global-user-filters .field{min-width:min(220px,100%);flex:1}}

/* Settings page follows the compact, tabbed OneCloud owner-console reference. */
.platform-settings-active .topbar{grid-template-columns:minmax(0,1fr) minmax(270px,460px) minmax(0,1fr);}
.platform-settings-active .topbar-title{display:none}
.platform-settings-active .portal-search{grid-column:2}
.platform-settings-active .top-actions{justify-content:flex-end}
.account-chip{max-width:245px;white-space:normal;text-overflow:clip;overflow:visible;}
.account-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,var(--master-settings-color-e9f7fa),var(--master-settings-color-cdebf0));color:var(--master-settings-color-087f94);font-size:11px;font-weight:800;}
.account-details{display:grid;gap:2px;min-width:0;}
.account-details strong,.account-details small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.account-details strong{color:var(--master-settings-color-16344c);font-size:10px;}
.account-details small{color:var(--master-settings-color-6e8391);font-size:9px;font-weight:500;}
.settings-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:5px 0 15px;}
.settings-page-title{display:flex;align-items:center;gap:16px;min-width:0;}
.settings-title-icon,.settings-card-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,var(--master-settings-color-d6f3f6),var(--master-settings-color-b9e7ed));color:var(--master-settings-color-008da0);}
.settings-title-icon{width:56px;height:56px;}
.settings-title-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.settings-page-title .eyebrow{display:none;}
.settings-page-title h2{margin:0 0 3px;color:var(--master-settings-color-0b477e);font-size:25px;letter-spacing:-.7px;}
.settings-page-title p:not(.eyebrow){margin:0;color:var(--master-settings-color-52728d);font-size:11px;line-height:1.5;}
.settings-heading-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.settings-heading-actions .button-primary{background:var(--master-settings-color-008d9e);}
.settings-tabs{display:flex;align-items:stretch;gap:0;min-height:43px;margin:0 0 16px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:thin;}
.settings-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--master-settings-color-315a7d);font-size:10px;font-weight:600;white-space:nowrap;}
.settings-tab:hover{color:var(--master-settings-color-007f92);background:var(--master-settings-color-f2fafb);}
.settings-tab.active{border-bottom-color:var(--master-settings-color-0099a8);color:var(--master-settings-color-008a9b);font-weight:800;}
.settings-tab:focus-visible{outline:2px solid var(--brand-light);outline-offset:-3px;}
.settings-panel[hidden]{display:none!important;}
.settings-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;}
.settings-card-grid-single{grid-template-columns:minmax(0,1fr);}
.settings-card-grid>.surface{min-width:0;margin:0;padding:14px;border:1px solid var(--master-settings-color-dceaf0);border-radius:11px;box-shadow:0 2px 7px var(--master-settings-color-19496708);}
.settings-card-heading{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:13px;}
.settings-card-heading>div{min-width:0;flex:1;}
.settings-card-heading h3{margin:0 0 3px;color:var(--master-settings-color-103d66);font-size:12px;letter-spacing:-.15px;}
.settings-card-heading p{margin:0;color:var(--master-settings-color-708ca4);font-size:9px;line-height:1.4;}
.settings-card-icon{width:36px;height:36px;font-size:18px;font-weight:700;}
.settings-card-heading>.status-tag{margin-left:auto;}
.settings-detail-list{display:grid;gap:0;margin:0;padding:0;}
.settings-detail-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-top:1px solid var(--master-settings-color-edf2f5);font-size:9px;}
.settings-detail-list>div:first-child{border-top:0;}
.settings-detail-list dt{color:var(--master-settings-color-50718c);}
.settings-detail-list dd{margin:0;color:var(--master-settings-color-133f67);font-weight:650;text-align:right;overflow-wrap:anywhere;}
.settings-readonly-note{margin:10px 0 0;color:var(--master-settings-color-7890a4);font-size:9px;line-height:1.45;}
.settings-info-block{display:grid;gap:4px;padding:9px 2px;border-top:1px solid var(--master-settings-color-edf2f5);font-size:9px;}
.settings-info-block:first-of-type{border-top:0;}
.settings-info-block strong{color:var(--master-settings-color-153f66);font-size:10px;}
.settings-info-block span{color:var(--master-settings-color-6d87a0);line-height:1.45;}
.settings-manage-button{display:flex;width:100%;min-height:32px;justify-content:center;margin-top:9px;color:var(--master-settings-color-07558b);border-color:var(--master-settings-color-d7e7ef);background:var(--master-settings-color-f7fbfd);font-size:9px;}
.settings-manage-button span{font-size:14px;line-height:1;}
.settings-provider-summary{display:grid;gap:0;}
.settings-provider-row{display:flex;align-items:center;gap:8px;min-height:37px;padding:5px 2px;border-top:1px solid var(--master-settings-color-edf2f5);}
.settings-provider-row:first-child{border-top:0;}
.settings-provider-mark{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--master-settings-color-e8f2fd);color:var(--master-settings-color-1877cc);font-size:11px;font-weight:800;}
.settings-provider-name{display:grid;gap:2px;min-width:0;flex:1;}
.settings-provider-name strong{overflow:hidden;color:var(--master-settings-color-1a456c);font-size:9px;text-overflow:ellipsis;white-space:nowrap;}
.settings-provider-name small{color:var(--master-settings-color-8296a7);font-size:8px;}
.settings-provider-row .status-tag,.settings-package-row .status-tag{padding:4px 7px;font-size:8px;}
.platform-brand-preview{display:grid;gap:6px;padding:9px 10px;border:1px solid var(--master-settings-color-e5eff4);border-radius:8px;background:linear-gradient(135deg,var(--master-settings-color-f8fcfd),var(--master-settings-color-eef7fa));}
.platform-brand-preview img{width:min(175px,100%);height:38px;object-fit:contain;object-position:left center;}
.platform-brand-preview span{overflow-wrap:anywhere;color:var(--master-settings-color-52728d);font-size:9px;}
.brand-assets-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.brand-assets-preview>div{display:grid;align-content:center;gap:10px;min-height:116px;padding:14px;border:1px solid var(--master-settings-color-e3edf2);border-radius:9px;background:var(--master-settings-color-f8fbfc);}
.brand-assets-preview small{color:var(--master-settings-color-6d8296);font-size:8px;font-weight:800;letter-spacing:.08em;}
.brand-assets-preview img{width:min(146px,100%);height:auto;object-fit:contain;object-position:left center;}
.settings-package-list{display:grid;gap:0;margin-bottom:9px;}
.settings-package-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid var(--master-settings-color-edf2f5);}
.settings-package-row:first-child{border-top:0;}
.settings-package-row>span:first-child{display:grid;gap:3px;min-width:0;flex:1;}
.settings-package-row strong{overflow:hidden;color:var(--master-settings-color-153f66);font-size:10px;text-overflow:ellipsis;white-space:nowrap;}
.settings-package-row small{color:var(--master-settings-color-758da2);font-size:8px;}
.settings-package-price{color:var(--master-settings-color-174668);font-size:9px;font-weight:700;white-space:nowrap;}
.settings-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;}
.settings-form-grid .field-wide,.settings-form-grid .form-footer{grid-column:1/-1;}
.settings-form-grid .field input,.settings-form-grid .field select,.settings-form-grid .field textarea{min-height:35px;font-size:10px;}
.settings-form-grid .field{font-size:9px;}
.settings-form-grid .form-footer{align-items:flex-start;}
.settings-card .integration-field{font-size:9px;}
.settings-card .integration-field strong{font-size:9px;}
.settings-card .list-stack>.list-row{padding:8px 9px;background:var(--master-settings-color-fbfdfe);}
.settings-card .list-row strong{font-size:10px;}
.settings-card .list-row small{font-size:9px;}
@media(max-width:1280px){.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.settings-card-grid-single{grid-template-columns:minmax(0,1fr);}.settings-tab{padding:0 11px;}}
@media(max-width:820px){.platform-settings-active .topbar{grid-template-columns:minmax(0,1fr) auto;}.platform-settings-active .portal-search{grid-column:1/-1;grid-row:2;width:100%;}.platform-settings-active .top-actions{grid-column:2;grid-row:1;}.settings-page-heading{align-items:flex-start;flex-direction:column;}.settings-heading-actions{align-self:flex-end;}.settings-card-grid{grid-template-columns:minmax(0,1fr);}.settings-card-grid-single{grid-template-columns:minmax(0,1fr);}}
@media(max-width:560px){.settings-page-title{align-items:flex-start;gap:10px;}.settings-title-icon{width:43px;height:43px;}.settings-title-icon svg{width:23px;height:23px;}.settings-page-title h2{font-size:21px;}.settings-page-title p:not(.eyebrow){font-size:10px;}.settings-tabs{margin-right:-12px;}.settings-tab{padding:0 10px;font-size:9px;}.brand-assets-preview{grid-template-columns:1fr;}.platform-settings-active .topbar{min-height:96px;}.platform-settings-active .top-actions{align-self:start;}.platform-settings-active .account-chip{display:none;}}
.portal-search-empty{margin:0;padding:10px;color:var(--muted);font-size:11px}
@media(max-width:1250px){.topbar{grid-template-columns:minmax(145px,1fr) minmax(210px,340px) auto;gap:12px;padding:0 20px}}
@media(max-width:1100px){.sidebar{width:220px}.main-column{margin-left:220px}.topbar{grid-template-columns:minmax(130px,1fr) minmax(180px,300px) auto;padding:0 17px}}
@media(max-width:820px){.sidebar{width:64px}.main-column{margin-left:64px}.brand{justify-content:center;padding:0}.brand-logo-full,.brand-copy{display:none}.brand-logo-icon{display:block}.topbar{grid-template-columns:minmax(140px,1fr) auto;gap:8px;height:auto;min-height:68px;padding:10px 17px}.portal-search{grid-column:1/-1;grid-row:2}.top-actions{grid-column:2;grid-row:1;flex-wrap:wrap;justify-content:flex-end}.topbar-title{grid-column:1;grid-row:1}}
@media(max-width:560px){.sidebar{display:none}.main-column{margin-left:0}.topbar{grid-template-columns:1fr;padding:12px}.topbar-title{grid-row:1;grid-column:1}.portal-search{grid-row:2;grid-column:1}.top-actions{grid-row:3;grid-column:1;justify-content:flex-start}.search-shortcut{display:none}}

.platform-support-detail{margin-top:14px;scroll-margin-top:92px}
.platform-support-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-sunken)}
.platform-support-detail-grid>div{display:grid;align-content:start;gap:4px;min-width:0}
.platform-support-detail-grid small,.platform-support-message small{color:var(--muted);font-size:9px;line-height:1.45}
.platform-support-detail-grid strong{overflow-wrap:anywhere;color:var(--ink);font-size:10px}
.platform-support-detail-grid span{overflow-wrap:anywhere;color:var(--muted);font-size:9px}
.platform-support-copy,.platform-support-messages{margin-top:15px}
.platform-support-copy h4,.platform-support-messages h4{margin:0 0 8px;color:var(--ink);font-size:12px}
.platform-support-copy p{margin:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-sunken);color:var(--ink);font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.platform-support-messages{display:grid;gap:9px}
.platform-support-message{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.platform-support-message.internal{border-color:var(--master-settings-color-eed8ad);background:var(--master-settings-color-fffaf0)}
.platform-support-message>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.platform-support-message>div strong{color:var(--ink);font-size:10px}
.platform-support-message p{margin:9px 0;color:var(--ink);font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.platform-support-message>small{display:block;margin-top:5px}
@media(max-width:820px){.platform-support-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.platform-support-detail-grid{grid-template-columns:1fr}.platform-support-message>div{align-items:flex-start;flex-direction:column;gap:3px}}

.analytics-page-intro{align-items:flex-end}
.analytics-filter{display:flex;align-items:end;gap:9px;flex:0 0 auto}
.analytics-filter .field{min-width:142px;margin:0}
.analytics-filter .field input{min-height:38px}
.analytics-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.analytics-support-surface{margin-top:14px}
.analytics-support-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin:0}
.analytics-support-grid .metric-card{min-height:105px;padding:14px}
.analytics-support-grid .metric-card strong{font-size:22px;margin-top:12px}
.analytics-range-note{margin:0 0 13px}
.analytics-daily-surface{margin-top:14px}
.analytics-daily-table{min-width:1160px}
.analytics-export-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.analytics-coverage-surface{margin-top:14px}
@media(max-width:1100px){.analytics-support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.analytics-page-intro{align-items:flex-start}.analytics-filter{flex-wrap:wrap;justify-content:flex-start}.analytics-filter .field{min-width:150px;flex:1}.analytics-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.analytics-filter{width:100%}.analytics-filter .field{min-width:calc(50% - 5px)}.analytics-filter .button{width:100%}.analytics-metric-grid,.analytics-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-export-actions{width:100%;flex-wrap:wrap}.analytics-export-actions .button{flex:1}}
@media print{
  body.platform-analytics-print{background:var(--master-settings-color-fff)!important;color:var(--master-settings-color-111)!important}
  body.platform-analytics-print .gate,body.platform-analytics-print .sidebar,body.platform-analytics-print .topbar,body.platform-analytics-print .portal-footer,body.platform-analytics-print #notice,body.platform-analytics-print [data-page]:not([data-page="analytics"]){display:none!important}
  body.platform-analytics-print .main-column{margin:0!important;background:var(--master-settings-color-fff)!important}
  body.platform-analytics-print .content{max-width:none;padding:0!important}
  body.platform-analytics-print [data-page="analytics"]{display:block!important}
  body.platform-analytics-print .analytics-filter,body.platform-analytics-print .analytics-export-actions{display:none!important}
  body.platform-analytics-print .surface,body.platform-analytics-print .metric-card{break-inside:avoid;box-shadow:none!important;background:var(--master-settings-color-fff)!important}
  body.platform-analytics-print .analytics-daily-table{min-width:0;font-size:8px}
  body.platform-analytics-print .table-wrap{overflow:visible}
}

/* Match the customer workspace's light teal palette and shared logo scale. */
.sidebar{background:var(--surface);color:var(--ink);border-right:1px solid var(--line);box-shadow:none}
.brand{border-bottom-color:var(--line);color:var(--ink)}
.brand-logo-full{display:block;width:146px;height:auto;max-width:100%;object-fit:contain}
.brand-copy small{color:var(--brand-dark)}
.navigation-group-label{color:var(--brand)}
.navigation-group-label:not(:first-child){border-top-color:var(--line)}
.nav-item{color:var(--muted)}
.nav-item:hover{background:var(--brand-tint);color:var(--brand-dark)}
.nav-item.active{background:var(--brand-soft);border-color:var(--line);color:var(--brand-dark);box-shadow:inset 3px 0 var(--brand)}
.nav-symbol,.nav-item.active .nav-symbol{color:var(--brand)}
.sidebar-foot{border-top-color:var(--line);color:var(--muted)}
.sidebar-foot small{color:var(--muted-soft)}

/* Platform settings use the full workspace width and keep each section's cards balanced. */
.platform-settings-active .content{width:100%;max-width:none;margin:0;padding:18px clamp(16px,2vw,30px) 24px}
.platform-settings-active .platform-settings-page{width:100%;max-width:none}
.platform-settings-active .settings-tabs{width:100%}
.platform-settings-active .settings-tab{flex:1 0 auto}
.platform-settings-active .settings-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.platform-settings-active .settings-card-grid-single{grid-template-columns:minmax(0,1fr)}
.platform-settings-active [data-settings-panel="authentication"] .settings-card-grid,
.platform-settings-active [data-settings-panel="email"] .settings-card-grid,
.platform-settings-active [data-settings-panel="security"] .settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:820px){
  .platform-settings-active .settings-card-grid,
  .platform-settings-active .settings-card-grid-single,
  .platform-settings-active [data-settings-panel="authentication"] .settings-card-grid,
  .platform-settings-active [data-settings-panel="email"] .settings-card-grid,
  .platform-settings-active [data-settings-panel="security"] .settings-card-grid{grid-template-columns:minmax(0,1fr)}
  .platform-settings-active .settings-tab{flex:0 0 auto}
}