/* dhosty 6 — a compact, task-focused interface with native system typography. */
:root{
 --bg:#f5f5f7;--surface:#fff;--sidebar:#f0f1f5;--text:#202124;--secondary:#646871;
 --border:#e0e3e9;--blue:#0669dc;--blue-soft:#e7f0ff;--accent:#087cf0;--green:#16834b;
 --red:#c72f3e;--hover:#f0f3f9;--shadow:0 2px 5px #192f4d04,0 8px 24px #192f4d04;
 --radius:16px;--input-border:#b9c0cc;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;
 color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
:root[data-theme=dark]{
 --bg:#17181c;--surface:#24262c;--sidebar:#202126;--text:#f2f3f7;--secondary:#adb3c0;
 --border:#3b3e47;--blue:#69adff;--blue-soft:#253c5b;--accent:#63aaff;--green:#6ad09c;
 --red:#ff8c97;--hover:#2d313a;--shadow:0 4px 18px #00000015;--input-border:#666e7c;color-scheme:dark;
}
body,input,select,textarea,button{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{font-size:14px;line-height:1.5;background:var(--bg)}
button,a,input,select,textarea{touch-action:manipulation}
button:disabled{cursor:not-allowed;opacity:.45}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 55%,transparent);outline-offset:3px}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}
::selection{background:#bedbff;color:#122d50}
.icon{stroke-width:1.8!important}
.app-shell{grid-template-columns:230px minmax(0,1fr)}
.sidebar{width:230px;background:var(--sidebar);border-right:1px solid var(--border);padding:25px 13px 14px}
.brand{padding:0 10px 25px!important;gap:10px}
.sidebar .brand>span{font-size:18px;font-weight:700;letter-spacing:-.5px}
.brand img{width:33px;height:33px;filter:none}
.brand small{font-family:inherit;font-size:12px!important;font-weight:400;letter-spacing:0!important;margin-top:2px!important;color:var(--secondary)}
.server-switch{min-height:62px;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 11px!important;box-shadow:0 1px 3px #00000003;margin-bottom:18px!important}
.server-switch strong{font-size:13px;font-weight:650}.server-switch small{font-family:inherit;font-size:12px;margin-top:3px}
.server-avatar{width:29px;height:29px;background:var(--blue-soft);border-radius:8px;color:var(--blue)}
.server-avatar .icon{width:16px;height:16px}
.nav-caption,.sidebar-security{display:none}
#nav{padding-bottom:8px;scrollbar-width:thin}
.sidebar #nav a{min-height:38px;padding:8px 10px;margin:3px 0;border:0;border-radius:8px;font-size:13px;font-weight:500;gap:10px;line-height:1.4;color:var(--text)}
.sidebar #nav a.active{background:var(--blue);color:white;box-shadow:0 2px 5px #0669dc22;border:0}
.sidebar #nav a:hover:not(.active){background:color-mix(in srgb,var(--text) 5%,transparent)}
.apple-nav-icon{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;background:var(--blue-soft);color:var(--blue);border-radius:6px}
.sidebar #nav a .icon{width:15px;height:15px;color:inherit}
.apple-icon-code{background:#eee9ff;color:#7d5cd6}.apple-icon-folder{background:#e3efff;color:#3184dc}
.apple-icon-database{background:#fff0de;color:#b87823}.apple-icon-key{background:#e6f4ee;color:#2c8e66}
.sidebar #nav a.active .apple-nav-icon{background:#ffffff25;color:#fff}
.sidebar #nav a.active .nav-count{background:#ffffff26!important;color:white!important}
.nav-count{font-family:inherit;font-size:11px;border-radius:5px;min-width:19px;text-align:center}
.apple-nav-group{margin-top:15px}.apple-nav-heading{border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 11px;color:var(--secondary);font-size:11px;font-weight:650;text-align:left}
.apple-nav-heading>.icon{width:12px;height:12px;transition:transform .16s}.apple-nav-heading[aria-expanded=true]>.icon{transform:rotate(90deg)}
.sidebar-bottom{padding-top:12px;margin-top:8px;border-top:1px solid var(--border)}
.profile-button{border-radius:10px;padding:8px}.profile-button strong{font-size:13px}.profile-button small{font-size:11px;margin-top:2px}
.profile-button .avatar{background:var(--blue-soft);color:var(--blue);width:32px;height:32px}
.workspace{grid-column:2;min-width:0}
.topbar{height:64px;padding:0 32px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30;border-color:var(--border)}
.breadcrumb{font-family:inherit;font-size:13px}.breadcrumb strong{font-weight:600}.breadcrumb>span{padding:0 10px}
.topbar-right{gap:7px}.live-status{font-family:inherit;font-size:11px;min-width:105px}.live-status i{width:6px;height:6px}
.topbar .icon-button{width:32px;height:32px;border:1px solid transparent;border-radius:9px}
.topbar .icon-button:hover{background:var(--surface);border-color:var(--border)}
.icon-button{border-radius:8px}.icon-button .icon{width:17px;height:17px}
#content{max-width:1440px;padding:30px 32px 32px;margin:auto;min-height:calc(100vh - 120px)}
.workspace-footer{max-width:1440px;padding:18px 32px;font-family:inherit;font-size:11px}
.eyebrow{font-family:inherit;font-size:11px;letter-spacing:.6px;font-weight:600}
.page-heading{margin-bottom:24px;align-items:center;gap:18px}.page-heading .eyebrow:empty{display:none}
.page-heading h1{font-size:28px;font-weight:700;letter-spacing:-.8px;line-height:1.2;margin:0 0 7px}
.page-heading p{font-size:13px;color:var(--secondary);margin:0}.heading-actions{gap:8px}
h2{font-size:16px;font-weight:650;letter-spacing:-.3px}h3{font-weight:600}
.button{min-height:36px;padding:8px 13px;font-size:12px;font-weight:600;gap:7px;border-radius:9px;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 2px #192f4d05;transition:background .15s,box-shadow .15s}
.button .icon{width:15px;height:15px}.button:hover{transform:none;box-shadow:0 2px 5px #192f4d0a;background:var(--hover)}
.button.primary{background:linear-gradient(#1684f7,#0669dc);border-color:#0767d4;color:white;box-shadow:0 2px 3px #0767d426,inset 0 1px #ffffff25}
.button.primary:hover{background:linear-gradient(#087cf0,#005ecb)}
.button.soft{background:var(--blue-soft);border-color:transparent;color:var(--blue)}
.button.danger{color:var(--red);background:color-mix(in srgb,var(--red) 6%,var(--surface));border-color:color-mix(in srgb,var(--red) 20%,var(--border))}
.button.small{min-height:31px;padding:6px 10px;font-size:11px}
.text-link{font-size:12px;font-weight:500;color:var(--blue)}.text-link .icon{width:13px;height:13px}
.card,.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.section-card,.dashboard-grid .section-card{padding:21px}.section-header{margin-bottom:18px;align-items:center;gap:12px}
.section-header h2{font-size:15px;font-weight:650;letter-spacing:-.2px;margin:0}.section-header p{font-size:12px;margin:4px 0 0;line-height:1.5}
.section-toolbar{padding:18px 22px}.section-toolbar h2{font-size:15px;font-weight:650}
.pill{font-size:11px;border-radius:6px;font-weight:550;padding:4px 7px;white-space:nowrap}
.pill.green{background:color-mix(in srgb,var(--green) 10%,var(--surface));color:var(--green)}.pill.gray{background:var(--hover);color:var(--secondary)}
.apple-server-status.room-server-banner{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:13px;margin:0 0 20px;padding:16px 18px;box-shadow:var(--shadow)}
.apple-server-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;background:#fff1df;color:#a8660c}
.apple-server-symbol.good{background:color-mix(in srgb,var(--green) 11%,var(--surface));color:var(--green)}
.apple-server-status.room-server-banner h2{font-size:13px;font-weight:650;letter-spacing:0;margin:0 0 4px;line-height:1.3}
.apple-server-status.room-server-banner p{font-size:12px;line-height:1.5;margin:0}.apple-server-status>a{margin-left:auto}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;border:0;margin:0 0 20px}
.metric-grid>.metric{border:1px solid var(--border);background:var(--surface);padding:18px 19px;border-radius:14px;box-shadow:var(--shadow)}
.metric-grid>.metric:last-child{border-right:1px solid var(--border)}
.metric-label{font-size:12px;font-weight:500;gap:8px;color:var(--secondary)}.metric-label .icon{width:16px;height:16px;color:var(--blue)}
.metric-grid>.metric:nth-child(2) .metric-label .icon{color:#8a5ed6}.metric-grid>.metric:nth-child(3) .metric-label .icon{color:var(--green)}
.metric-value{font-size:28px;font-weight:650;letter-spacing:-.7px;margin:12px 0 14px;line-height:1.1}
.metric-value>span{font-size:13px;font-weight:450;margin-left:5px}.metric-sub{font-size:10px;margin-top:9px;color:var(--secondary)}
.meter{height:5px;border-radius:5px;background:var(--hover);overflow:hidden}.meter>i{border-radius:5px;background:#2085f3}.meter.purple>i{background:#9a78df}.meter.green>i{background:#39aa78}.meter.orange>i{background:#eab251}
.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(275px,1fr);gap:20px;margin-bottom:20px}
.chart-frame{height:170px;margin-top:24px}.chart-frame polyline[stroke="#007aff"]{stroke:#2085f3}.chart-frame polyline[stroke="#aa8be4"]{stroke:#9a78df}.chart-frame stop{stop-color:#2085f3}
.chart-axis,.chart-time{font-family:inherit;font-size:10px}.chart-legend{font-size:11px;gap:12px}.chart-legend i{background:#2085f3}.chart-legend i.purple{background:#9a78df}
.service-row{padding:12px 0;border-bottom:1px solid var(--border)}.service-row:last-child{border-bottom:0}
.service-name{gap:10px}.service-name strong{font-size:12px;font-weight:600}.service-name small{font-size:11px;margin-top:2px}
.service-symbol{width:30px;height:30px;background:var(--blue-soft);color:var(--blue);border-radius:8px}.service-symbol .icon{width:15px;height:15px}
.apple-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.apple-count{font-size:11px;background:var(--hover);color:var(--secondary);padding:3px 6px;border-radius:5px;margin-left:5px;font-weight:500;vertical-align:middle}
.apple-project-row{display:flex;gap:11px;align-items:center;padding:13px 0;border-top:1px solid var(--border);color:var(--text);min-width:0}
.apple-project-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:var(--blue-soft);color:var(--blue)}
.apple-project-icon .icon{width:17px;height:17px}.apple-project-icon.purple{background:#eee9ff;color:#7b59d1}
.apple-project-row>span:nth-child(2){flex:1;min-width:0}.apple-project-row strong{font-size:12px;display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis}.apple-project-row small{font-size:11px;color:var(--secondary);display:block;margin-top:3px;overflow-wrap:anywhere}
.apple-project-row>.icon{width:13px;height:13px;color:var(--secondary)}
.apple-quick-section>h2{font-size:14px;margin:0 0 12px}.quick-grid{gap:12px}.quick-action{border-radius:12px;border:1px solid var(--border);background:var(--surface);padding:15px 14px;box-shadow:var(--shadow);gap:10px;min-width:0}
.quick-action:hover{transform:none;background:var(--hover)}.quick-action strong{font-size:11px;font-weight:600;line-height:1.5}.quick-action small{font-size:10px;line-height:1.5;margin-top:3px}.quick-action>.icon{margin-left:auto;width:12px;height:12px;color:var(--secondary)}
.quick-symbol{height:29px;width:29px;flex-shrink:0;border-radius:8px;background:var(--blue-soft);color:var(--blue)}.quick-symbol .icon{width:15px;height:15px}
/* Bot workspace */
.room-bot-header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:0 0 22px;margin-bottom:0;border:0;min-height:0}
.apple-bot-avatar{grid-column:1;grid-row:1;width:52px;height:52px;display:grid;place-items:center;background:linear-gradient(145deg,#3987fa,#6166d6);color:white;border-radius:15px;box-shadow:0 3px 8px #546ed526,inset 0 1px #ffffff33}
.apple-bot-avatar .icon{width:26px;height:26px}.room-bot-identity{grid-column:2;grid-row:1}
.room-bot-identity>.eyebrow{font-size:11px;letter-spacing:0;text-transform:none;color:var(--secondary)}
.room-bot-identity h1{font-size:26px;letter-spacing:-.8px;font-weight:700;line-height:1.2;margin:4px 0 7px;overflow-wrap:anywhere}
.room-bot-state{font-size:11px;gap:6px;flex-wrap:wrap}.room-bot-state>small{display:none}
.room-state-dot{height:6px;width:6px;background:#9da4af}.room-state-dot.on{background:var(--green)}
.room-bot-controls{grid-column:3;grid-row:1;display:flex;align-items:flex-end;gap:9px;flex-direction:column}
.room-bot-controls>label{font-size:11px;display:flex;align-items:center;gap:9px;text-transform:none;font-family:inherit;letter-spacing:0}
.room-bot-controls select{font-size:12px;max-width:200px;min-width:155px;height:33px;margin:0;padding:5px 28px 5px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.room-bot-controls>div{display:flex;gap:6px}.room-bot-controls .button{min-height:32px;padding:6px 10px;font-size:11px}
.room-bot-controls .button .icon{width:13px;height:13px}
.room-bot-controls [data-action=bot-stop]{color:var(--red)}
.room-telemetry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:0;gap:14px;padding:0;margin-bottom:22px}
.room-telemetry>button{border:1px solid var(--border)!important;border-radius:13px;padding:15px 17px;min-height:108px;background:var(--surface);box-shadow:var(--shadow);text-align:left}
.room-telemetry>button:hover{background:var(--hover)}.room-telemetry>button>span{font-family:inherit;font-size:11px;letter-spacing:0;color:var(--secondary);display:flex;align-items:center;gap:7px}
.room-telemetry>button>span .icon{width:14px;height:14px;color:var(--blue)}.room-telemetry strong{font-size:19px;font-weight:650;letter-spacing:-.4px;margin:9px 0 7px;display:block;line-height:1.2}
.room-telemetry small{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:400;color:var(--secondary)}.room-telemetry small .icon{width:11px;height:11px}
.room-bot-navigation{margin-bottom:0}.room-primary-nav{display:flex;gap:3px;padding:4px;background:color-mix(in srgb,var(--text) 6%,var(--bg));border:1px solid color-mix(in srgb,var(--text) 3%,var(--border));border-radius:11px;overflow:auto;scrollbar-width:thin}
.room-primary-nav>button{border:0;border-radius:7px;background:transparent;padding:9px 16px;min-height:35px;color:var(--secondary);font-size:12px;font-weight:550;white-space:nowrap;flex:1}
.room-primary-nav>button.selected{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #00000018;border:0}
.room-primary-nav>button:hover:not(.selected){color:var(--text);background:color-mix(in srgb,var(--surface) 50%,transparent)}
.room-secondary-nav{display:flex;gap:23px;border-bottom:1px solid var(--border);padding:0 8px;margin-top:6px}
.room-secondary-nav button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:12px;font-weight:500;padding:14px 0 11px;color:var(--secondary)}
.room-secondary-nav button.selected{color:var(--blue);border-color:var(--blue)}
.room-bot-content{padding-top:22px}.room-overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px}
.room-main-work,.room-insight{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:15px;padding:21px;min-width:0}
.apple-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}.apple-card-heading h2{font-size:15px;font-weight:650;margin:0;letter-spacing:-.2px}.apple-card-heading p{font-size:12px;color:var(--secondary);line-height:1.6;margin:5px 0 0}.apple-card-heading>.icon{width:17px;height:17px;color:var(--secondary)}
.room-setup-list{border:0}.room-setup-list>button{width:100%;padding:17px 0;border:0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:13px;background:transparent;text-align:left;border-radius:0;color:var(--text)}
.room-setup-list>button:hover{background:var(--hover)}.room-setup-list>button>span:nth-child(2){flex:1;min-width:0}
.step-index{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--hover);color:var(--secondary);font-family:inherit;font-size:13px;display:grid;place-items:center}
.complete .step-index{background:color-mix(in srgb,var(--green) 11%,var(--surface));color:var(--green)}.step-index .icon{width:15px;height:15px}
.room-setup-list strong{font-size:13px;font-weight:600;display:block}.room-setup-list small{font-size:11px;line-height:1.5;margin-top:4px;display:block;color:var(--secondary)}
.room-setup-list b{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;color:var(--blue)}.room-setup-list b>.icon{width:12px;height:12px}
.apple-bot-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.apple-bot-shortcuts>button{border:0;display:flex;align-items:center;gap:6px;background:var(--blue-soft);border-radius:7px;padding:8px 9px;color:var(--blue);font-size:11px;font-weight:500}.apple-bot-shortcuts .icon{width:13px;height:13px}
.room-insight dl{margin:0 0 15px}.room-insight dl>div{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--border);padding:10px 0;font-size:11px}.room-insight dt{color:var(--secondary)}.room-insight dd{font-size:11px;font-family:inherit;font-weight:550;margin:0;overflow-wrap:anywhere;text-align:right}
.apple-state{display:inline-flex;align-items:center;gap:5px}.apple-state:before{content:'';background:var(--secondary);border-radius:50%;width:5px;height:5px}.apple-state.good{color:var(--green)}.apple-state.good:before{background:var(--green)}
.apple-technical{margin:0 0 16px;font-size:11px;color:var(--secondary)}.apple-technical summary{cursor:pointer;padding:4px 0}.apple-technical dl{margin-top:8px}
.room-insight>.button{width:100%;font-size:11px}.apple-trial-note{font-size:11px!important;line-height:1.7!important;color:var(--secondary);margin:14px 0 0!important}.apple-trial-note .icon{width:12px;height:12px;margin-right:5px}
.room-recommendations{margin-top:24px;border:0;padding:0}.room-recommendation-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;border:0}
.room-recommendation-list>button{display:flex;align-items:flex-start;flex-direction:column;background:var(--surface);border:1px solid var(--border)!important;border-radius:13px;padding:17px;min-height:180px;box-shadow:var(--shadow);text-align:left;color:var(--text)}
.room-recommendation-list>button:hover{background:var(--hover)}.room-recommendation-list>button>.apple-feature-icon{height:31px;width:31px;display:grid;place-items:center;border-radius:9px;background:var(--blue-soft);color:var(--blue);font-family:inherit}.apple-feature-icon .icon{width:16px;height:16px}
.room-recommendation-list strong{font-size:13px;font-weight:600;margin:12px 0 5px}.room-recommendation-list small{font-size:11px;line-height:1.6;color:var(--secondary);margin:0 0 14px}
.room-recommendation-list b{position:static;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--blue);margin-top:auto}.room-recommendation-list b .icon{width:12px;height:12px}
.room-studio-footer{font-family:inherit;font-size:11px;padding:20px 0 0;margin-top:24px;border-top:1px solid var(--border)}
.room-connection-notice{border:1px solid color-mix(in srgb,#bd8a22 30%,var(--border));border-radius:11px;background:color-mix(in srgb,#ffc85c 8%,var(--surface));padding:13px 16px;margin-bottom:20px;gap:10px}
.room-connection-notice strong{font-size:12px;font-weight:600}.room-connection-notice p{font-size:11px;margin:4px 0;line-height:1.6}.room-connection-notice small{font-size:10px}.room-connection-notice>a{font-size:11px}.room-connection-notice>.icon{height:17px;width:17px}
/* Editors, tables, module library and the remaining admin pages share the same controls. */
.room-section-intro{align-items:center;gap:15px;margin-bottom:20px}.room-section-intro .eyebrow{display:none}.room-section-intro h2{font-size:22px;font-weight:650;letter-spacing:-.5px;line-height:1.2;margin:0 0 7px}.room-section-intro p{font-size:12px;line-height:1.6;margin:0}
.room-library{background:var(--surface);border:1px solid var(--border);border-radius:15px;overflow:hidden;grid-template-columns:200px minmax(0,1fr);gap:0;box-shadow:var(--shadow)}
.room-library-nav{background:var(--sidebar);padding:20px 14px;border:0;border-right:1px solid var(--border)}.room-library-nav .room-section-caption{font-family:inherit;font-size:11px;letter-spacing:0;margin:0 8px 15px}
.room-library-nav>button{font-size:12px;border:0;border-radius:8px;padding:10px 9px;margin-bottom:3px;background:transparent;color:var(--secondary);min-height:38px}
.room-library-nav>button.selected{background:var(--blue-soft);color:var(--blue);font-weight:600;border:0}.room-library-nav>button small{font-family:inherit;font-size:10px}.room-library-nav>p{font-size:11px;line-height:1.7;padding:12px 8px}.room-library-content{padding:20px;min-width:0}
.room-library-meta{font-family:inherit;font-size:11px;border-bottom:1px solid var(--border);padding:0 0 14px}.room-group-title{font-size:13px;font-weight:650;letter-spacing:0;margin:22px 0 10px}.room-group-title small{font-family:inherit;font-size:11px}
.room-module-row{padding:17px 0;gap:13px;border:0;border-bottom:1px solid var(--border);background:transparent;grid-template-columns:32px minmax(0,1fr) auto auto}
.room-module-row.is-enabled{background:transparent}.room-module-icon{width:31px;height:31px;background:var(--blue-soft);border-radius:8px;color:var(--blue)}.room-module-icon .icon{height:16px;width:16px}
.room-module-copy h3{font-size:13px;font-weight:600;letter-spacing:0;margin:0 0 4px}.room-module-copy p{font-size:11px;line-height:1.6}.room-module-copy small{font-family:var(--mono);font-size:10px}.room-module-mode{font-family:inherit;font-size:10px;letter-spacing:0}
.room-module-config{font-size:11px;font-weight:550;min-height:31px;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--blue)}.room-module-config.on{background:var(--blue-soft);border-color:transparent}.room-module-config b{font-size:13px}
.room-library-hint{font-size:11px;line-height:1.7;background:var(--hover);padding:13px;border:0;border-radius:9px;margin-top:20px}.room-library-hint p{font-size:11px}
.studio-search{border:1px solid var(--input-border);border-radius:9px;background:var(--surface);padding:9px 12px}.studio-search input{font-size:12px!important}.studio-search .icon{width:16px;height:16px}
.room-command-workspace{border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);grid-template-columns:170px minmax(0,1fr) minmax(240px,.8fr);overflow:clip}
.room-command-nav{background:var(--sidebar);padding:18px 12px}.room-command-nav>span,.room-command-nav>div{font-family:inherit;font-size:10px;letter-spacing:0}.room-command-nav>button{border:0;border-radius:8px;font-size:12px;padding:12px 10px}.room-command-nav>button.selected{background:var(--blue-soft);border:0;color:var(--blue)}.room-command-nav small{font-size:10px;line-height:1.5}.room-command-nav .text-link{font-size:11px}
.room-command-editor{padding:22px}.room-form-step{margin:22px 0 15px;font-family:inherit;font-size:11px;letter-spacing:0;color:var(--secondary)}
.room-command-editor label{font-size:12px;font-weight:550}.room-command-editor input,.room-command-editor select,.room-command-editor textarea,.room-slash-input{font-size:13px;min-height:37px;border-radius:8px;background:var(--surface);border:1px solid var(--input-border);padding:9px 11px}.room-slash-input input{border:0!important;padding:0;box-shadow:none}.room-command-editor label small,.room-field-hint{font-size:11px;line-height:1.6;font-weight:400}
.room-command-preview{padding:22px;background:var(--hover);border-left:1px solid var(--border);top:85px;min-height:400px}.room-preview-label{font-family:inherit;font-size:10px;letter-spacing:0}.room-preview-label small{font-size:11px}.room-discord-message{border-radius:10px;background:var(--surface);border:1px solid var(--border);padding:13px;margin-top:20px}.room-discord-avatar{background:#6573dd;color:white;border-radius:10px;width:30px;height:30px;font-size:13px}.room-discord-message strong{font-size:12px}.room-discord-message p{font-size:12px;line-height:1.6}.room-discord-message small{font-size:10px}.room-preview-details>span{font-size:12px}.room-preview-details p,.room-preview-tip p,.room-preview-tip small{font-size:11px;line-height:1.8}.room-preview-tip>span{font-family:inherit;font-size:10px;letter-spacing:0}
.data-table th{font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.3px;background:var(--hover);padding:12px 18px;color:var(--secondary)}.data-table td{font-size:12px;padding:14px 18px}.data-table td small{font-size:11px}.data-table td strong{font-weight:600}.data-table tbody tr:hover{background:var(--hover)}
.business-stat{padding:20px!important}.business-stat>small{font-size:12px}.business-stat>strong{font-size:28px;font-weight:650;letter-spacing:-.7px}.business-stat>span{border-radius:10px;background:var(--blue-soft);color:var(--blue)}
.form-grid label{font-size:12px;font-weight:550}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{border:1px solid var(--input-border);border-radius:8px;background:var(--surface);font-size:13px;min-height:38px;padding:9px 11px}.form-grid label small{font-size:11px;font-weight:400}.form-grid .button{font-size:12px}
#modal{border:1px solid var(--border);border-radius:19px;box-shadow:0 24px 90px #00000025;padding:26px;background:var(--surface);max-width:min(92vw,610px)}#modal.wide{max-width:min(95vw,900px)}#modal::backdrop{background:#19232f55;backdrop-filter:blur(5px)}.modal-heading{margin-bottom:20px}.modal-heading h2{font-size:22px;letter-spacing:-.5px;font-weight:650}.modal-heading .eyebrow{font-size:10px}.modal-description{font-size:13px;line-height:1.7}.modal-actions{padding-top:20px}.settings-card{padding:22px}.settings-card h2{font-size:16px}.settings-card>p{font-size:12px}.detail-line{font-size:12px;padding:13px 0}
.room-log-landing{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;min-height:0}.room-log-landing h3{font-size:19px;letter-spacing:-.3px}.room-log-landing p{font-size:13px}.room-terminal-mark{background:var(--blue-soft);color:var(--blue);border-radius:10px;font-size:20px;padding:12px}
.room-section-caption{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.3px}.room-readable-record{padding:17px;font-size:12px}.room-readable-record strong{font-size:13px}.room-record-kind,.room-readable-record time{font-family:inherit;font-size:11px}.room-community-totals{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;gap:20px}.room-community-totals strong{font-size:23px}.room-community-totals>span{font-size:12px}.room-license-hero h2,.room-fivem-header h2{font-size:25px}
.info-banner{border-radius:11px;font-size:13px}.search-input,.inline-select{border:1px solid var(--input-border);border-radius:8px;min-height:35px;font-size:12px;background:var(--surface)}.empty-state{padding:35px 18px}.empty-state h3{font-size:16px;letter-spacing:-.3px}.empty-state p{font-size:12px}.empty-state>span{background:var(--blue-soft);color:var(--blue);border-radius:13px}.toast{border-radius:12px;border:1px solid var(--border);box-shadow:0 8px 30px #00000012;font-size:13px;background:var(--surface)}
/* Login is part of the same visual language. */
.login-shell{background:var(--bg)}.login-art{background:linear-gradient(145deg,#e5edfc,#edf1fa 60%,#f7f8fc);border-right:1px solid #dce3f0;color:#263a5d}.login-brand{color:#253755;font-size:22px}.login-brand span{font-size:11px;letter-spacing:.6px}.login-brand img{filter:none}.orb-scene.room-login-map{display:none}.login-story{padding-top:0;margin-top:auto}.login-story .eyebrow{font-size:12px;color:#667c9b;letter-spacing:.8px}.login-story h1{font-size:clamp(44px,5.3vw,76px);letter-spacing:-3px;line-height:1.08;font-weight:700;margin:20px 0}.login-story>p{font-size:16px;line-height:1.8;color:#62718a}.login-art-footer{font-size:12px;color:#62718a}.login-form-inner{max-width:350px}.login-form-inner>h2{font-size:29px;font-weight:700;letter-spacing:-.8px}.login-form-inner>p{font-size:13px}.login-form-inner .eyebrow{font-size:11px;letter-spacing:.8px}.login-symbol{background:var(--blue-soft);color:var(--blue);border-radius:14px;width:46px;height:46px}.login-form-inner label{font-size:13px;font-weight:550}.login-form-inner input{font-size:13px;min-height:43px;background:var(--surface);border:1px solid var(--input-border);border-radius:9px;padding:11px 12px}.login-submit{min-height:43px!important;font-size:13px!important}.login-form-inner .secure-note{font-size:11px}.login-footer{font-family:inherit;font-size:11px}.boot{background:var(--bg);font-family:inherit;font-size:13px}.boot img{content:url('/panel-mark.svg')}
/* Responsive behavior uses the existing mobile navigation toggle. */
@media(min-width:1600px){#content{padding-top:35px}.metric-grid{gap:18px}.section-card,.dashboard-grid .section-card{padding:24px}}
@media(max-width:1250px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px}#content{padding:26px 25px}.topbar{padding:0 25px}.room-command-workspace{grid-template-columns:155px minmax(0,1fr)}.room-command-preview{grid-column:2;position:static;border-top:1px solid var(--border);min-height:0}.room-command-nav{grid-row:1/3}.room-primary-nav>button{padding-inline:10px}.room-telemetry{gap:10px}.room-telemetry>button{padding:14px}.room-telemetry strong{font-size:17px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-overview{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-grid>.metric{border:1px solid var(--border)!important}.dashboard-grid{grid-template-columns:1fr}.apple-project-grid{grid-template-columns:1fr}.room-overview{grid-template-columns:1fr}.room-bot-header{grid-template-columns:45px minmax(0,1fr)}.apple-bot-avatar{width:45px;height:45px;border-radius:13px}.room-bot-identity h1{font-size:23px}.room-bot-controls{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:7px}.room-bot-controls>label{flex:1}.room-bot-controls select{max-width:230px;min-width:0;width:100%}.room-recommendation-list{grid-template-columns:repeat(2,minmax(0,1fr))}.room-library{grid-template-columns:165px minmax(0,1fr)}.room-module-mode{display:none}.room-module-row{grid-template-columns:30px minmax(0,1fr) auto}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.room-bot-content{padding-top:20px}.apple-server-status>a{font-size:11px}.room-bot-state{font-size:11px}}
@media(max-width:800px){.app-shell{grid-template-columns:minmax(0,1fr)}.workspace{grid-column:1}.sidebar{width:230px;position:fixed;z-index:70;transform:translateX(-100%);transition:transform .18s;box-shadow:15px 0 40px #00000012}.app-shell.menu-open .sidebar,.sidebar.open{transform:translateX(0)}.topbar{height:58px;padding:0 20px}.menu-button{display:inline-flex}.breadcrumb{font-size:12px}.live-status{display:none}#content{padding:23px 20px}.workspace-footer{padding:18px 20px}.room-library{grid-template-columns:165px minmax(0,1fr)}.room-library-content{padding:17px}.room-primary-nav>button{flex:none;min-width:84px;padding:9px 13px}.room-primary-nav{justify-content:flex-start}.room-insight dl>div{font-size:12px}.room-insight dd{font-size:12px}.apple-project-grid{grid-template-columns:1fr 1fr;gap:15px}.room-module-config>span{display:inline}.room-telemetry strong{font-size:18px}.room-command-workspace{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:600px){.page-heading{flex-wrap:wrap;gap:14px;margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.heading-actions{width:100%;justify-content:flex-start}.heading-actions .button{flex:1}.apple-server-status.room-server-banner{flex-wrap:wrap;padding:15px;gap:10px}.apple-server-status>div{flex:1;min-width:180px}.apple-server-status>a{margin-left:44px;min-height:28px}.apple-server-status.room-server-banner p{font-size:11px}.metric-grid>.metric{padding:16px 14px}.metric-value{font-size:27px}.metric-label{font-size:11px}.metric-sub{font-size:10px;gap:4px}.dashboard-grid{gap:16px}.section-card,.dashboard-grid .section-card{padding:18px}.chart-frame{height:150px}.apple-project-grid{grid-template-columns:1fr;gap:16px}.quick-action{padding:13px 10px}.quick-symbol{display:none}.quick-action strong{font-size:12px}.quick-action small{font-size:11px}.room-bot-header{gap:12px;padding-bottom:18px}.room-bot-identity h1{font-size:24px}.room-bot-controls{flex-wrap:wrap;gap:12px}.room-bot-controls>label{flex-basis:100%;font-size:12px;justify-content:space-between}.room-bot-controls select{max-width:240px;font-size:13px;height:37px}.room-bot-controls>div{width:100%}.room-bot-controls .button{flex:1;min-height:37px;font-size:12px}.room-telemetry{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.room-telemetry>button{padding:13px 14px;min-height:101px}.room-telemetry>button>span{font-size:11px}.room-telemetry strong{font-size:18px}.room-telemetry small{font-size:10px}.room-primary-nav>button{min-height:37px;font-size:12px}.room-secondary-nav{overflow:auto;gap:20px}.room-secondary-nav button{white-space:nowrap;font-size:12px}.room-main-work,.room-insight{padding:18px}.apple-card-heading h2{font-size:15px}.apple-card-heading p{font-size:12px}.room-setup-list>button{gap:10px;padding:16px 0}.room-setup-list strong{font-size:13px}.room-setup-list small{font-size:11px}.room-setup-list b{font-size:0;gap:0}.room-setup-list b>.icon{width:13px;height:13px}.apple-bot-shortcuts{gap:6px}.apple-bot-shortcuts>button{font-size:11px;min-height:34px}.room-recommendation-list{gap:10px}.room-recommendation-list>button{padding:15px;min-height:195px}.room-recommendation-list strong{font-size:13px}.room-recommendation-list small{font-size:11px}.room-studio-footer{gap:15px;flex-wrap:wrap;font-size:11px}.room-studio-footer>.button{width:100%;min-height:38px}.room-section-intro{flex-direction:column;align-items:stretch}.room-section-intro h2{font-size:22px}.studio-search{width:100%}.studio-search input{width:100%}.room-library{grid-template-columns:1fr}.room-library-nav{display:flex;flex-wrap:nowrap;overflow:auto;border-right:0;border-bottom:1px solid var(--border);padding:10px;gap:5px;align-items:center}.room-library-nav>.room-section-caption,.room-library-nav>p{display:none}.room-library-nav>button{white-space:nowrap;flex-shrink:0;margin:0;gap:8px;font-size:12px;min-height:36px;padding:8px 10px}.room-library-nav>button .icon{width:14px;height:14px}.room-library-content{padding:15px}.room-library-meta{font-size:11px}.room-module-row{padding:16px 0;grid-template-columns:28px minmax(0,1fr) auto;gap:10px}.room-module-icon{width:28px;height:28px}.room-module-copy h3{font-size:13px}.room-module-copy p{font-size:12px}.room-module-copy small{font-size:10px}.room-module-config{font-size:11px;padding:7px 8px;min-height:34px;min-width:0}.room-module-config b{display:none}.room-command-workspace{grid-template-columns:1fr;overflow:hidden}.room-command-nav{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--border);padding:12px}.room-command-nav>button{padding:9px 11px;min-height:35px;font-size:12px;width:auto;flex:none}.room-command-nav>button small{display:none}.room-command-nav>div,.room-command-nav>span{flex-basis:100%}.room-command-editor,.room-command-preview{grid-column:1;padding:19px;border-left:0}.room-editor-mobile-tabs{display:flex;background:var(--surface);padding:0 18px}.room-editor-mobile-tabs button{font-size:12px;min-height:43px}.room-command-workspace:not(.mobile-preview) .room-command-preview{display:none}.room-command-workspace.mobile-preview .room-command-editor{display:none}.room-command-workspace.mobile-preview .room-command-preview{display:block}.room-connection-notice{padding:13px;gap:8px}.room-connection-notice>div{min-width:0;flex-basis:calc(100% - 30px)}.room-connection-notice strong{font-size:12px}.room-connection-notice p{font-size:12px}.room-connection-notice small{font-size:11px}.room-connection-notice>a{font-size:12px;margin-left:25px}.business-stat>strong{font-size:25px}.form-grid{gap:14px}.form-grid label{font-size:13px}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{font-size:16px;min-height:42px}#modal{padding:21px;border-radius:16px}.modal-heading h2{font-size:21px}.modal-description{font-size:13px}.data-table td{padding:13px 15px}.room-customer-projects .room-project-links>a{padding:18px}.room-project-links strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.room-telemetry>button:first-child,.room-telemetry>button:nth-child(4){padding-left:17px}.room-recommendation-list{padding-top:0}
@media(max-width:600px){.room-telemetry>button:first-child,.room-telemetry>button:nth-child(4){padding-left:14px}}