:root,html[data-theme="light"]{
 --primary:#4b5563;--secondary:#303640;--accent:#e5e7eb;--primary-fg:#fff;
 --body-fg:#303640;--body-bg:#f5f6f7;--body-quiet-color:#68717d;--body-medium-color:#515b68;--body-loud-color:#202630;
 --header-color:#d1d5db;--header-branding-color:#fff;--header-bg:#303640;--header-link-color:#f3f4f6;
 --breadcrumbs-fg:#6b7280;--breadcrumbs-link-fg:#374151;--breadcrumbs-bg:#e9ecf0;
 --link-fg:#4b5563;--link-hover-color:#111827;--link-selected-fg:#303640;
 --hairline-color:#e8eaee;--border-color:#dce0e5;--darkened-bg:#eef0f3;--selected-bg:#e5e7eb;--selected-row:#edf0f3;
 --button-fg:#fff;--button-bg:#4b5563;--button-hover-bg:#374151;--default-button-bg:#374151;--default-button-hover-bg:#202630;
 --close-button-bg:#68717d;--close-button-hover-bg:#4b5563;
 --object-tools-fg:#fff;--object-tools-bg:#4b5563;--object-tools-hover-bg:#303640;
 --card-bg:#fff;
}
html[data-theme="dark"]{
 --primary:#626b78;--secondary:#242830;--accent:#e5e7eb;--primary-fg:#fff;
 --body-fg:#e5e7eb;--body-bg:#181b20;--body-quiet-color:#a6aeb9;--body-medium-color:#c1c7cf;--body-loud-color:#f3f4f6;
 --header-color:#d1d5db;--header-branding-color:#fff;--header-bg:#242830;--header-link-color:#f3f4f6;
 --breadcrumbs-fg:#b4bdc9;--breadcrumbs-link-fg:#e5e7eb;--breadcrumbs-bg:#292e36;
 --link-fg:#c7cdd6;--link-hover-color:#fff;--link-selected-fg:#f3f4f6;
 --hairline-color:#343a44;--border-color:#414957;--darkened-bg:#292e36;--selected-bg:#3b424e;--selected-row:#343b46;
 --button-fg:#fff;--button-bg:#596474;--button-hover-bg:#6b7789;--default-button-bg:#596474;--default-button-hover-bg:#6b7789;
 --object-tools-fg:#fff;--object-tools-bg:#596474;--object-tools-hover-bg:#6b7789;--card-bg:#242830;
}
body,input,textarea,select,button{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-size:14px;line-height:1.5}
#header{padding:22px 32px;gap:24px}
.platform-brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none}
.platform-brand svg{width:40px;height:40px;flex-shrink:0}
.platform-brand span{font-size:21px;font-weight:500;letter-spacing:-.5px}
.platform-brand b{color:#c5cbd4;font-weight:650}
.platform-brand small{display:block;color:#afb8c5;font-size:9px;font-weight:650;letter-spacing:1.8px;margin-top:3px}
#user-tools{font-size:11px;line-height:1.8;letter-spacing:.3px}
#content{padding:30px 36px}
#content>h1{font-size:32px;letter-spacing:-1px;font-weight:650;color:var(--body-loud-color);margin:4px 0 26px}
div.breadcrumbs{padding:13px 36px;font-size:12px}
.module{background:var(--card-bg);border:1px solid var(--border-color);border-radius:13px;overflow:hidden;margin-bottom:22px}
.module h2,.module caption,.inline-group h2{background:var(--darkened-bg);color:var(--body-fg);padding:14px 18px;font-size:12px;font-weight:650}
.module caption a.section:link,.module caption a.section:visited{color:var(--body-fg)}
th,td{padding:14px 16px;border-color:var(--hairline-color)}
thead th{background:var(--darkened-bg);font-size:10px;text-transform:uppercase;letter-spacing:.6px}
thead th.sorted{background:var(--selected-bg)}
#changelist{background:var(--card-bg);border-radius:13px}
#changelist #toolbar,#changelist .actions,#changelist .paginator{background:var(--card-bg);padding:15px;border-color:var(--border-color)}
#changelist-filter{background:var(--card-bg);border:1px solid var(--border-color);border-radius:13px;overflow:hidden}
#changelist-filter h2{background:var(--darkened-bg);color:var(--body-fg);padding:14px 16px}
#changelist-filter h3{font-size:12px}
.button,input[type=submit],input[type=button],.submit-row input,a.button,button{border-radius:8px}
.button,input[type=submit],input[type=button],a.button{padding:11px 17px;font-weight:600}
input,textarea,select{border-radius:7px;border-color:var(--border-color);padding:9px 10px;background:var(--card-bg);color:var(--body-fg)}
input[type=checkbox],input[type=radio]{accent-color:#68717d}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9ca3af;outline-offset:3px}
.form-row{padding:16px 20px}
.submit-row{border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);padding:16px}
body .submit-row input[type=submit].default,body .submit-row input[type=submit],body .submit-row button{ text-transform:none; }
.object-tools a{border-radius:8px;font-size:11px}
#nav-sidebar{background:var(--body-bg);border-right:1px solid var(--border-color);padding:12px 8px}
#nav-sidebar .module{border-radius:9px}
#nav-sidebar th,#nav-sidebar td{padding:10px 8px}
#nav-sidebar .current-app .section:link,#nav-sidebar .current-app .section:visited{color:var(--body-fg)}
.form-row a.button{display:inline-block;margin:8px 0;line-height:1.4}
#toggle-nav-sidebar{background:var(--darkened-bg);color:var(--body-fg);border-color:var(--border-color)}
.dashboard #content{width:auto;max-width:1550px;box-sizing:border-box}
.dashboard #content-main{width:calc(100% - 300px)}
.dashboard #content-related{width:270px;margin-right:-300px;border:1px solid var(--border-color);border-radius:13px;background:var(--card-bg)}
.dashboard #content-related .module{border:0;margin:0}
.platform-intro{padding:24px;border:1px solid var(--border-color);border-radius:13px;background:var(--card-bg);margin-bottom:24px}
.platform-eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--body-quiet-color);font-weight:750}
.platform-intro h2{font-size:25px;font-weight:650;letter-spacing:-.6px;margin:10px 0}
.platform-intro>p{color:var(--body-quiet-color);font-size:13px}
.platform-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.platform-links a{display:block;border:1px solid var(--border-color);background:var(--body-bg);border-radius:10px;padding:17px;color:var(--body-fg);transition:border-color .15s}
.platform-links a:hover{border-color:#9ca3af}
.platform-links strong{display:block;font-size:14px;margin-bottom:6px}
.platform-links span{display:block;font-size:12px;color:var(--body-quiet-color);line-height:1.6}
.platform-notice{background:var(--darkened-bg);padding:14px 16px;border-radius:9px}
@media(max-width:1024px){
 #header{padding:18px 20px}#content{padding:24px 20px}div.breadcrumbs{padding:12px 20px}
 .dashboard #content-main{width:100%}.dashboard #content-related{width:100%;margin:0;float:none;clear:both}
}
@media(max-width:767px){
 #header{align-items:flex-start}.platform-brand span{font-size:18px}#content{padding:20px 15px}
 #content>h1{font-size:27px}.platform-intro{padding:18px}.platform-links{grid-template-columns:1fr}
 .platform-intro h2{font-size:22px}.form-row{padding:14px}#user-tools{font-size:10px}
}
.change-list #changelist{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.change-list #changelist .changelist-form-container{width:100%;min-width:0;flex:auto}
.change-list #changelist-filter{position:static;order:-1;display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;width:auto;max-width:none;flex:none;margin:0;padding:18px 24px;border:0;border-bottom:1px solid var(--border-color);border-radius:0;background:var(--card-bg)}
.change-list #changelist-filter>h2{display:none}
.change-list #changelist-filter #changelist-filter-extra-actions{margin:0;padding:0;order:3;font-size:11px}
.change-list #changelist-filter .compact-filter h3{font-size:11px;font-weight:650;color:var(--body-quiet-color);margin:0 0 7px;padding:0}
.change-list #changelist-filter .compact-filter ul{display:flex;gap:5px;margin:0;padding:0}
.change-list #changelist-filter .compact-filter li{list-style:none;margin:0;padding:0;border:0}
.change-list #changelist-filter .compact-filter a{display:block;border:1px solid var(--border-color);border-radius:7px;padding:6px 13px;font-size:12px;background:var(--card-bg);color:var(--body-fg)}
.change-list #changelist-filter .compact-filter .selected a{background:#4b5563;border-color:#4b5563;color:white}
.change-list .user-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}
.change-list .user-list-toolbar #changelist-filter{padding:0;border:0;gap:18px 24px}
.change-list #changelist #toolbar{padding:0;margin:0 0 0 auto;border:0;background:transparent}
.change-list #toolbar form>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.change-list #toolbar #searchbar{width:clamp(160px,20vw,320px);max-width:100%;height:42px;font-size:14px;padding:10px 13px;box-sizing:border-box;background:var(--body-bg)}
.change-list #toolbar input[type=submit]{padding:11px 18px;background:#4b5563;color:white;border:0;box-shadow:none;border-radius:8px;font-weight:600;font-size:12px}
.change-list #changelist table{width:100%;border-collapse:collapse}
.change-list #changelist table thead th{padding:0;background:var(--body-bg);font-size:10px}
.change-list #changelist table thead th .text a,.change-list #changelist table thead th .text span{padding:14px 20px}
.change-list #changelist tbody tr{background:var(--card-bg)}
.change-list #changelist tbody tr:hover{background:var(--body-bg)}
.change-list #changelist tbody th,.change-list #changelist tbody td{padding:19px 20px;vertical-align:middle;font-size:12px;border-bottom:1px solid var(--hairline-color)}
.user-identity{display:flex;align-items:center;gap:12px;min-width:170px}
.user-initials{display:grid;place-items:center;width:38px;height:38px;background:var(--darkened-bg);border:1px solid var(--border-color);border-radius:50%;font-size:11px;color:var(--body-medium-color);flex-shrink:0}
.user-identity strong{display:block;font-size:13px;font-weight:650}
.user-identity small{display:block;font-size:11px;color:var(--body-quiet-color);font-weight:400;margin-top:3px}
.user-status,.user-type{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:30px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--darkened-bg);color:var(--body-medium-color)}
.user-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.user-status.enabled{background:#e9eef1;color:#435768}
.user-status.disabled{background:#f3ede8;color:#806650}
.change-list #changelist .paginator{padding:16px 24px;margin:0;border:0;font-size:11px;color:var(--body-quiet-color);background:var(--card-bg)}
.change-list #changelist .results{overflow-x:auto}
.change-list #toolbar .small{display:none}
.change-list #changelist tbody th{font-weight:600}
.change-list #changelist tbody tr{height:80px}
.change-list #changelist-filter .compact-filter h3{text-transform:capitalize}
.change-list #changelist-filter{min-height:58px}
@media(max-width:720px){.change-list .user-list-toolbar{padding:15px;gap:18px}.change-list .user-list-toolbar #changelist-filter{gap:15px}.change-list #changelist #toolbar{margin:0;width:100%}.change-list #toolbar #searchbar{width:175px;max-width:100%}}
.platform-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:22px}
.platform-metric{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:220px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:28px;color:var(--body-fg);transition:border-color .15s,box-shadow .15s}
a.platform-metric:hover{border-color:#9ca3af;color:var(--body-fg);box-shadow:0 5px 18px #3036400a}
.platform-metric>span{font-size:14px;font-weight:600;color:var(--body-medium-color)}
.platform-metric>strong{display:block;font-size:46px;font-weight:650;letter-spacing:-1.5px;margin:16px 0;line-height:1.2;overflow-wrap:anywhere}
.platform-metric>small{display:block;font-size:12px;color:var(--body-quiet-color);line-height:1.6;margin-top:auto}
@media(max-width:1100px){.platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.platform-metrics{gap:12px}.platform-metric{padding:18px;min-height:200px}.platform-metric>strong{font-size:36px}.platform-metric>span{font-size:13px}.platform-metric>small{font-size:11px}}
/* Workspace shell: shared dimensions, hierarchy and controls; grey admin tokens. */
body:not(.login) #container{padding-left:235px;box-sizing:border-box;min-height:100vh}
body:not(.login) #header{position:fixed;inset:0 auto 0 0;width:235px;height:100vh;box-sizing:border-box;padding:30px 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow-y:auto;z-index:30}
body:not(.login) #branding{order:0;float:none}
body:not(.login) .platform-brand{gap:9px;white-space:nowrap}
body:not(.login) .platform-brand svg{width:35px;height:35px}
body:not(.login) .platform-brand span{font-size:17px;font-weight:600;letter-spacing:normal}
body:not(.login) .platform-navigation{order:1}
.platform-nav-label{font-size:9px;letter-spacing:1.8px;color:#aeb7c4;margin:45px 13px 14px}
.platform-navigation nav{display:grid;gap:7px}
#header .platform-navigation a{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:8px;text-align:left;font-size:13px;font-weight:500;color:#c8cdd5;text-decoration:none;line-height:1.5}
#header .platform-navigation a span{display:inline-block;font-size:20px;width:20px;flex-shrink:0}
#header .platform-navigation a:hover{background:#3c444f}
#header .platform-navigation a.active{background:#4b5563;color:white}
body:not(.login) #user-tools.platform-account{order:2;margin-top:auto;padding:35px 10px 0;text-align:left;float:none;font-size:12px;text-transform:none;letter-spacing:normal;width:auto}
.platform-pilot{font-size:9px;letter-spacing:1.3px;color:#c5cbd4;border:1px solid #596372;border-radius:6px;padding:7px;width:max-content}
#header .workspace-return{display:block;font-size:12px;color:#aeb7c4;margin:16px 0 30px;text-decoration:none}
.platform-profile{display:flex;align-items:center;gap:10px;border-top:1px solid #505967;padding-top:22px;overflow-wrap:anywhere}
.platform-profile small{display:block;color:#aeb7c4;font-size:10px}
#header .platform-avatar{display:grid;place-items:center;background:#505967;border-radius:50%;width:42px;height:42px;flex-shrink:0;font-size:12px;color:white;text-decoration:none}
#header .platform-account form{display:block;margin:0}
#header .platform-account button{background:transparent;border:0;color:#c5cbd4;font-size:11px;padding:12px 0;cursor:pointer;text-transform:none}
body:not(.login) #main{display:block;min-width:0}
body:not(.login) #main>main,body:not(.login) .main>main{width:100%;min-width:0}
body:not(.login) #content{padding:24px 36px;width:100%;max-width:1700px;margin:0 auto;box-sizing:border-box}
body:not(.login) #content-main{float:none;width:100%;min-width:0}
body:not(.login) #content-related{display:none}
body:not(.login) .colMS{margin-right:0}
body:not(.login) div.breadcrumbs{padding:12px 36px;background:var(--body-bg);font-size:11px}
.platform-banner{background:#eceff2;border:1px solid #d7dce2;padding:10px 15px;font-size:11px;color:#596372;border-radius:8px;display:flex;gap:14px}
.platform-page-heading{margin:35px 0 28px}
.platform-page-heading h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:9px 0 12px;font-weight:650;color:var(--body-loud-color)}
.platform-page-heading p{font-size:13px;color:var(--body-quiet-color);margin:9px 0}
.platform-intro{padding:23px}
.platform-intro h2{font-size:17px;letter-spacing:-.3px;margin:0 0 8px}
.platform-intro>.platform-eyebrow{display:none}
.platform-links{gap:18px}
.platform-links a{background:var(--card-bg);padding:23px;border-radius:13px}
.platform-links strong{font-size:17px;letter-spacing:-.3px;font-weight:650}
body:not(.login) .module{background:var(--card-bg)}
body:not(.login) .module h2{background:var(--card-bg);color:var(--body-fg);font-size:17px;text-transform:none;letter-spacing:-.3px;padding:20px 23px 10px}
body:not(.login) .form-row{padding:14px 23px}
body:not(.login) .form-row input:not([type=checkbox]):not([type=radio]),body:not(.login) .form-row select,body:not(.login) .form-row textarea{padding:10px;border-radius:7px;font-size:14px;box-sizing:border-box;max-width:100%}
body:not(.login) .form-row label{font-size:12px;font-weight:600}
body:not(.login) .module h2{border:0;font-weight:650}
body:not(.login) .aligned .form-row .flex-container{flex-direction:column;align-items:flex-start;gap:6px}
body:not(.login) .aligned .form-row label{float:none;width:auto}
body:not(.login) .aligned .form-row input.vTextField{width:480px;max-width:100%}
body:not(.login) .aligned .form-row .help{margin-left:0;padding-left:0}
body:not(.login) .submit-row{padding:16px 23px}
@media(max-width:1100px){
 body:not(.login) #container{padding-left:200px}
 body:not(.login) #header{width:200px}
 body:not(.login) #content{padding:20px}
 body:not(.login) .platform-brand span{font-size:15px}
 #header .platform-navigation a{padding:10px 8px}
}
@media(max-width:720px){
 body:not(.login) #container{padding-left:0}
 body:not(.login) #header{position:static;width:100%;height:auto;padding:15px;overflow:visible}
 body:not(.login) .platform-brand span{font-size:18px}
 .platform-nav-label,.platform-pilot,#header .workspace-return,.platform-profile>div{display:none}
 .platform-profile{display:flex;border:0;padding:0}
 .platform-navigation nav{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}
 #header .platform-navigation a{padding:8px;font-size:11px;gap:8px}
 #header .platform-navigation a span{font-size:15px;width:auto}
 body:not(.login) #user-tools.platform-account{padding:14px 0 0;margin:0;align-self:flex-end;display:flex;align-items:center;gap:14px}
 body:not(.login) #content{padding:15px}
 body:not(.login) div.breadcrumbs{padding:10px 15px}
 .platform-page-heading{margin:25px 0}
 .platform-page-heading h1{font-size:27px}
 .platform-banner{display:block}
 .platform-banner b{display:block;margin-bottom:4px}
 .platform-links{grid-template-columns:1fr}
 body:not(.login) .platform-intro{padding:17px}
 body:not(.login) .aligned label{width:auto}
}
.change-list #changelist-filter .compact-filter ul{flex-wrap:wrap}
.change-list .user-list-toolbar #changelist-filter{flex:1;min-width:0}
.change-list .compact-filter{max-width:100%}
.change-list #changelist-filter .compact-filter-menu summary{cursor:pointer;border:1px solid var(--border-color);border-radius:7px;padding:6px 13px;font-size:12px;overflow-wrap:anywhere}
.change-list #changelist-filter .compact-filter-menu[open] ul{display:grid;max-height:220px;overflow-y:auto;margin-top:8px}
