:root{--cn-bg:#f3f6fb;--cn-card:#fff;--cn-text:#17263c;--cn-muted:#617187;--cn-border:#dbe3ef;--cn-accent:#315eea;--cn-soft:#eaf0ff;--cn-warning:#fff4df;--cn-warntext:#7a4a0e}body[data-accent=violet]{--cn-accent:#7652d1;--cn-soft:#f0eaff}body[data-accent=green]{--cn-accent:#137b65;--cn-soft:#e1f4ee}body[data-theme=dark]{--cn-bg:#101720;--cn-card:#192331;--cn-text:#edf2f9;--cn-muted:#a6b5c9;--cn-border:#334052;--cn-soft:#253247;--cn-warning:#3d301d;--cn-warntext:#ffdc9c}*{box-sizing:border-box}body{margin:0;background:var(--cn-bg)!important;color:var(--cn-text)!important;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:var(--cn-accent)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--cn-accent);outline-offset:3px}.cn-header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px}.cn-brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:800;text-decoration:none;color:var(--cn-text)}.cn-logo{display:grid;place-items:center;width:38px;height:38px;background:var(--cn-accent);border-radius:12px;color:#fff}.cn-small{font-size:9px;letter-spacing:1.5px;color:var(--cn-muted);margin-left:8px}.cn-account{display:flex;align-items:center;gap:10px;color:var(--cn-text);text-decoration:none;font-size:14px;max-width:45%}.cn-account>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--cn-soft);color:var(--cn-accent);font-weight:800;flex-shrink:0}.cn-nav{display:flex;gap:5px;overflow-x:auto;max-width:1184px;margin:0 auto;padding:8px 0 16px;border-bottom:1px solid var(--cn-border);scrollbar-width:thin}.cn-nav a{padding:10px 15px;text-decoration:none;white-space:nowrap;color:var(--cn-muted);border-radius:9px;font-size:14px;min-height:44px}.cn-nav a[aria-current=page]{background:var(--cn-accent);color:white;font-weight:700}.cn-main{max-width:1184px;margin:auto;padding:34px 0 60px}.cn-main h1{font-size:clamp(30px,4vw,42px);line-height:1.15;letter-spacing:-1px;margin:10px 0 16px}.cn-main h2{font-size:23px;letter-spacing:-.4px}.cn-main h3{font-size:18px;overflow-wrap:anywhere}.cn-eyebrow{font-size:10px!important;font-weight:700;letter-spacing:2px;color:var(--cn-muted);margin:0}.cn-muted,.muted,.mail-muted,.small-note,.cn-card small{color:var(--cn-muted)!important}.cn-muted{font-size:14px}.cn-card,.real-panel .card,.real-panel .stat,.dns-card,.mail-site,.mail-box{background:var(--cn-card)!important;border:1px solid var(--cn-border)!important;border-radius:18px;color:var(--cn-text)!important}.cn-card{padding:24px;margin-bottom:20px;min-width:0}.cn-card h2:first-child,.cn-card h3:first-child{margin-top:0}.cn-grid-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.cn-form{display:grid;gap:17px}.cn-form label{display:grid;gap:7px;font-size:14px;font-weight:600}.cn-form input,.cn-form select,.cn-form textarea,.real-panel input,.real-panel select,.mail-main input,.mail-main select,.mail-main textarea{width:100%;min-width:0;background:var(--cn-bg)!important;color:var(--cn-text)!important;border:1px solid var(--cn-border)!important;border-radius:9px;padding:11px 12px;font-size:16px}.cn-form textarea{resize:vertical}.cn-form .cn-check{display:flex;align-items:center;gap:10px;font-weight:400}.cn-form input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.cn-main button,.cn-button{display:inline-block;border:0;border-radius:10px;background:var(--cn-accent);color:white;font-size:14px;font-weight:700;text-align:center;min-height:44px;padding:12px 17px;cursor:pointer;text-decoration:none}.cn-main form+form{margin-top:12px}.cn-secondary{background:var(--cn-soft)!important;color:var(--cn-text)!important}.cn-warning,.mail-warning{background:var(--cn-warning)!important;color:var(--cn-warntext)!important;border:1px solid var(--cn-border)!important;border-radius:12px;padding:17px 20px;margin:20px 0}.cn-notice,.dns-notice{background:var(--cn-soft)!important;color:var(--cn-text)!important;padding:17px 20px;border-radius:12px}.cn-profile-photo,.cn-profile-initial{border-radius:22px;width:150px;height:150px;object-fit:cover}.cn-profile-initial{background:var(--cn-soft);color:var(--cn-accent);font-size:68px;display:grid;place-items:center;font-weight:800}.cn-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}.cn-stat{background:var(--cn-card);border:1px solid var(--cn-border);padding:20px;border-radius:15px}.cn-stat span{display:block;color:var(--cn-muted);font-size:12px;margin-bottom:8px}.cn-stat strong{font-size:24px;letter-spacing:-.5px}.cn-stat small{display:block;color:var(--cn-muted);font-size:11px;margin-top:6px}.cn-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.cn-tool{background:var(--cn-card);border:1px solid var(--cn-border);padding:18px;border-radius:14px;text-decoration:none;color:var(--cn-text);display:grid;gap:8px}.cn-tool strong{font-size:15px}.cn-tool span{font-size:12px;color:var(--cn-muted)}.cn-tool i{font-style:normal;font-size:21px;color:var(--cn-accent)}.cn-progress{width:100%;height:10px;accent-color:var(--cn-accent);margin:12px 0}.cn-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cn-site-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cn-site-head h3{margin:5px 0}.cn-pill{display:inline-block;padding:5px 9px;font-size:11px;font-weight:700;border-radius:20px;background:var(--cn-soft);white-space:nowrap}.cn-site-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.cn-site-actions a,.cn-site-actions button{font-size:12px;padding:11px 12px}.cn-site-actions form{margin:0}.cn-site-note{border-left:3px solid var(--cn-accent);padding-left:10px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.cn-site-filter{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px}.cn-site-filter input{max-width:320px;width:100%;border:1px solid var(--cn-border);background:var(--cn-card);color:var(--cn-text);padding:12px;border-radius:10px;font-size:16px}.cn-definition{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:14px}.cn-definition dt{color:var(--cn-muted)}.cn-definition dd{margin:0;text-align:right}.cn-footer{padding:24px;color:var(--cn-muted);font-size:12px;text-align:center}.cn-main details{padding:18px;border:1px solid var(--cn-border);border-radius:12px;margin:18px 0}.cn-main summary{cursor:pointer;font-weight:600}.cn-main details>form{margin-top:18px}.cn-resource-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.cn-table{border-collapse:collapse;width:100%;font-size:14px}.cn-table th,.cn-table td{text-align:left;border-bottom:1px solid var(--cn-border);padding:12px 4px}.mail-top{display:none!important}.mail-main{max-width:1184px!important;padding-top:34px!important}.dns-record,.dns-nameservers,.mail-dns,.migration-steps span{background:var(--cn-soft)!important;color:var(--cn-text)!important}.dns-badge,.mail-pill,.pill{background:var(--cn-soft)!important;color:var(--cn-text)!important}.mail-main details,.mail-main table td,.mail-main table th{border-color:var(--cn-border)!important}.mail-main button,.mail-main .button,.real-panel .button:not(.secondary){background:var(--cn-accent)!important}.mail-main a.button{color:white}.cn-header form{margin:0}.cn-logout{background:none;border:1px solid var(--cn-border);color:var(--cn-text);border-radius:8px;padding:8px 12px;cursor:pointer}.cn-main [hidden]{display:none!important}.cn-state-list{display:grid;gap:12px}.cn-state-list p{margin:0;display:flex;justify-content:space-between;gap:16px}.cn-badge-ok{color:#118367}.cn-resource-note{font-size:12px;color:var(--cn-muted)}@media(max-width:1240px){.cn-main{padding:28px 24px 50px}.cn-nav{margin:0 24px}.mail-main{padding-left:24px!important;padding-right:24px!important}}@media(max-width:700px){.cn-header{padding:18px 16px}.cn-small{display:none}.cn-brand{font-size:20px}.cn-account>span:last-child{display:none}.cn-nav{margin:0 16px;padding-bottom:12px}.cn-nav a{padding:10px 12px;font-size:13px}.cn-main{padding:24px 16px 44px}.cn-grid-two,.cn-site-grid{grid-template-columns:1fr}.cn-stat-row,.cn-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cn-stat{padding:15px}.cn-stat strong{font-size:20px}.cn-tool{padding:15px}.cn-card{padding:19px}.cn-site-filter{display:grid}.cn-site-filter input{max-width:none}.cn-site-actions a{flex-grow:1}.cn-site-actions form{width:100%}.cn-site-actions button{width:100%}.cn-definition{font-size:13px}.mail-main{padding-left:16px!important;padding-right:16px!important}.cn-resource-heading{align-items:flex-start}.cn-header .cn-logout{font-size:12px}.cn-resource-heading h2{font-size:20px}}

.cn-login{max-width:480px;margin:40px auto}.cn-progress{appearance:none;border:0;border-radius:8px;overflow:hidden;background:var(--cn-soft)}.cn-progress::-webkit-progress-bar{background:var(--cn-soft);border-radius:8px}.cn-progress::-webkit-progress-value{background:var(--cn-accent);border-radius:8px}.cn-progress::-moz-progress-bar{background:var(--cn-accent);border-radius:8px}.cn-avatar{object-fit:cover}

.cn-mobile-menu{display:none}.cn-message,.cn-card p{overflow-wrap:anywhere}.cn-card pre{white-space:pre-wrap;overflow-wrap:anywhere}.cn-nav{flex-wrap:wrap;overflow:visible}.cn-card summary{min-height:44px;padding:10px 0}
@media(max-width:700px){.cn-nav{display:none}.cn-mobile-menu{display:block;margin:0 16px;border:1px solid var(--cn-border);border-radius:12px;background:var(--cn-card)}.cn-mobile-menu>summary{padding:14px;cursor:pointer;font-weight:600;min-height:48px}.cn-mobile-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px}.cn-mobile-menu nav a{display:block;padding:12px;color:var(--cn-text);text-decoration:none;border-radius:8px;min-height:44px}.cn-mobile-menu nav a[aria-current=page]{background:var(--cn-accent);color:#fff}}
/* CloudNova 2026: shared navigation and readable resource cards. */
:root{--cn-bg:#f5f7fb;--cn-text:#192945;--cn-muted:#65768e;--cn-border:#dde4ef;--cn-accent:#274dcc;--cn-soft:#edf2ff}body{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.1px}.cn-header{min-height:82px;padding:18px 30px;border-bottom:1px solid var(--cn-border);background:var(--cn-card);max-width:none}.cn-brand{font-size:25px;letter-spacing:-1px}.cn-logo{font-size:28px;color:#e5f4b9;background:var(--cn-accent);border-radius:12px}.cn-account{background:var(--cn-bg);border:1px solid var(--cn-border);padding:5px 12px 5px 5px;border-radius:30px}.cn-small{font-size:8px;letter-spacing:1.5px}.cn-main{padding-top:38px}.cn-main h1{font-weight:600;font-size:clamp(30px,3.4vw,42px)}.cn-main h2{font-weight:600;font-size:24px}.cn-main h3{font-weight:600}.cn-nav a{display:flex;align-items:center;gap:12px}.cn-nav-icon{font-size:17px;display:inline-grid;place-items:center;width:20px;flex-shrink:0}.cn-nav a:hover{background:var(--cn-soft);color:var(--cn-text)}.cn-nav a[aria-current=page]{background:var(--cn-accent);color:#fff;box-shadow:0 4px 14px #2446b322}.cn-card{border-radius:14px;padding:25px;box-shadow:0 3px 12px #172c5010}.cn-stat-row{gap:18px;margin:24px 0}.cn-stat{border-radius:13px;padding:20px 22px;border-top:3px solid var(--cn-border);box-shadow:0 3px 12px #172c5008}.cn-stat:first-child{border-top-color:var(--cn-accent)}.cn-stat strong{font-size:29px;font-weight:600;line-height:1.25}.cn-stat span{font-size:12px}.cn-stat small{margin-top:7px;font-size:11px}.cn-welcome-strip{display:flex;gap:14px;align-items:center;border:1px solid var(--cn-border);background:var(--cn-card);border-radius:14px;padding:22px 25px;margin:26px 0 0}.cn-welcome-strip>div{margin-right:auto}.cn-welcome-strip strong{display:block;font-size:21px;letter-spacing:-.5px;margin:5px 0}.cn-welcome-strip p:last-child{font-size:12px;color:var(--cn-muted);margin:0}.cn-welcome-strip .cn-eyebrow{font-size:8px!important}.cn-tools{gap:16px;margin-block:24px}.cn-tool{background:var(--cn-card);border:1px solid var(--cn-border);border-radius:12px;padding:22px;text-decoration:none;transition:border-color .15s,transform .15s}.cn-tool:hover{border-color:var(--cn-accent);transform:translateY(-2px)}.cn-tool i{background:var(--cn-soft);border-radius:10px;display:grid;place-items:center;font-style:normal;width:38px;height:38px;font-size:20px;color:var(--cn-accent);margin-bottom:14px}.cn-tool strong{font-size:14px}.cn-tool span{font-size:11px;line-height:1.7}.cn-site-filter{margin:30px 0 20px;scroll-margin-top:95px}.cn-site-filter input{background:var(--cn-card);border:1px solid var(--cn-border);border-radius:9px;padding:11px 14px;color:var(--cn-text);font-size:16px}.cn-site-grid{gap:20px}.cn-site-head h3{font-size:21px;letter-spacing:-.6px;margin:8px 0}.cn-pill{font-size:10px;background:var(--cn-soft);color:var(--cn-accent);white-space:nowrap}.cn-site-actions{gap:8px;flex-wrap:wrap}.cn-site-actions .cn-button{font-size:12px;padding:10px 13px}.cn-progress{width:100%;height:7px}.cn-inode-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;color:var(--cn-muted);font-size:11px;padding:10px 0 16px;margin-top:0;border-bottom:1px solid var(--cn-border)}.cn-inode-line strong{color:var(--cn-text);font-weight:500}.cn-button,.cn-main button{border-radius:8px;font-size:13px}.cn-form{gap:18px}.cn-card summary,.cn-main>details>summary{cursor:pointer;font-weight:600;min-height:46px}.cn-main>details:not(.cn-card){border:1px solid var(--cn-border);background:var(--cn-card);border-radius:12px;padding:8px 20px;margin-block:20px}.cn-warning,.mail-warning{border-left:3px solid #c28839!important;font-size:13px;line-height:1.8}.cn-main>p{max-width:950px;font-size:14px}.cn-footer{font-size:11px;color:var(--cn-muted);padding:25px}.cn-empty-state{background:var(--cn-bg);border:1px dashed var(--cn-border);padding:25px;border-radius:12px}.cn-empty-state p{color:var(--cn-muted);font-size:13px}.cn-empty-state a{font-size:13px}.cn-lead{border-top:1px solid var(--cn-border);padding-top:6px}.cn-lead summary{font-size:13px;overflow-wrap:anywhere}.cn-lead-body{padding:10px 0 20px;font-size:13px}.cn-lead-body .cn-form{max-width:340px}.cn-login{max-width:460px;margin:25px auto 60px;padding:35px}.cn-login h1{font-size:36px}.cn-login .cn-form{margin-top:25px}.cn-skip{position:fixed;left:10px;top:-100px;z-index:100;padding:12px;background:var(--cn-card);color:var(--cn-text)}.cn-skip:focus{top:10px}.cn-table-wrap{overflow:auto;max-width:100%}.cn-main table th,.cn-main table td{padding:12px}.cn-main input[type=password]{min-width:0;max-width:100%}body[data-theme=dark]{--cn-bg:#111928;--cn-card:#1b2638;--cn-text:#edf2fc;--cn-muted:#adbbd1;--cn-border:#35425a;--cn-soft:#283753}.cn-mobile-menu nav a{display:flex;gap:10px;align-items:center}
@media(min-width:1050px){body:has(.cn-nav) .cn-header{position:sticky;top:0;z-index:30}.cn-nav{position:fixed;left:0;top:82px;bottom:0;width:224px;padding:27px 14px;display:flex;flex-direction:column;gap:5px;overflow-y:auto;flex-wrap:nowrap;border:0;border-right:1px solid var(--cn-border);background:var(--cn-card);z-index:20}.cn-nav a{padding:11px 14px;flex-shrink:0;font-size:13px;border-radius:8px;min-height:44px}.cn-nav>a:last-child{margin-top:18px;border-top:1px solid var(--cn-border);border-radius:0;padding-top:20px}body:has(.cn-nav) .cn-main{max-width:1350px;margin-left:224px;margin-right:0;padding:35px 38px 60px}body:has(.cn-nav) .cn-footer{margin-left:224px}.cn-mobile-menu{display:none}}
@media(min-width:1600px){body:has(.cn-nav) .cn-main{margin-inline:calc(224px + (100vw - 1600px)/2) auto}}
@media(max-width:1049px){.cn-header{padding:17px 22px}.cn-nav{margin:0 22px;padding:14px 0;gap:5px}.cn-nav a{padding:9px 12px;font-size:12px}.cn-main{padding:28px 22px 50px;max-width:none}.cn-welcome-strip{flex-wrap:wrap}.cn-welcome-strip>div{flex-basis:100%}.cn-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cn-header{padding:15px 18px;min-height:74px}.cn-brand{font-size:22px}.cn-small{display:none}.cn-account{font-size:12px;max-width:42%;padding-right:10px}.cn-account .cn-avatar{width:30px;height:30px}.cn-logo{width:34px;height:34px;font-size:26px}.cn-mobile-menu{margin:14px 18px 0;background:var(--cn-card);border-radius:10px}.cn-mobile-menu>summary{font-size:12px;padding:14px;list-style:none;position:relative;padding-right:36px}.cn-mobile-menu>summary::-webkit-details-marker{display:none}.cn-mobile-menu>summary:after{content:'☰';position:absolute;right:15px;font-size:16px;top:10px}.cn-mobile-menu[open]>summary:after{content:'×'}.cn-mobile-menu nav{padding:8px;gap:4px}.cn-mobile-menu nav a{font-size:12px;padding:12px 9px;border-radius:7px}.cn-main{padding:23px 18px 45px}.cn-main h1{font-size:30px}.cn-main h2{font-size:23px}.cn-main h3{font-size:20px}.cn-welcome-strip{padding:20px;gap:9px;margin-top:20px}.cn-welcome-strip strong{font-size:20px}.cn-welcome-strip .cn-button{font-size:11px;padding:11px 13px}.cn-stat-row{gap:10px}.cn-stat{padding:15px}.cn-stat strong{font-size:23px}.cn-stat span{font-size:10px}.cn-stat small{font-size:10px}.cn-tools{gap:10px}.cn-tool{padding:17px}.cn-tool strong{font-size:13px}.cn-tool span{font-size:10px}.cn-tool i{width:32px;height:32px;font-size:18px;margin-bottom:10px}.cn-card{padding:20px;border-radius:12px}.cn-site-filter{display:block}.cn-site-filter label{width:100%;display:grid;gap:7px}.cn-site-filter input{width:100%}.cn-site-grid{grid-template-columns:1fr}.cn-site-head{align-items:flex-start;gap:10px}.cn-site-head>div{min-width:0}.cn-site-actions .cn-button{font-size:11px;padding:10px 11px;min-height:43px}.cn-resource-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.cn-resource-heading button{font-size:11px;min-height:40px;padding:10px}.cn-grid-two{grid-template-columns:1fr}.cn-login{margin:10px auto 35px;padding:26px}.cn-login h1{font-size:31px}.cn-footer{text-align:center}.cn-table-wrap{font-size:12px}.cn-main>details:not(.cn-card){padding:8px 15px}.cn-inode-line{font-size:10px}.cn-main summary{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.cn-tool{transition:none;transform:none!important}}


.cn-recovery-code{display:block;overflow-wrap:anywhere;padding:20px;font-size:18px}.cn-initial-access{margin-top:20px}@media(max-width:700px){.cn-resource-heading{margin-bottom:16px}.cn-resource-heading p{font-size:14px}.cn-site-filter{margin-top:16px}.cn-site-filter input{font-size:16px}.cn-resource-note,.cn-stat small,.cn-muted{font-size:14px;line-height:1.6}.cn-nav a,.cn-nav-mobile summary{min-height:44px;font-size:14px}.cn-button,button{min-height:44px}.cn-welcome-strip{display:none}.cn-site-grid{margin-bottom:24px}}

/* Keep the fixed desktop navigation inside its reserved column. */
@media(min-width:1050px){body:has(.cn-nav) .cn-nav{margin:0}body:has(.cn-nav) .cn-main{min-width:0;width:calc(100% - 224px);max-width:1350px!important;margin-left:224px;margin-right:0;padding-left:38px!important;padding-right:38px!important}}
@media(min-width:1600px){body:has(.cn-nav) .cn-main{width:calc(100% - 224px);margin-left:calc(224px + (100% - 1600px)/2);max-width:1350px!important}}

/* Consistent action targets, including legacy mail and site controls. */
body[data-theme] :is(button,.cn-button,.button),body :is(.cn-site-actions a,.cn-site-filter>a){font-size:14px;min-height:44px;box-sizing:border-box}
.cn-site-filter>a{display:inline-flex;align-items:center;padding:10px 12px}
body[data-theme] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #7695ff;outline-offset:3px}
@media(max-width:760px){body .cn-site-actions .cn-button,body .cn-resource-heading button,body .mail-site button,body .cn-button{font-size:14px!important;min-height:44px!important}body .cn-inode-line{font-size:13px;gap:8px;flex-wrap:wrap}body .cn-card{min-width:0}body input,body select,body textarea{font-size:16px}body .cn-site-filter>a{min-height:44px}}

/* Compact choice controls must not inherit the full-width text-input rule. */
.cn-main input[type=checkbox],.cn-main input[type=radio]{width:20px;max-width:20px;height:20px;flex:0 0 20px;padding:0;align-self:flex-start}