/* ID UI V2 — page canonicalization R2.3-R8
   2026-09-14. Loaded after ui-v2.css/service-v2.css. */

/* ---------- Email detail ---------- */
body.idkd-body.idkd-page-service .email-manager{display:block!important;margin:0!important}
body.idkd-body.idkd-page-service .email-manager-main{min-width:0!important}
body.idkd-body.idkd-page-service .email-toolbar{display:grid!important;grid-template-columns:minmax(220px,.7fr) minmax(260px,1.2fr) auto!important;gap:8px!important;align-items:center!important;padding:10px 11px!important;margin:0 0 8px!important;border:1px solid var(--idv2-line,#e4e7ec)!important;border-radius:10px!important;background:#fff!important;box-shadow:var(--idv2-shadow,0 1px 3px rgba(16,24,40,.05))!important}
body.idkd-body.idkd-page-service .email-toolbar>select[data-email-domain]{display:none!important}
body.idkd-body.idkd-page-service .email-toolbar h2{margin:0!important;font-size:16px!important;line-height:1.25!important;color:#101828!important}
body.idkd-body.idkd-page-service .email-toolbar .subtle{font-size:11px!important}
body.idkd-body.idkd-page-service .email-toolbar .email-search{min-width:0!important}
body.idkd-body.idkd-page-service .email-toolbar :where(input,button){min-height:36px!important;height:36px!important;font-size:12.5px!important}
body.idkd-body.idkd-page-service .email-manager-alert{margin:0 0 8px!important;padding:9px 11px!important;font-size:12px!important}

body.idkd-body.idkd-page-service .email-health-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 8px;scroll-margin-top:12px}
body.idkd-body.idkd-page-service .email-health-grid>div{min-height:82px;padding:10px 11px;border:1px solid #e5eaf0;border-radius:10px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);box-shadow:0 1px 2px rgba(16,24,40,.025);display:flex;flex-direction:column;justify-content:center;min-width:0}
body.idkd-body.idkd-page-service .email-health-grid span{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.035em;color:#667085}
body.idkd-body.idkd-page-service .email-health-grid b{margin:4px 0 2px;font-size:17px;line-height:1.2;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.idkd-body.idkd-page-service .email-health-grid small{font-size:10.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body.idkd-body.idkd-page-service .email-feature-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 8px!important}
body.idkd-body.idkd-page-service .email-feature-group{scroll-margin-top:12px;min-width:0;padding:10px;border:1px solid #e4e9ef;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025)}
body.idkd-body.idkd-page-service .email-feature-group-head{display:flex;align-items:center;gap:8px;min-height:34px;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #eef1f5}
body.idkd-body.idkd-page-service .email-feature-group-head>.ui-icon{width:30px!important;height:30px!important;padding:7px!important;border-radius:8px!important;background:#eef5ff!important;color:#1265cc!important;flex:0 0 30px!important}
body.idkd-body.idkd-page-service .email-feature-group-head span{min-width:0;display:grid;gap:1px}
body.idkd-body.idkd-page-service .email-feature-group-head b{font-size:12.5px!important;line-height:1.2!important;color:#101828!important}
body.idkd-body.idkd-page-service .email-feature-group-head small{font-size:10px!important;color:#667085!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.idkd-body.idkd-page-service .email-feature-items{display:grid;gap:5px}
body.idkd-body.idkd-page-service .email-feature-card{min-height:44px!important;padding:6px 7px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;border:1px solid #edf0f4!important;border-radius:8px!important;background:#fbfcfe!important;text-align:left!important;box-shadow:none!important}
body.idkd-body.idkd-page-service .email-feature-card:hover{border-color:#bdd7f7!important;background:#f5f9ff!important}
body.idkd-body.idkd-page-service .email-feature-card>.ui-icon{width:24px!important;height:24px!important;padding:5px!important;border-radius:7px!important;background:#f2f4f7!important;color:#475467!important}
body.idkd-body.idkd-page-service .email-feature-card span{min-width:0!important;display:grid!important;gap:1px!important}
body.idkd-body.idkd-page-service .email-feature-card b{font-size:11.5px!important;line-height:1.15!important;color:#344054!important}
body.idkd-body.idkd-page-service .email-feature-card small{font-size:9.5px!important;line-height:1.2!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.idkd-body.idkd-page-service .email-feature-card em{margin:0!important;padding:3px 6px!important;font-size:9.5px!important;font-style:normal!important;border-radius:999px!important;background:#f2f4f7!important;color:#475467!important;white-space:nowrap!important}

body.idkd-body.idkd-page-service .email-mailboxes{scroll-margin-top:12px;padding:13px!important;margin:0 0 8px!important}
body.idkd-body.idkd-page-service .email-mailboxes .panel-header{margin-bottom:8px!important}
body.idkd-body.idkd-page-service .email-mailboxes .panel-header h2{font-size:15px!important}
body.idkd-body.idkd-page-service .email-mailboxes .panel-header .subtle{font-size:11px!important}
body.idkd-body.idkd-page-service .email-mailboxes .primary-button{min-height:36px!important;height:36px!important;font-size:12px!important}
body.idkd-body.idkd-page-service .email-skeleton{padding:18px!important;font-size:12px!important}
body.idkd-body.idkd-page-service .email-mailbox-table th{font-size:10.5px!important;padding:8px 9px!important}
body.idkd-body.idkd-page-service .email-mailbox-table td{font-size:12px!important;padding:8px 9px!important}
body.idkd-body.idkd-page-service .email-mailbox-table td small{font-size:10px!important}
body.idkd-body.idkd-page-service .email-row-actions :where(button,a){min-height:32px!important;height:32px!important;font-size:10.5px!important}

body.idkd-body.idkd-page-service .email-manager-overview{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important}
body.idkd-body.idkd-page-service .email-manager-overview .email-dns-panel{grid-column:1/-1!important;scroll-margin-top:12px}
body.idkd-body.idkd-page-service .email-manager-overview .panel{padding:12px!important;margin:0!important;border-radius:10px!important}
body.idkd-body.idkd-page-service .email-manager-overview .panel-header{margin-bottom:8px!important}
body.idkd-body.idkd-page-service .email-manager-overview .panel-header h2{font-size:14px!important}
body.idkd-body.idkd-page-service .email-manager-overview .detail-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
body.idkd-body.idkd-page-service .email-manager-overview .detail-grid.compact>div{min-height:52px!important;padding:7px 8px!important}
body.idkd-body.idkd-page-service .email-manager-overview .detail-grid.compact span{font-size:9.5px!important}
body.idkd-body.idkd-page-service .email-manager-overview .detail-grid.compact b{font-size:11px!important}
body.idkd-body.idkd-page-service .resource-meter{padding:6px 0!important}
body.idkd-body.idkd-page-service .resource-meter-head{font-size:11px!important}
body.idkd-body.idkd-page-service .resource-meter-bar{height:6px!important}
body.idkd-body.idkd-page-service .email-dns-status{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;margin:0!important}
body.idkd-body.idkd-page-service .email-dns-record{padding:8px!important;border:1px solid #e7ebf0!important;border-radius:9px!important;background:#fbfcfe!important;min-width:0!important}
body.idkd-body.idkd-page-service .email-dns-row{font-size:11px!important;min-height:24px!important}
body.idkd-body.idkd-page-service .email-dns-value{display:block!important;margin-top:4px!important;min-width:0!important}
body.idkd-body.idkd-page-service .email-dns-value>span{display:block!important;margin-bottom:3px!important;font-size:9px!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.idkd-body.idkd-page-service .email-dns-value code{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;padding:4px 5px!important}
body.idkd-body.idkd-page-service .dns-badge{font-size:9.5px!important;padding:3px 6px!important}

/* ---------- VPS detail ---------- */
body.idkd-body.idkd-page-service .vps-health-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 8px;scroll-margin-top:12px}
body.idkd-body.idkd-page-service .vps-health-grid>div{min-height:82px;padding:10px 11px;border:1px solid #e5eaf0;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025);display:flex;flex-direction:column;justify-content:center;min-width:0}
body.idkd-body.idkd-page-service .vps-health-grid span{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.035em;color:#667085}
body.idkd-body.idkd-page-service .vps-health-grid b{margin:4px 0 2px;font-size:15px;line-height:1.2;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.idkd-body.idkd-page-service .vps-health-grid small{font-size:10px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.idkd-body.idkd-page-service .vps-placeholder{color:#98a2b3!important;font-weight:650!important}

/* ---------- Domain detail ---------- */
body.idkd-body.idkd-page-domain .page-content{padding-top:10px!important}
body.idkd-body.idkd-page-domain .detail-hero{padding:14px 16px!important;margin-bottom:8px!important;border-radius:12px!important}
body.idkd-body.idkd-page-domain .detail-hero h1{font-size:23px!important}
body.idkd-body.idkd-page-domain .domain-context-tabs{display:flex;gap:3px;min-height:46px;margin:0 0 8px;padding:5px;border:1px solid var(--idv2-line,#e4e7ec);border-radius:10px;background:#fff;overflow-x:auto;white-space:nowrap}
body.idkd-body.idkd-page-domain .domain-context-tabs a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border-radius:7px;text-decoration:none;color:#475467;font-size:12px;font-weight:700}
body.idkd-body.idkd-page-domain .domain-context-tabs a:hover,body.idkd-body.idkd-page-domain .domain-context-tabs a.active{background:#eef5ff;color:#1265cc}
body.idkd-body.idkd-page-domain .domain-context-tabs .ui-icon{width:15px!important;height:15px!important}
body.idkd-body.idkd-page-domain .domain-renew-alert{margin-bottom:8px!important}
body.idkd-body.idkd-page-domain .domain-lifecycle-panel{scroll-margin-top:12px;padding:13px!important}
body.idkd-body.idkd-page-domain .domain-lifecycle-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
body.idkd-body.idkd-page-domain .domain-lifecycle-steps>div{min-height:86px!important;padding:10px!important;border:1px solid #e5eaf0!important;border-radius:9px!important;background:#fbfcfe!important}
body.idkd-body.idkd-page-domain .domain-lifecycle-steps>div.is-current{border-color:#9ec5f8!important;background:#eef5ff!important;box-shadow:inset 0 0 0 1px #d6e7fb!important}
body.idkd-body.idkd-page-domain .domain-lifecycle-steps>div.is-danger{border-color:#f5c7c2!important;background:#fff4f2!important}
body.idkd-body.idkd-page-domain .domain-lifecycle-steps b{font-size:12px!important}
body.idkd-body.idkd-page-domain .domain-lifecycle-steps small{font-size:10.5px!important;line-height:1.35!important}
body.idkd-body.idkd-page-domain #domain-overview,body.idkd-body.idkd-page-domain #domain-nameservers,body.idkd-body.idkd-page-domain #domain-actions,body.idkd-body.idkd-page-domain #domain-dns-records,body.idkd-body.idkd-page-domain #domain-invoices{scroll-margin-top:12px}
body.idkd-body.idkd-page-domain .dns-embed-panel{padding:12px!important}
body.idkd-body.idkd-page-domain .dns-embed-frame-wrap{height:min(72vh,760px)!important;border:1px solid #e4e7ec!important;border-radius:9px!important;overflow:hidden!important;background:#fff!important}
body.idkd-body.idkd-page-domain .dns-embed-frame{width:100%!important;height:100%!important;border:0!important}
body.idkd-body.idkd-page-domain #domain-actions .function-icon-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}

/* ---------- Invoice / payment ---------- */
body.idkd-body.idkd-page-invoice .invoice-detail-layout{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body.idkd-body.idkd-page-invoice .invoice-detail-main{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important}
body.idkd-body.idkd-page-invoice .invoice-native-payment{order:-20!important;padding:14px!important;margin:0!important;border:1px solid #dbe8f8!important;border-radius:12px!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;box-shadow:0 4px 18px rgba(18,101,204,.06)!important}
body.idkd-body.idkd-page-invoice .invoice-items-panel{order:0!important;margin:0!important}
body.idkd-body.idkd-page-invoice .invoice-transactions-panel{order:10!important;margin:0!important}
body.idkd-body.idkd-page-invoice .invoice-summary-panel{order:-30!important;display:grid!important;grid-template-columns:minmax(220px,.9fr) repeat(4,minmax(150px,1fr)) auto!important;gap:8px!important;align-items:stretch!important;padding:11px!important;margin:0!important;position:static!important;max-width:none!important;width:100%!important}
body.idkd-body.idkd-page-invoice .invoice-summary-panel>.invoice-total-line{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:9px 10px!important;border-radius:9px!important;background:#f7f9fc!important;min-width:0!important}
body.idkd-body.idkd-page-invoice .invoice-summary-panel>.invoice-summary-list{display:contents!important}
body.idkd-body.idkd-page-invoice .invoice-summary-list>div{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;padding:8px 9px!important;border:1px solid #eef1f5!important;border-radius:8px!important;background:#fff!important;min-width:0!important}
body.idkd-body.idkd-page-invoice .invoice-summary-list>div>span:first-child{font-size:9.5px!important;text-transform:uppercase!important;color:#667085!important}
body.idkd-body.idkd-page-invoice .invoice-summary-panel>.invoice-payment-state,body.idkd-body.idkd-page-invoice .invoice-summary-panel>.invoice-paid-note{grid-column:1/-1!important;margin:0!important}
body.idkd-body.idkd-page-invoice .invoice-summary-panel>.primary-button.full,body.idkd-body.idkd-page-invoice .invoice-summary-panel>.secondary-button.full,body.idkd-body.idkd-page-invoice .invoice-summary-panel>.invoice-support-link{width:auto!important;justify-self:start!important}
body.idkd-body.idkd-page-invoice .invoice-gateway-render img{max-width:min(360px,100%)!important;height:auto!important}
body.idkd-body.idkd-page-invoice .invoice-payment-watch{margin-top:10px!important}
body.idkd-body.idkd-page-invoice .invoice-vat-sheet{padding:14px!important}

/* ---------- Deposit ---------- */
body.idkd-body.idkd-page-deposit .deposit-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr)!important;gap:10px!important}
body.idkd-body.idkd-page-deposit .deposit-main,body.idkd-body.idkd-page-deposit .deposit-side{padding:14px!important}
body.idkd-body.idkd-page-deposit .deposit-presets{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
body.idkd-body.idkd-page-deposit .deposit-presets button{min-height:38px!important}
body.idkd-body.idkd-page-deposit .deposit-submit{min-height:42px!important}

/* ---------- Ticket ---------- */
body.idkd-body.idkd-page-tickets .data-table[data-table="tickets"] td:nth-child(2){font-weight:700;color:#101828}
body.idkd-body.idkd-page-ticket .ticket-thread{padding:14px!important;display:grid!important;gap:10px!important;background:#f8fafc!important}
body.idkd-body.idkd-page-ticket .ticket-message{max-width:min(900px,88%)!important;padding:11px 13px!important;border:1px solid #e4e7ec!important;border-radius:12px!important;background:#fff!important;line-height:1.55!important;color:#344054!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important}
body.idkd-body.idkd-page-ticket .ticket-message.admin-reply{margin-left:auto!important;background:#eef5ff!important;border-color:#d6e7fb!important}
body.idkd-body.idkd-page-ticket .ticket-message small{display:block!important;margin-bottom:5px!important;font-size:10.5px!important;color:#667085!important}
body.idkd-body.idkd-page-ticket .ticket-reply-panel{position:sticky!important;bottom:8px!important;z-index:5!important;padding:13px!important;box-shadow:0 12px 30px rgba(16,24,40,.10)!important}
body.idkd-body.idkd-page-ticket .ticket-compose textarea{min-height:130px!important;font-size:14px!important}
body.idkd-body.idkd-page-ticket-new .ticket-create-panel{max-width:1050px;margin-inline:auto!important;padding:16px!important}

/* ---------- Account ---------- */
body.idkd-body.idkd-page-account .account-layout{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body.idkd-body.idkd-page-account .account-profile-panel{padding:14px!important}
body.idkd-body.idkd-page-account .account-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
body.idkd-body.idkd-page-account .account-facts>div{min-height:62px!important;padding:9px 10px!important}
body.idkd-body.idkd-page-account .account-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
body.idkd-body.idkd-page-account .account-action{min-height:92px!important;padding:11px!important;border:1px solid #e4e7ec!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important}

/* ---------- Order ---------- */
body.idkd-body.idkd-page-order .order-hero{padding:15px 16px!important;margin-bottom:9px!important}
body.idkd-body.idkd-page-order .order-hero h1{font-size:23px!important;line-height:1.2!important}
body.idkd-body.idkd-page-order .order-capability-strip{margin-bottom:9px!important}
body.idkd-body.idkd-page-order .order-ai-builder{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)!important;gap:10px!important;padding:11px!important;margin-bottom:9px!important;border-radius:10px!important}
body.idkd-body.idkd-page-order .order-ai-intro{padding:0!important}
body.idkd-body.idkd-page-order .order-ai-builder-head small{font-size:10.5px!important}
body.idkd-body.idkd-page-order .order-ai-capabilities{display:none!important}
body.idkd-body.idkd-page-order .order-ai-builder-body{padding:0!important}
body.idkd-body.idkd-page-order .order-ai-builder-body textarea{min-height:88px!important;max-height:130px!important}
body.idkd-body.idkd-page-order .order-ai-result-panel{padding:9px!important;min-height:0!important}
body.idkd-body.idkd-page-order .order-toolbar{padding:8px!important}

/* ---------- Responsive ---------- */
@media(max-width:1200px){
  body.idkd-body.idkd-page-service .email-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.idkd-body.idkd-page-service .email-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.idkd-body.idkd-page-service .vps-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.idkd-body.idkd-page-domain #domain-actions .function-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.idkd-body.idkd-page-invoice .invoice-summary-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.idkd-body.idkd-page-account .account-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.idkd-body.idkd-page-service .email-toolbar{grid-template-columns:1fr auto!important}
  body.idkd-body.idkd-page-service .email-toolbar>div:first-child{grid-column:1/-1!important}
  body.idkd-body.idkd-page-service .email-search{grid-column:1/-1!important}
  body.idkd-body.idkd-page-service .email-manager-overview{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-service .email-manager-overview .email-dns-panel{grid-column:auto!important}
  body.idkd-body.idkd-page-service .email-dns-status{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.idkd-body.idkd-page-domain .domain-lifecycle-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.idkd-body.idkd-page-invoice .invoice-summary-panel{grid-template-columns:1fr 1fr!important}
  body.idkd-body.idkd-page-deposit .deposit-layout{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-order .order-ai-builder{grid-template-columns:1fr!important}
}
@media(max-width:767px){
  body.idkd-body.idkd-page-service .email-health-grid,body.idkd-body.idkd-page-service .vps-health-grid{grid-template-columns:1fr 1fr!important}
  body.idkd-body.idkd-page-service .email-health-grid>div,body.idkd-body.idkd-page-service .vps-health-grid>div{min-height:74px!important}
  body.idkd-body.idkd-page-service .email-feature-grid{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-service .email-manager-overview .detail-grid.compact{grid-template-columns:1fr 1fr!important}
  body.idkd-body.idkd-page-domain .domain-context-tabs a{min-height:40px!important}
  body.idkd-body.idkd-page-domain #domain-actions .function-icon-grid{grid-template-columns:1fr 1fr!important}
  body.idkd-body.idkd-page-domain .dns-embed-frame-wrap{height:70vh!important}
  body.idkd-body.idkd-page-invoice .invoice-summary-panel{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-ticket .ticket-message{max-width:96%!important}
  body.idkd-body.idkd-page-ticket .ticket-reply-panel{position:static!important}
  body.idkd-body.idkd-page-account .account-facts,body.idkd-body.idkd-page-account .account-actions{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  body.idkd-body.idkd-page-service .email-health-grid,body.idkd-body.idkd-page-service .vps-health-grid{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-service .email-dns-status{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-domain .domain-lifecycle-steps,body.idkd-body.idkd-page-domain #domain-actions .function-icon-grid{grid-template-columns:1fr!important}
}