/* IFMOS control plane: dense, readable operational surfaces. */
:root{--control-ink:#173440;--control-text:#405964;--control-muted:#71848e;--control-line:#e0e8eb;--control-accent:#087f70;--control-soft:#edf6f3}
body[data-surface]{color:var(--control-text);font-size:14px;background:#f4f7f8;line-height:1.6}
body[data-surface] button,body[data-surface] input,body[data-surface] select,body[data-surface] textarea{font-size:14px}
body[data-surface] button:disabled{cursor:wait;opacity:.55}
body[data-surface] .btn{min-height:40px;border-radius:6px;padding:8px 15px;font-size:14px}
body[data-surface] .btn.primary{background:#087f70;border-color:#087f70}
body[data-surface] .btn.primary:hover{background:#066758}
body[data-surface] .btn.danger{color:#bc413b;border-color:#e9b7b4;background:#fff7f6}
body[data-surface] .text-btn{font-size:14px;gap:7px}
body[data-surface] h1,body[data-surface] h2,body[data-surface] h3{color:var(--control-ink)}
body[data-surface] h1{font-size:28px;line-height:1.4;letter-spacing:-.03em}
body[data-surface] h2{font-size:17px;line-height:1.5}
body[data-surface] small{font-size:12px;color:var(--control-muted)}
body[data-surface] .eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;color:#588078}
.loading-state{min-height:90vh;display:grid;place-items:center;color:var(--control-muted)}
.wordmark{font-size:29px;font-weight:750;letter-spacing:.045em;display:block;color:#163e44;line-height:1.25}
.wordmark>span{font-size:10px;letter-spacing:.16em;display:block;font-weight:400;margin-top:7px}
.auth-layout{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:clamp(50px,10vw,180px);padding:55px;background:radial-gradient(ellipse at 10% 10%,#e4f0ec 0,transparent 60%),#f4f7f7}
.auth-intro{display:flex;flex-direction:column;min-height:650px;justify-content:space-between;max-width:490px;flex:1}
.auth-intro h1{font-family:"Songti SC",serif;font-size:44px!important;line-height:1.5!important;font-weight:500;letter-spacing:.01em!important;margin:20px 0}
.auth-intro p{font-size:16px;line-height:1.9;color:#667f83}
.auth-features{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px;font-size:13px;color:#4f7872}
.auth-features>span{display:flex;align-items:center;gap:7px}.auth-features .icon{width:17px;height:17px}
.auth-card{width:430px;max-width:100%;padding:40px;background:white;border:1px solid #dde7e7;border-radius:12px;box-shadow:0 18px 70px #263e4510}
.auth-card>h1,.auth-card>h2{font-size:25px!important;margin:12px 0}.auth-card>p{font-size:14px;line-height:1.9;color:#6c7f88;margin:0 0 26px}
.auth-card .wordmark{margin-bottom:32px}.auth-card .full{margin-top:6px}.auth-card>small{display:block;margin-top:24px;line-height:1.8}
.auth-note{display:flex;gap:7px;justify-content:center;align-items:center;margin-top:26px;font-size:12px;color:#8b9ba0}.auth-note .icon{width:15px;height:15px}
.form-field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:#425d67;margin:0 0 20px;min-width:0}
.form-field>input,.form-field>textarea,.form-field>select,.copy-field{background:#fff;min-height:42px;border:1px solid #cfdcdf;border-radius:6px;padding:10px 12px;width:100%;outline-offset:3px;line-height:1.5;color:#294650}
.form-field>input:focus,.form-field>textarea:focus{border-color:#087f70;outline:2px solid #087f7020}
.form-field small{font-weight:400;line-height:1.65}.form-field textarea{resize:vertical;min-height:82px}
.form-field input[readonly]{background:#f6f8f9;color:#627b83}
.form-error{color:#bc413b;line-height:1.75;font-size:13px;margin:12px 0}.form-error:empty{display:none}
.control-shell{min-height:100svh;display:grid;grid-template-columns:238px minmax(0,1fr)}
.control-sidebar{background:#112c37;color:#c4d3d7;position:sticky;height:100svh;top:0;padding:30px 18px 24px;display:flex;flex-direction:column}
.control-logo{display:flex;gap:13px;align-items:center;color:#e9f6f2;padding:0 14px 25px}.control-logo .tenant-symbol{width:31px;height:39px;color:#72cfb9}.control-logo strong{font-size:25px;letter-spacing:.06em;line-height:1.2;display:block}.control-logo small{font-size:9px!important;letter-spacing:.18em;color:#93b1b8!important;display:block;margin-top:5px}
.control-context{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;border-top:1px solid #2a434c;border-bottom:1px solid #2a434c;font-size:12px;color:#9ab2b9;margin-bottom:23px}.control-context span{font-size:9px;letter-spacing:.1em;background:#29474f;border-radius:3px;padding:1px 5px;color:#9dc3b8}
.nav-caption{font-size:11px;letter-spacing:.06em;color:#77939e;padding:10px 14px;margin-top:6px}.control-sidebar nav{display:grid;gap:5px}.control-sidebar nav>a{display:flex;gap:13px;align-items:center;padding:12px 14px;border-radius:6px;color:#b4c8ce;font-size:14px;position:relative}.control-sidebar nav>a>.icon{width:19px;height:19px}.control-sidebar nav>a:hover{background:#1a3842;color:#fff}.control-sidebar nav>a.selected{background:#244b4d;color:#9ee1cf}.control-sidebar nav>a.selected:before{position:absolute;content:'';left:0;top:13px;bottom:13px;width:3px;background:#5cbda8;border-radius:2px}
.control-sidebar-bottom{margin-top:auto;padding:25px 12px 0}.system-indicator{font-size:12px;display:flex;gap:8px;align-items:center;color:#a9c5c8}.system-indicator i{height:6px;width:6px;border-radius:50%;background:#58b9a0}.system-indicator span{margin-left:auto;color:#6f999e;font-size:11px}.control-sidebar-bottom>small{display:block;margin:9px 0 20px;font-family:ui-monospace,monospace;color:#75969e!important;font-size:11px!important;overflow-wrap:anywhere}.control-sidebar-bottom button{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #2a434c;width:100%;color:#a0bcc3;font-size:12px!important}.control-sidebar-bottom button .icon{width:16px}
.control-main{min-width:0;display:flex;flex-direction:column;background:#f5f8fa}.control-top{min-height:74px;padding:14px 36px;border-bottom:1px solid var(--control-line);display:flex;align-items:center;justify-content:space-between;background:white;gap:15px;font-size:13px}.control-top>div{display:flex;align-items:center;gap:13px}.control-top>div:first-child>span{font-size:12px;letter-spacing:.08em;color:#95a5ac}.control-top .icon{width:13px;height:13px;color:#9db0b6}.control-top strong{font-weight:500}.user-avatar{width:31px;height:31px;display:grid;place-items:center;background:#e6f1ed;color:#447767;border-radius:50%;margin-left:9px}.environment-tag{font-size:11px;background:#edf4f7;border:1px solid #dbe7ec;padding:3px 9px;border-radius:20px;color:#678591}.control-content{padding:32px 36px 40px;max-width:1740px;width:100%;margin:0 auto;flex:1}.control-foot{padding:18px 36px;border-top:1px solid #e5ecef;font-size:11px;color:#98a7ae;display:flex;justify-content:space-between;gap:14px}
.console-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.console-heading p{color:#78909b;font-size:14px;margin-top:9px;line-height:1.8}.heading-controls{display:flex;gap:12px;align-items:center;flex-shrink:0}.surface{background:#fff;border:1px solid var(--control-line);border-radius:9px;min-width:0;overflow:hidden}.section-title{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;gap:18px;border-bottom:1px solid var(--control-line)}.section-title p{font-size:12px;color:#8398a1;margin-top:5px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.metric-grid article{border:1px solid var(--control-line);border-radius:8px;background:#fff;padding:22px 23px;position:relative}.metric-grid article>span{font-size:13px;color:#6f8590}.metric-grid strong{font-size:36px;line-height:1.5;display:block;font-weight:550;color:#223f4b;margin-top:8px}.metric-grid strong small{font-size:12px;font-weight:400;margin-left:9px}.metric-grid p{font-size:12px;color:#92a3aa;margin-top:3px}.metric-grid article>.icon{position:absolute;right:23px;top:23px;width:22px;height:22px;color:#82aaa4}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.launch-guide{padding:25px}.launch-guide h2{margin:9px 0 25px}.launch-guide .eyebrow{font-size:10px!important;color:#9aadae!important}.guide-step{display:flex;gap:14px;margin:20px 0}.guide-step>span{height:30px;width:30px;flex-shrink:0;display:grid;place-items:center;background:#eef5f4;color:#428473;border-radius:6px;font-size:11px}.guide-step strong{font-size:13px;font-weight:600}.guide-step p{font-size:12px;color:#8a9ca4;margin-top:4px;line-height:1.8}.guide-note{font-size:12px;line-height:1.85;padding-top:19px;border-top:1px solid var(--control-line);margin-top:24px;color:#85999e;display:flex;gap:8px;align-items:flex-start}.guide-note .icon{width:16px;height:16px;margin-top:3px}
.console-empty{padding:55px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-symbol{height:56px;width:56px;background:#edf5f3;border:1px solid #e0ebe7;border-radius:13px;display:grid;place-items:center;color:#70a092;margin:0 auto 17px}.empty-symbol .icon{width:26px;height:26px}.console-empty h2{font-size:17px}.console-empty p{margin:9px 0 21px;color:#82969e;max-width:480px;line-height:1.9}.console-empty .btn{font-size:13px!important}
.data-table{overflow-x:auto}body[data-surface] table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}body[data-surface] th{padding:14px 22px;color:#83949e;font-weight:500;font-size:12px;background:#fbfcfd;border-bottom:1px solid #e7edef;white-space:nowrap}body[data-surface] td{padding:19px 22px;border-bottom:1px solid #edf1f3;vertical-align:middle}body[data-surface] tbody tr:last-child td{border:0}body[data-surface] tbody tr:hover{background:#fafdfc}body[data-surface] td>small{display:block;margin-top:5px;font-size:11px}body[data-surface] td>strong{font-size:13px;font-weight:550;color:#32525d}body[data-surface] td code{font-size:12px;white-space:nowrap;color:#68838e}.tenant-name{display:flex;align-items:center;gap:12px;color:#294957;min-width:150px}.tenant-name strong{display:block;white-space:nowrap;font-weight:550;font-size:14px}.tenant-name small{display:block;margin-top:4px;font-size:11px!important;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-monogram{background:#edf4f3;color:#4b9183;width:37px;height:39px;display:grid;place-items:center;font-weight:550;border:1px solid #e0ece8;border-radius:7px;flex-shrink:0}.align-right{text-align:right}.version-mark{font-size:12px!important;color:#648087!important}.state-tag{display:inline-flex;align-items:center;white-space:nowrap;line-height:1.5;background:#eef3f6;border:1px solid #e2eaf0;border-radius:4px;padding:3px 8px;font-size:11px;color:#6c8593}.state-tag.active{color:#25826a;border-color:#d4e8de;background:#edf8f2}.state-tag.pending{color:#a47e38;background:#fcf8eb;border-color:#ede3c9}.state-tag.danger{color:#b96055;background:#fcf0ed;border-color:#f0d9d3}.list-toolbar{padding:19px 22px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #e5ecef;flex-wrap:wrap}.console-search{display:flex;align-items:center;gap:10px;border:1px solid #dbe5e9;border-radius:6px;padding:0 13px;background:#fff;min-width:280px;max-width:420px;flex:1}.console-search .icon{width:17px;height:17px;color:#8da4ad}.console-search input{border:0;outline:none;height:39px;min-width:0;width:100%;font-size:13px!important}.list-toolbar select{height:41px;font-size:13px!important}.list-toolbar>.muted{margin-left:auto;font-size:12px}.row-actions{display:flex;align-items:center;gap:15px}.row-actions .btn{font-size:12px!important;min-height:33px!important}
.domain-banner{padding:26px;background:linear-gradient(110deg,#e6f1ee,#f4f8f7);border:1px solid #d7e7e1;border-radius:9px;display:flex;align-items:center;gap:21px;margin-bottom:25px}.domain-banner h2{font-family:ui-monospace,monospace;font-size:25px!important;margin:5px 0}.domain-banner p{font-size:13px;color:#718b87}.domain-banner>.state-tag{margin-left:auto}.domain-symbol{width:53px;height:57px;background:#d7e9e1;color:#428575;border-radius:9px;display:grid;place-items:center}.domain-symbol>.icon{width:29px;height:29px}.information-panel{display:flex;align-items:flex-start;gap:13px;padding:20px 22px;margin-top:24px;background:#eff4f7;border:1px solid #e0e9ed;border-radius:7px;color:#68818e}.information-panel>.icon{width:18px;height:18px;margin-top:3px}.information-panel strong{font-size:13px;font-weight:550}.information-panel p{font-size:13px;line-height:1.9;margin-top:5px;max-width:1050px}.back-link{display:flex;align-items:center;gap:8px;color:#7d929b;font-size:12px;margin:0 0 20px}.back-link>.icon{width:14px;height:14px;transform:rotate(180deg)}.separator{padding:0 10px;color:#b9c7cd}.detail-tabs{display:flex;border-bottom:1px solid #dbe5e8;gap:33px;margin:0 0 26px}.detail-tabs>a{display:flex;align-items:center;gap:8px;padding:3px 0 17px;white-space:nowrap;font-size:14px;color:#8196a0;border-bottom:2px solid transparent}.detail-tabs>a.active{color:#087f70;border-bottom-color:#087f70}.detail-tabs>a .icon{width:17px;height:17px}.brand-actionbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 19px}.brand-actionbar>div{display:flex;gap:13px;align-items:center}.brand-actionbar>div>span:not(.state-tag){color:#81949c;font-size:12px}.brand-actionbar strong{font-size:15px}.editor-layout{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:23px;align-items:start}.editor-form{max-height:810px;overflow-y:auto;scrollbar-width:thin}.editor-form details{border-bottom:1px solid #e2e9ec}.editor-form details:last-child{border:0}.editor-form summary{cursor:pointer;font-size:14px;font-weight:550;color:#425f69;padding:18px 22px;background:#fcfdfd}.editor-form details>div{padding:8px 22px 6px}.editor-form .form-field{font-size:13px;margin-bottom:19px}.editor-form .form-field input,.editor-form .form-field textarea{font-size:13px!important}.editor-preview{position:sticky;top:22px;padding:0 20px 19px;background:#eff3f5}.editor-preview>header{padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-preview header strong{font-size:13px;color:#536f7b}.editor-preview header small{display:block;font-size:11px;margin-top:2px}.editor-preview .segment button{font-size:11px!important;padding:6px 10px}.preview-browser{background:#fff;overflow:hidden;border-radius:7px;border:1px solid #d4e0e5;box-shadow:0 7px 25px #203e4c09}.preview-browser.mobile{max-width:330px;margin:0 auto}.preview-address{height:34px;padding:0 12px;display:flex;align-items:center;gap:15px;background:#f9fbfc;border-bottom:1px solid #e1e7e9}.preview-address>span{font-size:8px;letter-spacing:2px;color:#cad5da;white-space:nowrap}.preview-address code{font-size:10px;color:#96a7ad;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-address>.icon{width:12px;height:12px;margin-left:auto;color:#97aaa9}.live-preview{position:relative;overflow:hidden;width:100%}.live-preview iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none}.preview-context{font-size:11px;color:#8a9ba3;margin-top:15px;display:flex;align-items:center;gap:8px;line-height:1.7}.preview-context .icon{width:14px;height:14px}.color-options{display:flex;flex-wrap:wrap;gap:14px;margin:-4px 0 23px}.color-options label{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer}.color-options input{position:absolute;opacity:0}.color-options i{width:22px;height:22px;background:var(--swatch);border:3px solid #fff;box-shadow:0 0 0 1px #d9e4e8;border-radius:50%}.color-options input:checked+i{box-shadow:0 0 0 2px var(--swatch)}.color-options input:focus-visible+i{outline:2px solid var(--control-ink);outline-offset:3px}.color-options span{font-size:11px;color:#7b929a}.brand-asset{display:flex;gap:9px;align-items:center}.brand-asset>div{height:51px;width:60px;border:1px solid #dce6ea;display:grid;place-items:center;background:#fafcfb;border-radius:5px;overflow:hidden}.brand-asset img{width:100%;height:100%;object-fit:contain}.brand-asset .btn{font-size:11px!important;min-height:33px!important;padding:5px 8px!important;position:relative;cursor:pointer}.brand-asset input{position:absolute;opacity:0;inset:0;width:100%;cursor:pointer}.brand-asset .icon{width:14px}.entry-links{margin-top:24px;padding:22px}.entry-links h2{margin-bottom:17px;font-size:15px!important}.entry-links>div{display:flex;align-items:center;gap:17px;padding:12px 0;border-top:1px solid #edf1f3;flex-wrap:wrap}.entry-links label{font-size:13px;color:#80959f;min-width:85px}.entry-links code{font-size:12px;flex:1;min-width:170px;overflow-wrap:anywhere;color:#587c89}.entry-links .btn{font-size:12px!important;min-height:34px!important}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.module-choice{border:1px solid #dce6ea;background:white;border-radius:8px;padding:25px;cursor:pointer;position:relative}.module-choice.enabled{background:#f4faf7;border-color:#acd0c2}.module-choice input{position:absolute;top:29px;right:24px;width:17px;height:17px;accent-color:#087f70}.module-icon{display:grid;place-items:center;width:41px;height:43px;background:#edf3f5;color:#7793a0;border-radius:7px;margin-bottom:23px}.module-choice.enabled .module-icon{background:#e1f0e7;color:#3a8f74}.module-choice h2{font-size:16px}.module-choice p{font-size:13px;color:#80959d;margin:8px 0 24px}.module-caption{font-size:12px;color:#819aa1}.module-choice.enabled .module-caption{color:#4b8c73}.module-chip{font-size:11px;padding:3px 8px;background:#edf4f2;border:1px solid #deebe5;border-radius:4px;color:#638778;display:inline-block;margin:3px}.pending-invites{margin-top:25px}.role-matrix{padding:26px 0;color:#7a9199}.role-matrix h2{font-size:14px!important;margin-bottom:15px}.role-matrix>div{display:flex;gap:30px}.role-matrix p{flex:1;font-size:12px}.role-matrix strong{display:block;font-weight:500;color:#536f79;margin-bottom:5px}.wrap-cell{max-width:380px;white-space:normal;overflow-wrap:anywhere;font-size:12px}
.console-dialog{border:1px solid #dbe5e7;border-radius:11px;padding:30px;width:520px;max-width:calc(100vw - 32px);max-height:90svh;overflow:auto;color:#4c6670;box-shadow:0 20px 100px #10283138;margin:auto}.console-dialog::backdrop{background:#132b3f60;backdrop-filter:blur(3px)}.console-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.console-dialog header h2{font-size:22px!important}.console-dialog>p{color:#7b9099;font-size:14px;line-height:1.85;margin-bottom:25px}.console-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #e3eaec}.console-dialog form>.form-field:last-of-type{margin-bottom:0}.domain-input{display:flex;border:1px solid #cfdcdf;border-radius:6px;overflow:hidden}.domain-input input{border:0;width:100%;min-width:0;padding:11px}.domain-input span{background:#f5f8f9;color:#7a929c;padding:11px;font-size:12px;border-left:1px solid #dce7eb;white-space:nowrap}.creation-result{padding:15px;background:#f4f8f8;border-radius:6px;margin-top:20px;overflow-wrap:anywhere}.creation-result small{display:block;margin-bottom:6px}.creation-result code{font-size:12px;color:#457b72}.review-card{padding:20px;background:#f6f9f8;border:1px solid #e1eae7;border-radius:6px;margin:20px 0}.review-card strong,.review-card code{display:block}.review-card code{font-size:12px;overflow-wrap:anywhere;color:#6e8a91;margin:8px 0 13px}.inline-warning{font-size:12px;line-height:1.8;padding:12px 15px;background:#fff8e9;border:1px solid #eee2c5;border-radius:5px;color:#9b7c3e;margin:16px 0}.copy-field{font-family:ui-monospace,monospace;font-size:12px!important}.multiline{white-space:pre-wrap}.entry-error{max-width:650px;margin:12vh auto;padding:30px;text-align:center}.entry-error h1{font-size:25px;margin-top:20px}.entry-error p{margin:20px 0;color:#7a929d;line-height:1.9}.entry-error .wordmark{margin-bottom:45px}.toast{max-width:calc(100vw - 32px);font-size:14px;line-height:1.7}.preview-ribbon{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:8px;background:#103933dd;color:#e1f4e9;font-size:12px;z-index:5}
/* The published tenant page keeps the approved architectural composition. */
body[data-surface=login] .tenant-login{min-height:100svh}body[data-surface=login] .access-field input,body[data-surface=login] .access-field input::placeholder{font-size:14px}body[data-surface=login] .access-field>span{font-size:14px}body[data-surface=login] .access-description{font-size:14px;line-height:1.8}body[data-surface=login] .access-overline{font-size:12px}body[data-surface=login] .access-options{font-size:13px}body[data-surface=login] .access-options button{font-size:13px}body[data-surface=login] .access-submit{font-size:16px;height:48px}body[data-surface=login] .access-content{max-width:390px}body[data-surface=login] .access-feedback{font-size:13px;color:#b45245}body[data-surface=login] .access-support,body[data-surface=login] .access-support button{font-size:12px}body[data-surface=login] .access-footer{font-size:11px}body[data-surface=login] .access-footer .powered-mark{font-size:14px}body[data-surface=login] .enabled-modules{flex-wrap:wrap;gap:13px 21px;font-size:12px}body[data-surface=login] .tenant-domain{font-size:12px;overflow-wrap:anywhere}body[data-surface=login] .access-language{font-size:12px}
.workspace-welcome{padding:30px;background:#fff;border:1px solid #dae7e5;border-radius:9px;margin-bottom:25px}.workspace-welcome .eyebrow{margin-bottom:12px;display:block}.workspace-welcome h1{margin-bottom:12px}.workspace-welcome p{color:#7f949d}.workspace-module{display:block;color:inherit;transition:border-color .2s}.workspace-module:hover{border-color:#78b3a3;box-shadow:0 7px 25px #375c490a}.workspace-module .text-btn{margin-top:16px}.workspace-section{padding:28px;background:#fff;border:1px solid #dce7ea;border-radius:8px}.workspace-section h2{margin-bottom:20px}
@media(min-width:1600px){.overview-grid{grid-template-columns:minmax(0,1fr) 320px}.control-content{padding:36px 45px}.editor-layout{grid-template-columns:380px minmax(0,1fr)}}
@media(max-width:1250px){.control-shell{grid-template-columns:208px minmax(0,1fr)}.control-sidebar{padding-left:13px;padding-right:13px}.control-content{padding:27px 24px}.control-top{padding:14px 24px}.metric-grid{gap:12px}.metric-grid article{padding:18px 17px}.metric-grid article>.icon{right:17px;top:18px}.overview-grid{grid-template-columns:minmax(0,1fr)}.launch-guide{display:none}.editor-layout{grid-template-columns:290px minmax(0,1fr);gap:17px}.editor-preview{padding:0 13px 15px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-intro h1{font-size:36px!important}.auth-layout{gap:50px;padding:40px}}
@media(max-width:900px){.control-shell{display:block}.control-sidebar{position:relative;height:auto;padding:17px 22px}.control-logo{padding:0 0 15px}.control-context,.nav-caption,.control-sidebar-bottom{display:none}.control-sidebar nav{display:flex;overflow:auto;gap:7px;padding-top:4px;scrollbar-width:none}.control-sidebar nav>a{white-space:nowrap;padding:10px 12px;font-size:13px;gap:7px}.control-sidebar nav>a .icon{width:16px;height:16px}.control-sidebar nav>a.selected:before{display:none}.control-top{min-height:61px;padding:12px 22px}.control-content{padding:27px 22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid article{padding:20px}.console-heading{align-items:flex-start}.console-heading h1{font-size:25px}.console-heading p{font-size:13px}.editor-layout{grid-template-columns:minmax(260px,1fr) minmax(0,1.35fr)}.editor-preview{position:static}.brand-actionbar{align-items:flex-start}.brand-actionbar>div:first-child{flex-direction:column;align-items:flex-start;gap:6px}.auth-intro{display:none}.auth-layout{padding:30px 20px}.auth-card{padding:32px}.domain-banner{padding:23px;flex-wrap:wrap}.domain-banner>.state-tag{margin-left:0}.domain-banner h2{font-size:22px!important}.role-matrix>div{flex-wrap:wrap}.role-matrix p{min-width:180px}.control-top .environment-tag{display:none}}
@media(max-width:650px){.control-sidebar{padding:17px 14px}.control-logo{padding-left:8px}.control-sidebar nav>a{font-size:12px;padding:9px 10px}.control-sidebar nav>a .icon{width:14px;height:14px}.control-sidebar nav{gap:2px}.control-top{padding:12px 17px}.control-top>div{gap:7px}.control-top>div:first-child>span{display:none}.control-content{padding:23px 16px}.console-heading{gap:13px;flex-wrap:wrap;margin-bottom:23px}.heading-controls{flex-wrap:wrap}.console-heading h1{font-size:24px}.console-heading p{font-size:13px;overflow-wrap:anywhere}.metric-grid{gap:12px}.metric-grid article{padding:16px}.metric-grid strong{font-size:30px}.metric-grid p{font-size:11px}.metric-grid article>.icon{height:18px;width:18px;right:15px}.metric-grid article>span{font-size:12px}.section-title{padding:19px 17px}.section-title h2{font-size:16px}.section-title p{font-size:11px}.section-title>.text-btn{font-size:12px;white-space:nowrap}.console-empty{padding:38px 21px}.console-empty p{font-size:13px}.list-toolbar{padding:16px;gap:10px}.console-search{min-width:100%;max-width:100%}.list-toolbar>.muted{font-size:11px}.detail-tabs{gap:22px;overflow:auto;scrollbar-width:none}.detail-tabs>a{font-size:12px;gap:5px;padding-bottom:14px}.detail-tabs>a .icon{width:14px;height:14px}.brand-actionbar{flex-wrap:wrap}.brand-actionbar>div:last-child{gap:10px}.brand-actionbar .btn{font-size:13px}.editor-layout{display:flex;flex-direction:column}.editor-form,.editor-preview{width:100%}.editor-form{max-height:650px}.editor-preview{padding:0 16px 17px}.editor-preview header{padding:17px 0}.entry-links{padding:18px}.entry-links>div{gap:10px}.entry-links label{min-width:100%;font-size:12px}.entry-links code{font-size:11px}.entry-links .text-btn{font-size:12px}.domain-symbol{display:none}.domain-banner{padding:20px;gap:15px}.domain-banner p{font-size:12px}.domain-banner h2{font-size:20px!important}.information-panel{padding:16px;gap:10px}.information-panel p{font-size:12px}.module-grid{gap:13px}.module-choice{padding:19px 15px}.module-choice input{top:23px;right:16px;width:16px;height:16px}.module-choice h2{font-size:15px}.module-choice p{font-size:12px}.module-choice .module-icon{width:33px;height:35px;margin-bottom:20px}.module-caption{font-size:11px}.console-dialog{padding:23px}.console-dialog header h2{font-size:20px!important}.console-dialog>p{font-size:13px}.console-dialog footer{gap:8px}.console-dialog .btn{font-size:13px}.control-foot{padding:18px 17px}.control-foot>span:last-child{display:none}.auth-card{padding:28px 25px}.auth-layout{padding:22px 16px}.auth-card h2{font-size:23px!important}.workspace-welcome{padding:24px}.workspace-welcome h1{font-size:25px}.workspace-module{min-height:205px}body[data-surface=login] .tenant-domain{font-size:11px}body[data-surface=login] .access-top{gap:8px}body[data-surface=login] .access-language{font-size:11px}body[data-surface=login] .access-content h2{font-size:28px}.entry-error{padding:24px}.entry-error h1{font-size:22px}.entry-error .wordmark{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:17px 22px;border-top:1px solid #e5ecef;color:#7f929c;font-size:12px;flex-wrap:wrap}.pagination>span{margin-right:auto}.pagination .btn{font-size:12px!important;min-height:33px!important}.data-table td>.btn+.btn{margin-left:8px}
.onboarding-banner,.tenant-next-step{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;margin-bottom:25px;background:linear-gradient(105deg,#e7f3ed,#f8fcf9);border:1px solid #ccdfd5;border-radius:9px}
.onboarding-banner h2,.tenant-next-step h2{font-size:21px!important;margin:6px 0 7px}.onboarding-banner p,.tenant-next-step p{font-size:13px;line-height:1.9;color:#678478;max-width:690px}
.onboarding-banner>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:310px;flex-shrink:0}.onboarding-banner>div:last-child>span{font-size:11px;line-height:1.7;color:#6c877e;text-align:right}.onboarding-banner .btn{white-space:normal;text-align:center}.tenant-next-step>.btn{flex-shrink:0}.tenant-next-step.is-paused{background:#fff7ef;border-color:#eddbc9}.tenant-next-step.is-paused p{color:#9a7e60}
.provisioning-checklist{overflow:hidden}.provisioning-checklist .section-title .btn{font-size:12px;white-space:nowrap}.provisioning-step{display:flex;gap:19px;margin:0 27px;padding:25px 0;border-top:1px solid #e5eeea}.provisioning-step>div{flex:1;min-width:0}.step-number{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;border:1px solid #dde5e8;background:#f5f8f9;color:#7b949d;font-size:12px}.step-number.done{background:#e7f4eb;border-color:#d0e5d9;color:#2b8b64}.step-number .icon{width:18px;height:18px}.step-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.step-heading h3{font-size:15px;font-weight:550}.provisioning-step p{color:#7d9399;font-size:13px;line-height:1.9;margin:8px 0 13px}.step-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.step-actions .btn{font-size:12px!important;min-height:34px!important}.step-actions>.muted{font-size:12px}.entry-delivery-note{font-size:12px;color:#7f959c;line-height:1.9;margin-top:12px}
@media(max-width:1000px){.onboarding-banner,.tenant-next-step{align-items:flex-start;flex-direction:column;gap:17px}.onboarding-banner>div:last-child{align-items:flex-start;max-width:none}.onboarding-banner>div:last-child>span{text-align:left}}
@media(max-width:650px){.onboarding-banner,.tenant-next-step{padding:20px;margin-bottom:20px}.onboarding-banner h2,.tenant-next-step h2{font-size:18px!important}.onboarding-banner p,.tenant-next-step p{font-size:12px}.provisioning-step{margin:0 17px;gap:13px;padding:21px 0}.step-number{width:29px;height:29px;font-size:11px}.step-heading{gap:8px}.step-heading h3{font-size:14px}.provisioning-step p{font-size:12px}.provisioning-checklist .section-title{gap:10px}.provisioning-checklist .section-title h2{font-size:15px}.provisioning-checklist .section-title .btn{padding:6px 9px}.detail-tabs{gap:20px}}