/* Common surfaces and typography for customer and administrator workspaces. */
.shell{font-family:"Noto Sans KR",Arial,"Malgun Gothic","Apple SD Gothic Neo",sans-serif}
html:lang(ja) .shell{font-family:"Noto Sans KR","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif}
html:lang(zh-Hans) .shell{font-family:"Noto Sans KR","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
.shell button,.shell input,.shell select,.shell textarea,.shell h1,.shell h2,.shell h3,.shell h4{font-family:inherit}
.shell .panel,.shell .resource-card,.shell .ops-panel,.shell .admin-domain-card{border-color:#dce7df;border-radius:14px;background:#fff}
.shell .page-title{background:#f1f7f3;border-color:#dce7df}
.shell .panel-heading h2,.shell .ops-panel h2,.shell .data-list-heading h2{font-size:20px;line-height:1.5;margin:0;font-weight:700}
.shell .resource-head h3{font-size:19px;line-height:1.5;margin:0;font-weight:700}
.shell .field{font-size:14px;line-height:1.65}
.shell .field input:not([type=checkbox]):not([type=radio]),.shell .field select{min-height:44px;font-size:14px;border-color:#d6e2d9;border-radius:9px}
.shell .field textarea{font-size:14px;line-height:1.7;border-color:#d6e2d9;border-radius:9px}
.shell .field small,.shell .metric-label,.shell .list-date,.shell .list-size{font-size:12px;line-height:1.6}
.shell .btn{font-family:inherit;font-weight:600}
.shell .domain-page{display:grid;gap:20px}
.domain-page .domain-account-panel{margin:0;padding:24px}
.domain-section-heading{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.domain-section-heading>div{flex:1;min-width:160px}
.domain-section-heading h2{font-size:20px;margin:0;line-height:1.5}
.domain-section-heading p{font-size:14px;color:#63776b;margin:5px 0 0;line-height:1.7}
.domain-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #d4e4d9;border-radius:13px;background:#edf5f0;color:#3c7053}
.domain-page .domain-address-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin:22px 0 18px;border:1px solid #dce7df;border-radius:12px;background:#f5f8f6}
.domain-page .domain-address-row code{font-family:inherit;font-size:19px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;min-width:0;color:#254b37}
.domain-account-actions{flex:none}
.domain-account-note{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;padding-top:16px;border-top:1px solid #e6ece8;font-size:13px;color:#607468}
.domain-account-note>span{font-weight:700;color:#345640}
.domain-account-note p{flex:1;min-width:180px;margin:0;line-height:1.7}
.domain-account-note a{color:#2d6447;font-weight:600;text-underline-offset:3px}
.domain-page .resource-list{display:grid;gap:18px;min-width:0}
.domain-page>#resource-search{margin:0;min-height:46px;border-radius:10px;background:#fafcfb;border-color:#d9e4dc;font-family:inherit;font-size:14px}
.domain-page .domain-card{padding:24px}
.domain-card .resource-head{padding:0 0 20px;margin:0;border-bottom:1px solid #e4ebe6;align-items:center;gap:16px}
.domain-card-title{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 180px}
.domain-card-title>div{min-width:0}
.domain-card-title h3{overflow-wrap:anywhere}
.domain-card-title p{font-size:14px;line-height:1.6;color:#61756a;margin:4px 0 0;overflow-wrap:anywhere}
.domain-card .resource-actions{gap:8px;align-items:center;flex-wrap:wrap}
.pill.domain-status{display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;font-size:13px;font-weight:600;line-height:1.4;border-radius:999px;background:#edf3ef;border-color:#d2dfd6;color:#526e5c;white-space:nowrap}
.pill.domain-status.verified{background:#e2f3e7;border-color:#b9d9c3;color:#16733d}
.domain-setup-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:22px 0;padding:16px;border-radius:12px;background:#f5f8f6;border:1px solid #e1e9e4;gap:16px}
.domain-setup-progress li{display:flex;align-items:center;gap:10px;min-width:0;color:#718078}
.domain-setup-progress li>span{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#e7ece9;font-size:13px;font-weight:700}
.domain-setup-progress .complete>span{color:#24613e;background:#dceee2}
.domain-setup-progress .current>span{background:#426f54;color:#fff}
.domain-setup-progress strong{display:block;font-size:14px;line-height:1.6;color:#35513f}
.domain-setup-progress small{display:block;font-size:12px;line-height:1.6;margin-top:3px}
.domain-records{border:1px solid #dce7df;border-radius:12px;overflow:hidden}
.domain-records-heading{padding:16px 18px;background:#f3f7f4;border-bottom:1px solid #e2eae5}
.domain-records-heading h4{font-size:15px;margin:0;line-height:1.6}
.domain-records-heading p{font-size:13px;margin:4px 0 0;color:#65786c;line-height:1.7}
.domain-card .domain-dns-record{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px;margin:0;border-bottom:1px solid #e5ece8}
.domain-card .domain-dns-record:last-child{border-bottom:0}
.domain-record-kind b{display:block;font-size:13px;font-weight:700;color:#37644a}
.domain-record-kind span{display:block;font-size:12px;line-height:1.6;color:#6a7e70;margin-top:4px}
.domain-record-data{min-width:0}
.domain-value-label{display:block;font-size:12px;color:#718276;margin-top:8px}
.domain-value-label:first-child{margin-top:0}
.domain-card .domain-dns-record code{font-family:inherit;font-size:14px;line-height:1.65;display:block;overflow-wrap:anywhere;word-break:normal;color:#284c37}
.domain-card .domain-card-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 0}
.domain-card-footer p{max-width:620px;flex:1;font-size:13px;line-height:1.8;color:#63766a;margin:0;word-break:keep-all}
.domain-card .domain-verification-result{margin:16px 0 0;padding:13px 16px;background:#edf5f0;border:1px solid #d5e4da;border-radius:10px;font-size:14px;line-height:1.7;color:#355d43;word-break:keep-all}
.domain-verification-result[hidden]{display:none}
.domain-empty{text-align:center;padding:36px 24px}
.domain-empty>.domain-icon{margin:0 auto 16px;width:58px;height:58px}
.domain-empty h2{font-size:20px;line-height:1.5;margin:0 0 10px}
.domain-empty p{font-size:14px;line-height:1.8;color:#63766a;margin:0 0 22px}
.domain-empty>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
/* Stable time width prevents a two-line timestamp from stretching every row. */
.shell .data-list .activity-table{min-width:840px}
.shell .activity-table .col-time{width:200px}
.shell .activity-table .col-action{width:155px}
.shell .activity-table .col-subject{width:185px}
.shell .activity-table .col-account{width:140px}
.shell .activity-table th,.shell .activity-table td{padding:16px 20px;line-height:1.7;vertical-align:top}
.shell .activity-table .list-time,.shell .activity-table .list-time time{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:13px;font-variant-numeric:tabular-nums}
.shell .activity-table .list-time time{display:inline-block}
.shell .activity-table .activity-subject strong{font-size:14px;line-height:1.6}
.shell .activity-table .list-detail{font-size:14px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
.admin-shell .data-list .activity-table{min-width:980px}
.service-editor{display:grid;gap:20px;font-family:"Noto Sans KR",sans-serif}
.service-editor>.field,.service-editor .row>.field{margin:0}
.service-mode-group{padding:0;margin:0;border:0;min-width:0}
.service-mode-group legend{font-size:14px;font-weight:600;margin-bottom:10px}
.service-mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.service-mode-choice{display:flex;align-items:flex-start;gap:12px;padding:18px;text-align:left;background:#fff;border:1px solid #d9e4dc;border-radius:12px;color:#42614d;cursor:pointer;font:inherit;min-width:0}
.service-mode-choice.selected{background:#edf6f0;border-color:#78a88a;box-shadow:0 0 0 1px #78a88a inset}
.service-mode-choice svg{flex:none;margin-top:3px}
.service-mode-choice strong{display:block;font-size:15px;line-height:1.6}
.service-mode-choice small{display:block;font-size:13px;line-height:1.7;color:#718276;margin-top:5px;word-break:keep-all}
.service-target-fields{padding:20px;border:1px solid #dce7df;border-radius:12px;background:#fafcfb;min-width:0}
.service-pool-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.service-pool-heading h3{margin:0;font-size:16px}
.service-editor .service-editor-help{font-size:13px;line-height:1.8;color:#6a7e70;margin:0;word-break:keep-all}
.service-editor-help+.service-editor-help{margin-top:8px}
.service-editor [hidden],#pool-form [hidden]{display:none!important}
.service-pool-empty{text-align:center;padding:18px 8px}
.service-pool-empty strong{font-size:15px}
.service-pool-empty p{font-size:13px;line-height:1.8;color:#6a7e70}
.service-selected-pool{border:1px solid #d8e5dc;border-radius:10px;padding:16px;background:#fff;display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}
.service-selected-pool>strong{font-size:15px;flex:1 1 150px;overflow-wrap:anywhere}
.service-selected-pool ul{flex-basis:100%;list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}
.service-selected-pool li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 14px;align-items:center;padding:10px 12px;background:#f3f7f4;border-radius:8px;font-size:13px}
.service-selected-pool li span{overflow-wrap:anywhere}
.service-selected-pool li small{font-size:12px;color:#728476}
.service-selected-pool p{flex-basis:100%;font-size:13px;line-height:1.8;color:#6a7e70;margin:0;word-break:keep-all}
.pool-service-link{font-size:14px;line-height:1.8;color:#687d6e;padding:14px 16px;border-radius:10px;background:#f3f7f4;overflow-wrap:anywhere}
.pool-service-link a{font-weight:600;color:#35664b;margin-left:8px}
@media(max-width:600px){.service-mode-choices{grid-template-columns:1fr}.service-mode-choice{padding:14px}.service-target-fields{padding:16px}.service-editor{gap:16px}.service-selected-pool li{grid-template-columns:minmax(0,1fr) auto}.service-selected-pool li small{grid-column:1/-1}.service-pool-heading .btn{min-height:44px}}
/* Meaningful state colors share one pill shape across all workspace pages. */
.shell .pill,.service-editor .pill,#pool-form .pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;box-sizing:border-box;padding:5px 11px;border:1px solid #d9e0dc;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;background:#f0f2f1;color:#65716a}
.shell .pill::before,.service-editor .pill::before,#pool-form .pill::before{content:"";display:block;width:7px;height:7px;border-radius:50%;flex:none;background:currentColor}
.shell .pill.status-positive,.service-editor .pill.status-positive,#pool-form .pill.status-positive{background:#e2f3e7;border-color:#b9d9c3;color:#16733d}
.shell .pill.status-attention,.service-editor .pill.status-attention,#pool-form .pill.status-attention{background:#fff5df;border-color:#eadbb6;color:#86631d}
.shell .pill.status-negative,.service-editor .pill.status-negative,#pool-form .pill.status-negative{background:#fae9e8;border-color:#ebc7c4;color:#a44139}
.shell .pill.status-neutral,.service-editor .pill.status-neutral,#pool-form .pill.status-neutral{background:#f0f2f1;border-color:#d9e0dc;color:#65716a}
.ar-site .ar-status{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 11px;border:1px solid #d9e0dc;border-radius:999px;font-size:13px;font-weight:600;line-height:1.4}
.ar-site .ar-status.live{background:#e2f3e7;border-color:#b9d9c3;color:#16733d}
.ar-site .ar-status.setup{background:#fff5df;border-color:#eadbb6;color:#86631d}
.ar-site .ar-status.planned{background:#f0f2f1;border-color:#d9e0dc;color:#65716a}
@media(max-width:760px){
 .domain-page .domain-account-panel,.domain-page .domain-card{padding:18px}
 .domain-page .domain-address-row{align-items:flex-start;padding:16px;flex-direction:column}
 .domain-section-heading{gap:10px}.domain-section-heading>div{min-width:140px}
 .domain-section-heading h2{font-size:19px}
 .domain-section-heading>.pill{margin-left:56px}
 .domain-account-note{align-items:flex-start;gap:8px}.domain-account-note p{flex-basis:100%}
 .domain-setup-progress{grid-template-columns:1fr;gap:14px;padding:16px}
 .domain-card .domain-dns-record{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:16px}
 .domain-card .domain-dns-record>.btn{grid-column:2;justify-self:start;min-height:44px}
 .domain-card .resource-actions{width:100%;justify-content:flex-start}
 .domain-card .domain-card-footer{flex-direction:column;align-items:stretch;gap:14px}
 .domain-card .btn,.domain-account-panel .btn{min-height:44px}
 .domain-card-footer>.btn{width:100%}
 .shell .activity-table th,.shell .activity-table td{padding:14px 16px}
 .shell .activity-table .col-time{width:188px}
}

.domain-copy-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.domain-copy-field code{flex:1;min-width:0}.domain-copy-field .btn{flex:none;min-height:44px}.domain-copy-result{display:block;min-height:1.5em;margin-top:6px;font-size:12px;color:#526e5c}
/* Compact DNS records: labels, exact values and copy actions remain aligned. */
.domain-records .domain-records-heading{padding:12px 16px}
.domain-records .domain-records-heading p{margin-top:2px}
.domain-card .domain-dns-record{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:12px 16px}
.domain-record-data{display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px 10px;align-items:center}
.domain-record-data .domain-value-label{margin:0;line-height:1.5}
.domain-copy-field{gap:10px}
.domain-copy-field .btn{min-height:36px;padding:6px 12px;font-size:12px}
.domain-copy-result{grid-column:2;margin:0;min-height:0;line-height:1.5}
.domain-copy-result:empty{display:none}
@media(min-width:1100px){
 .domain-record-data{grid-template-columns:30px minmax(0,1fr) 22px minmax(0,1fr);gap:8px 10px}
 .domain-copy-result{grid-column:2/-1}
}
@media(max-width:650px){
 .domain-card .domain-dns-record{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}
 .domain-record-kind{display:flex;align-items:center;gap:8px}
 .domain-record-kind span{margin:0}
 .domain-copy-field .btn{min-height:44px;padding:8px 10px}
 .domain-record-data{gap:4px 8px}
}

.access-order-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.access-order-list{display:grid;gap:6px;margin-top:16px}.access-order-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce7df;border-radius:10px;background:#f6f9f7}.access-order-row>div{flex:1;min-width:0}.access-order-row small{display:block;color:#607469;overflow-wrap:anywhere}.access-order-row .btn{min-width:44px;min-height:44px}.access-order-panel{margin-bottom:20px}.access-order-result:empty{display:none}@media(max-width:650px){.access-order-settings{grid-template-columns:1fr}.access-order-row{padding:8px;gap:6px}}
.console-nav-group{padding:10px 12px 3px;font-size:12px;font-weight:700;color:#718477;letter-spacing:.02em}.console-nav-group:first-child{padding-top:0}.shell .side-nav button{min-height:32px;padding-top:5px;padding-bottom:5px}.shell .side-nav{gap:2px}
@media(min-width:760px){#modal:has(#resource-form){width:min(900px,calc(100vw - 48px));max-width:900px}#resource-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}#resource-form>.field{margin:0;min-width:0}#resource-form>.row,#resource-form>.notice,#resource-form>.muted,#resource-form>.form-actions,#resource-form>.form-error,#resource-form>div:not(.field){grid-column:1/-1}#modal .dialog-desc{margin-bottom:14px}#resource-form .field input,#resource-form .field select{min-height:40px}}

/* Keep each copy action immediately after its DNS text. */
.domain-record-data .domain-copy-field{justify-content:flex-start;flex-wrap:wrap;gap:6px 8px}
.domain-card .domain-dns-record .domain-copy-field code{flex:0 1 auto;width:auto;max-width:100%;min-width:0}
.domain-record-data .domain-copy-field .btn{margin:0;flex:0 0 auto}

@media(min-width:761px){
 .shell .sidebar.sidebar{padding:14px 12px;overflow-y:visible;height:auto;min-height:100dvh}
 .shell .sidebar .workspace{margin:10px 0;padding:8px 10px}
 .shell .sidebar .side-nav{gap:0}
 .shell .sidebar .admin-nav-group{gap:0}
 .shell .sidebar .side-nav button{height:30px;min-height:30px;padding:4px 10px;line-height:20px;font-size:14px}
 .shell .sidebar .console-nav-group,.shell .sidebar .admin-nav-group h2{margin:0;padding:7px 10px 3px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:0;color:#607b6a}
 .shell .sidebar-bottom{padding-top:7px}.shell .side-label{margin-bottom:2px;padding-block:2px}
 #modal:has(#pool-form){width:min(960px,calc(100vw - 48px));max-width:960px}
}
@media(min-width:761px) and (max-height:900px){
 .shell .sidebar.sidebar{padding-block:10px}.shell .sidebar .side-nav button{height:28px;min-height:28px;padding-block:3px}
 .shell .sidebar .console-nav-group,.shell .sidebar .admin-nav-group h2{padding-block:4px 1px}
 .shell .sidebar .workspace{margin:7px 0;padding-block:6px}
}
#pool-form .pool-member{margin:10px 0;padding:10px 14px;border-radius:10px}
#pool-form .pool-member-grid{display:grid;grid-template-columns:var(--pool-columns,minmax(150px,1fr) 110px);gap:12px;align-items:end}
#pool-form .pool-member-grid>.row{display:contents}
#pool-form .pool-member-grid .field{margin:0;min-width:0;font-size:13px}
#pool-form .pool-member-grid input,#pool-form .pool-member-grid select{min-height:40px;padding-block:8px}
#pool-form [data-pool-setting][hidden]{display:none!important}
#pool-form .pool-mode-note{font-size:13px;line-height:1.7;margin:10px 0;color:#5d7466}
@media(max-width:650px){#pool-form .pool-member-grid{grid-template-columns:minmax(0,1fr) 90px!important}#pool-form [data-pool-setting=countries]{grid-column:1/-1}#pool-form .pool-member-grid input,#pool-form .pool-member-grid select{min-height:44px}}

.pool-setup-help{margin:8px 0;font-size:13px;color:#496b57}.pool-setup-help summary{cursor:pointer;min-height:32px;padding:6px 10px;background:#eff5f1;border-radius:8px}.pool-setup-help .target-help{margin:8px 0}

@media(min-width:761px){.shell .sidebar.sidebar{height:100dvh;min-height:0;flex-shrink:0}}

@media(min-width:761px){body:has(.shell)>.language-bar{position:sticky;top:0;z-index:20}.shell .sidebar.sidebar{top:45px;height:calc(100dvh - 45px);min-height:0}}

@media(min-width:761px) and (max-height:900px){.shell .sidebar .console-nav-group,.shell .sidebar .admin-nav-group h2{padding:1px 10px 0;line-height:16px}}