/* SIEUTOCVIET Order Experience — 2026-09-09
 * Canonical order UI for /order/ and /order/<slug>/.
 * Keep order-specific overrides here instead of adding more layers to idkd.css.
 */
body.idkd-body.idkd-page-order{--order-blue:#1769d2;--order-blue-2:#0f58b8;--order-ink:#172033;--order-muted:#667085;--order-line:#e2e8f0;--order-soft:#f7f9fc;--order-soft-blue:#f4f8ff;--order-green:#087443;--order-warn:#b54708}
body.idkd-body.idkd-page-order .page-content{max-width:none!important;width:100%!important}
body.idkd-body.idkd-page-order .order-workspace{gap:12px!important}

/* ---------- AI Zalo intake ---------- */
body.idkd-body.idkd-page-order .order-ai-builder{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(390px,1.35fr) minmax(280px,.78fr);gap:14px;align-items:stretch;margin:0 0 14px;padding:18px;border:1px solid #cfe0f7;border-radius:16px;background:linear-gradient(135deg,#f7fbff 0%,#fff 58%,#f3fbf8 100%);box-shadow:0 8px 28px rgba(15,23,42,.055)}
body.idkd-body.idkd-page-order .order-ai-intro{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-width:0}
body.idkd-body.idkd-page-order .order-ai-builder-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start}
body.idkd-body.idkd-page-order .order-ai-orb{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#e8f2ff,#fff);border:1px solid #cbdff9;box-shadow:0 8px 18px rgba(23,105,210,.10)}
body.idkd-body.idkd-page-order .order-ai-orb .ui-icon{width:26px;height:26px;color:var(--order-blue)}
body.idkd-body.idkd-page-order .order-ai-builder-head>div{display:grid;gap:5px;min-width:0}
body.idkd-body.idkd-page-order .order-ai-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
body.idkd-body.idkd-page-order .order-ai-title-row>b{font-size:17px;letter-spacing:-.015em;color:#123a78}
body.idkd-body.idkd-page-order .order-ai-title-row>span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid #c8ddf8;border-radius:999px;background:#eef5ff;color:#175cd3;font-size:10px;font-weight:800}
body.idkd-body.idkd-page-order .order-ai-builder-head small{font-size:11.5px;line-height:1.52;color:var(--order-muted)}
body.idkd-body.idkd-page-order .order-ai-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body.idkd-body.idkd-page-order .order-ai-capabilities>span{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 7px;padding:8px;border:1px solid #e4eaf2;border-radius:9px;background:rgba(255,255,255,.76)}
body.idkd-body.idkd-page-order .order-ai-capabilities .ui-icon{grid-row:1/3;width:22px;height:22px;padding:4px;border-radius:6px;background:#eef5ff;color:var(--order-blue)}
body.idkd-body.idkd-page-order .order-ai-capabilities b{font-size:10px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.idkd-body.idkd-page-order .order-ai-capabilities small{font-size:9px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.idkd-body.idkd-page-order .order-ai-builder-body{display:grid;align-content:start;gap:8px;min-width:0}
body.idkd-body.idkd-page-order .order-ai-input-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
body.idkd-body.idkd-page-order .order-ai-input-label>span{font-size:11.5px;font-weight:800;color:#344054}
body.idkd-body.idkd-page-order .order-ai-input-label>small{font-size:9.75px;color:#98a2b3}
body.idkd-body.idkd-page-order .order-ai-builder-body textarea{display:block;width:100%;min-height:118px;max-height:220px;resize:vertical;padding:11px 12px;border:1px solid #cad6e5;border-radius:10px;background:#fff;color:#101828;font:inherit;font-size:12.5px;line-height:1.52;outline:0;transition:.15s ease}
body.idkd-body.idkd-page-order .order-ai-builder-body textarea:hover{border-color:#b8c8dc}
body.idkd-body.idkd-page-order .order-ai-builder-body textarea:focus{border-color:#78a6eb;box-shadow:0 0 0 3px rgba(23,105,210,.10)}
body.idkd-body.idkd-page-order .order-ai-builder-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.idkd-body.idkd-page-order .order-ai-builder-actions>span{display:flex;align-items:center;gap:9px;min-width:0;color:#98a2b3;font-size:9.75px}
body.idkd-body.idkd-page-order .order-ai-builder-actions small{white-space:nowrap}
body.idkd-body.idkd-page-order .order-ai-example{padding:0;border:0;background:transparent;color:#175cd3;font:inherit;font-size:10.5px;font-weight:750;cursor:pointer}
body.idkd-body.idkd-page-order .order-ai-builder-actions .primary-button{min-height:39px!important;padding-inline:14px!important;border-radius:9px!important;font-size:11.5px!important;white-space:nowrap}
body.idkd-body.idkd-page-order .order-ai-status{min-height:18px;font-size:9.75px;line-height:1.45;color:#667085}
body.idkd-body.idkd-page-order .order-ai-result-panel{min-width:0;padding:11px;border:1px solid #d8eae2;border-radius:12px;background:rgba(248,255,251,.9)}
body.idkd-body.idkd-page-order .order-ai-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px 8px;border-bottom:1px solid #e5eee9}
body.idkd-body.idkd-page-order .order-ai-result-head>span{font-size:12px;font-weight:800;color:#17633f}
body.idkd-body.idkd-page-order .order-ai-result-head>small{font-size:9px;color:#7b9488}
body.idkd-body.idkd-page-order .order-ai-empty{min-height:118px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;color:#667085;padding:12px}
body.idkd-body.idkd-page-order .order-ai-empty[hidden]{display:none!important}
body.idkd-body.idkd-page-order .order-ai-empty>.ui-icon{width:28px;height:28px;padding:6px;border-radius:8px;background:#eef7f2;color:#087443}
body.idkd-body.idkd-page-order .order-ai-empty>b{font-size:11px;color:#475467}
body.idkd-body.idkd-page-order .order-ai-empty>small{max-width:250px;font-size:9.5px;line-height:1.45;color:#98a2b3}
body.idkd-body.idkd-page-order .order-ai-result{display:grid;gap:8px;padding-top:8px;background:transparent;border:0;border-radius:0}
body.idkd-body.idkd-page-order .order-ai-result[hidden]{display:none!important}
body.idkd-body.idkd-page-order .order-ai-result-summary{display:grid;gap:0;border:1px solid #e3ece7;border-radius:9px;overflow:hidden;background:#fff}
body.idkd-body.idkd-page-order .order-ai-result-summary>div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:9px;padding:7px 8px;border-bottom:1px solid #edf1ef}
body.idkd-body.idkd-page-order .order-ai-result-summary>div:last-child{border-bottom:0}
body.idkd-body.idkd-page-order .order-ai-result-summary span{font-size:9.5px;color:#667085}
body.idkd-body.idkd-page-order .order-ai-result-summary b{font-size:10.5px;color:#344054;overflow-wrap:anywhere}
body.idkd-body.idkd-page-order .order-ai-result-summary .warning{background:#fffaf0}.order-ai-result-summary .warning b{color:#b54708}
body.idkd-body.idkd-page-order .order-ai-result-summary .complete{background:#f5fbf7}.order-ai-result-summary .complete b{color:#087443}
body.idkd-body.idkd-page-order .order-ai-result>p{margin:0;padding:0 2px;font-size:9.75px;line-height:1.45;color:#667085}
body.idkd-body.idkd-page-order .order-ai-result>.primary-button{width:100%;min-height:34px!important;font-size:10.5px!important}

/* ---------- Detail frame ---------- */
body.idkd-body.idkd-page-order .order-inline-page{width:100%!important;min-height:auto!important;padding:2px 0 26px!important;background:transparent!important}
body.idkd-body.idkd-page-order .order-inline-page .order-modal,body.idkd-body.idkd-page-order .order-inline-page .order-domain-modal{position:relative!important;inset:auto!important;width:min(100%,1250px)!important;max-width:1250px!important;max-height:none!important;min-height:0!important;margin:0 auto!important;padding:0!important;overflow:visible!important;border:1px solid #dfe5ec!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important;transform:none!important}
body.idkd-body.idkd-page-order .order-detail-breadcrumb{display:flex;align-items:center;gap:7px;padding:11px 16px 0;color:#98a2b3;font-size:10px}
body.idkd-body.idkd-page-order .order-detail-breadcrumb i{font-style:normal;color:#c6ccd5}.order-detail-breadcrumb b{color:#475467;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.idkd-body.idkd-page-order .order-inline-back{position:relative!important;top:auto!important;z-index:3!important;min-height:34px!important;margin:9px 16px 0!important;padding:0 10px!important;border:1px solid #dfe5ec!important;border-radius:8px!important;background:#fff!important;color:#475467!important;font-size:10.5px!important;font-weight:750!important;box-shadow:none!important}

/* ---------- 3-step process ---------- */
body.idkd-body.idkd-page-order .order-inline-page .order-modal-progress{position:relative!important;top:auto!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:10px 16px 0!important;border:0!important;background:transparent!important;backdrop-filter:none!important}
body.idkd-body.idkd-page-order .order-modal-progress>span{position:relative;display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:8px 18px 8px 0!important;border:0!important;background:transparent!important;text-align:left!important;color:#98a2b3!important}
body.idkd-body.idkd-page-order .order-modal-progress>span:after{content:"";position:absolute;left:34px;right:0;top:25px;height:1px;background:#e2e8f0;transform:translateX(18px)}
body.idkd-body.idkd-page-order .order-modal-progress>span:last-child:after{display:none}
body.idkd-body.idkd-page-order .order-modal-progress>span>b{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:1px solid #d7dee8;border-radius:50%;background:#fff;color:#667085;font-size:11px}
body.idkd-body.idkd-page-order .order-modal-progress>span>em{position:relative;z-index:1;display:grid;gap:1px;font-style:normal;font-size:11px;font-weight:800;color:#475467;background:#fff;width:max-content;padding-right:8px}
body.idkd-body.idkd-page-order .order-modal-progress>span>em>small{font-size:9px;font-weight:500;color:#98a2b3}
body.idkd-body.idkd-page-order .order-modal-progress>span.done>b{border-color:#b7e4cc;background:#ecfdf3;color:#087443}
body.idkd-body.idkd-page-order .order-modal-progress>span.active>b{border-color:#1769d2;background:#1769d2;color:#fff;box-shadow:0 0 0 4px #edf4ff}
body.idkd-body.idkd-page-order .order-modal-progress>span.active>em{color:#175cd3}

/* ---------- Product head ---------- */
body.idkd-body.idkd-page-order .order-inline-page .order-modal-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px!important;margin-top:4px;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#fcfdff)}
body.idkd-body.idkd-page-order .order-product-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#edf4ff;color:#175cd3}
body.idkd-body.idkd-page-order .order-product-icon .ui-icon{width:25px;height:25px}
body.idkd-body.idkd-page-order .order-product-copy{min-width:0}.order-product-copy .order-modal-group{margin:0 0 3px!important;font-size:9px!important}.order-product-copy h2{margin:0!important;font-size:20px!important;line-height:1.2!important;letter-spacing:-.02em!important;color:#172033}.order-product-copy p{margin:3px 0 0!important;max-width:620px;font-size:10.5px!important;line-height:1.45!important;color:#667085;white-space:normal}
body.idkd-body.idkd-page-order .order-product-benefits{display:flex;align-items:center;gap:7px}
body.idkd-body.idkd-page-order .order-product-benefits>span{display:grid;grid-template-columns:25px auto;grid-template-rows:auto auto;align-items:center;gap:0 6px;min-width:102px;padding:7px 8px;border:1px solid #e7ebf1;border-radius:9px;background:#fff}
body.idkd-body.idkd-page-order .order-product-benefits .ui-icon{grid-row:1/3;width:23px;height:23px;padding:5px;border-radius:7px;background:#f1f6ff;color:#175cd3}.order-product-benefits b{font-size:9.5px;color:#344054}.order-product-benefits small{font-size:8.5px;color:#98a2b3}

/* ---------- Main layout ---------- */
body.idkd-body.idkd-page-order .order-inline-page .order-modal form{display:grid!important;gap:0!important;padding:0 18px 20px!important}
body.idkd-body.idkd-page-order .order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:16px;align-items:start;padding-top:16px}
body.idkd-body.idkd-page-order .order-detail-main{min-width:0;display:grid;gap:10px}
body.idkd-body.idkd-page-order .order-config-flow{display:grid;gap:10px}
body.idkd-body.idkd-page-order .order-section-card,body.idkd-body.idkd-page-order .order-guest-section{padding:13px!important;border:1px solid #e3e8ef!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
body.idkd-body.idkd-page-order .order-progressive-hidden{display:none!important}
body.idkd-body.idkd-page-order .order-modal [data-order-flow]:not(.order-progressive-hidden){animation:orderReveal .18s ease both}
@keyframes orderReveal{from{opacity:.15;transform:translateY(-4px)}to{opacity:1;transform:none}}
body.idkd-body.idkd-page-order .order-modal-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
body.idkd-body.idkd-page-order .order-modal-section-head>div{display:flex;align-items:center;gap:7px;min-width:0}
body.idkd-body.idkd-page-order .order-section-number{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf4ff;color:#175cd3;font-size:9.5px;font-weight:850;flex:0 0 auto}
body.idkd-body.idkd-page-order .order-modal-section-head b{font-size:12.5px!important;color:#26364d}.order-modal-section-head small{font-size:9.5px!important;color:#98a2b3!important;text-align:right}

/* Payment term cards */
body.idkd-body.idkd-page-order .order-cycle-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:7px!important}
body.idkd-body.idkd-page-order .order-cycle-choice{min-height:70px!important;padding:10px!important;border:1px solid #dfe5ec!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
body.idkd-body.idkd-page-order .order-cycle-choice:hover{border-color:#b5cae8!important;background:#f9fbff!important}
body.idkd-body.idkd-page-order .order-cycle-choice.selected{border-color:#5f9cf1!important;background:#f4f8ff!important;box-shadow:0 0 0 1px rgba(23,105,210,.08)!important}
body.idkd-body.idkd-page-order .order-cycle-choice b{font-size:11.5px!important;color:#344054!important}.order-cycle-choice small{font-size:10px!important;color:#667085!important;line-height:1.35}.order-cycle-choice.selected b{color:#175cd3!important}

/* Domain mode */
body.idkd-body.idkd-page-order .order-domain-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:0!important;border:0!important;background:transparent!important}
body.idkd-body.idkd-page-order .order-domain-tabs button{display:grid;gap:2px;min-height:58px!important;padding:9px 10px!important;border:1px solid #dfe5ec!important;border-radius:9px!important;background:#fff!important;color:#475467!important;text-align:left!important}
body.idkd-body.idkd-page-order .order-domain-tabs button b{font-size:10.5px}.order-domain-tabs button small{font-size:9px;color:#98a2b3;font-weight:500}
body.idkd-body.idkd-page-order .order-domain-tabs button:hover{border-color:#b5c9e5!important;background:#f9fbff!important}.order-domain-tabs button.active{border-color:#6c9fe9!important;background:#f4f8ff!important;color:#175cd3!important;box-shadow:0 0 0 1px rgba(23,105,210,.05)!important}
body.idkd-body.idkd-page-order .order-domain-panel{margin-top:9px;padding:10px;border:1px solid #edf1f5;border-radius:9px;background:#fbfcfe}
body.idkd-body.idkd-page-order .order-domain-tools{display:grid!important;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:8px!important;margin-top:8px}
body.idkd-body.idkd-page-order .order-domain-tools>.secondary-button{min-height:38px!important}
body.idkd-body.idkd-page-order .order-field{gap:4px!important}.order-field>span{font-size:10.5px!important;font-weight:750!important;color:#475467!important}.order-field>span small{font-size:8.75px;color:#98a2b3;font-weight:500}.order-field>small{font-size:9px!important;color:#98a2b3!important}
body.idkd-body.idkd-page-order .order-field input,body.idkd-body.idkd-page-order .order-field select,body.idkd-body.idkd-page-order .order-field textarea,body.idkd-body.idkd-page-order .order-config-row select,body.idkd-body.idkd-page-order .order-config-row input[type=number]{min-height:38px!important;border-radius:8px!important;border-color:#d7dee8!important;font-size:11.5px!important;background:#fff!important}
body.idkd-body.idkd-page-order .order-field input:focus,body.idkd-body.idkd-page-order .order-field select:focus{border-color:#75a4ea!important;box-shadow:0 0 0 3px rgba(23,105,210,.08)!important;outline:0}
body.idkd-body.idkd-page-order .order-domain-status{display:block;margin-top:6px;font-size:9.75px}

/* Guest and payment */
body.idkd-body.idkd-page-order .order-guest-section{border-color:#d7e5f6!important;background:linear-gradient(180deg,#f8fbff,#fff)!important}
body.idkd-body.idkd-page-order .order-guest-grid{gap:7px 9px!important}.order-guest-note{font-size:9.5px!important;color:#667085!important}
body.idkd-body.idkd-page-order .order-gateway-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
body.idkd-body.idkd-page-order .order-gateway-choice{min-height:54px!important;padding:8px 9px!important;border-radius:8px!important}

/* ---------- Sticky summary ---------- */
body.idkd-body.idkd-page-order .order-summary-side{position:sticky;top:76px;display:grid;gap:10px;align-self:start;min-width:0}
body.idkd-body.idkd-page-order .order-summary-card,body.idkd-body.idkd-page-order .order-support-card{border:1px solid #dfe5ec;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.045)}
body.idkd-body.idkd-page-order .order-summary-card{padding:13px}
body.idkd-body.idkd-page-order .order-summary-card-head{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;padding-bottom:10px;border-bottom:1px solid #edf1f5}.order-summary-card-head>.ui-icon{width:26px;height:26px;padding:5px;border-radius:7px;background:#edf4ff;color:#175cd3}.order-summary-card-head>div{display:grid}.order-summary-card-head b{font-size:12.5px;color:#26364d}.order-summary-card-head small{font-size:9px;color:#98a2b3}
body.idkd-body.idkd-page-order .order-summary-product{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1f5}.order-summary-product-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#f0f5ff;color:#175cd3}.order-summary-product-icon .ui-icon{width:21px;height:21px}.order-summary-product>div{display:grid;gap:1px;min-width:0}.order-summary-product b{font-size:12px;color:#1d2939;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-summary-product small{font-size:9.5px;color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.idkd-body.idkd-page-order .order-summary-facts{display:grid;padding:7px 0;border-bottom:1px solid #edf1f5}.order-summary-facts>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:5px 0}.order-summary-facts span{font-size:9.5px;color:#667085}.order-summary-facts b{max-width:58%;text-align:right;font-size:10px;color:#344054;overflow-wrap:anywhere}.order-summary-facts .muted-value{color:#98a2b3!important;font-weight:600}
body.idkd-body.idkd-page-order .order-summary-total{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 10px;padding:11px 0}.order-summary-total>span{font-size:10.5px;font-weight:750;color:#344054}.order-summary-total>strong{font-size:22px;line-height:1;color:#1769d2;letter-spacing:-.025em}.order-summary-total>small{grid-column:1/-1;text-align:right;font-size:8.75px;line-height:1.35;color:#98a2b3}
body.idkd-body.idkd-page-order .order-summary-blocked{padding:8px 9px;border:1px solid #f2d5a7;border-radius:8px;background:#fff9ed;color:#8a5a14;font-size:9.25px;line-height:1.4}.order-summary-blocked[hidden]{display:none!important}
body.idkd-body.idkd-page-order .order-summary-actions{display:grid;gap:6px;margin-top:8px}.order-summary-actions .primary-button,.order-summary-actions .secondary-button{width:100%;min-height:39px!important;font-size:10.5px!important}
body.idkd-body.idkd-page-order .order-support-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:11px}.order-support-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef5ff;color:#175cd3}.order-support-icon .ui-icon{width:18px;height:18px}.order-support-card>div:nth-child(2){display:grid;gap:2px}.order-support-card b{font-size:10.5px;color:#344054}.order-support-card small{font-size:9px;line-height:1.4;color:#667085}.order-support-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.order-support-actions a{min-height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #c9dcf6;border-radius:7px;background:#fff;color:#175cd3;font-size:9.5px;font-weight:750}

/* Review */
body.idkd-body.idkd-page-order .order-review-panel{display:grid;gap:10px!important;min-height:0!important}.order-review-panel[hidden]{display:none!important}.order-review-title h3{font-size:18px!important}.order-review-list>div{padding:7px 8px!important}.order-review-total{padding:10px!important;border-radius:8px;background:#f7faff}.order-confirm-note{padding:9px!important;border-radius:8px!important}
body.idkd-body.idkd-page-order .order-modal>form>output{display:block;margin-top:9px;font-size:10px}

/* Detail-mode cleanup */
body.idkd-body.idkd-page-order.order-detail-mode .order-page-header,body.idkd-body.idkd-page-order.order-detail-mode .order-capability-strip,body.idkd-body.idkd-page-order.order-detail-mode .order-workspace>.order-stepbar,body.idkd-body.idkd-page-order.order-detail-mode .order-workspace>.order-toolbar,body.idkd-body.idkd-page-order.order-detail-mode .order-workspace>.order-empty-search,body.idkd-body.idkd-page-order.order-detail-mode .order-workspace>.order-catalog{display:none!important}
body.idkd-body.idkd-page-order.order-detail-mode .order-workspace{display:block!important}
body.idkd-body.idkd-page-order.order-detail-mode .order-ai-builder{margin-bottom:12px}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
 body.idkd-body.idkd-page-order .order-ai-builder{grid-template-columns:minmax(260px,.85fr) minmax(360px,1.25fr)}
 body.idkd-body.idkd-page-order .order-ai-result-panel{grid-column:1/-1}
 body.idkd-body.idkd-page-order .order-ai-empty{min-height:70px}
 body.idkd-body.idkd-page-order .order-detail-layout{grid-template-columns:minmax(0,1fr) 285px}
 body.idkd-body.idkd-page-order .order-product-benefits{display:none}
}
@media(max-width:930px){
 body.idkd-body.idkd-page-order .order-ai-builder{grid-template-columns:1fr}
 body.idkd-body.idkd-page-order .order-ai-capabilities{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.idkd-body.idkd-page-order .order-detail-layout{grid-template-columns:1fr}
 body.idkd-body.idkd-page-order .order-summary-side{position:static;grid-row:1}
 body.idkd-body.idkd-page-order .order-summary-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:0 14px}
 body.idkd-body.idkd-page-order .order-summary-card-head,body.idkd-body.idkd-page-order .order-summary-product{grid-column:1}
 body.idkd-body.idkd-page-order .order-summary-facts{grid-column:1}.order-summary-total,.order-summary-blocked,.order-summary-actions{grid-column:2}.order-summary-total{grid-row:1/3;align-content:center}.order-summary-blocked{align-self:end}.order-summary-actions{align-self:start}
 body.idkd-body.idkd-page-order .order-support-card{display:none}
}
@media(max-width:767px){
 body.idkd-body.idkd-page-order .app-container{width:calc(100% - 12px)!important;padding-inline:0!important}
 body.idkd-body.idkd-page-order .order-ai-builder{padding:12px;border-radius:12px;gap:10px}
 body.idkd-body.idkd-page-order .order-ai-builder-head{grid-template-columns:42px minmax(0,1fr)}.order-ai-orb{width:42px!important;height:42px!important;border-radius:12px!important}.order-ai-orb .ui-icon{width:21px!important;height:21px!important}.order-ai-title-row>b{font-size:15px!important}
 body.idkd-body.idkd-page-order .order-ai-capabilities{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}.order-ai-capabilities>span{flex:0 0 150px}.order-ai-capabilities::-webkit-scrollbar{display:none}
 body.idkd-body.idkd-page-order .order-ai-builder-body textarea{min-height:118px;font-size:16px!important}
 body.idkd-body.idkd-page-order .order-ai-input-label>small{display:none}.order-ai-builder-actions{align-items:stretch;flex-direction:column}.order-ai-builder-actions>span{justify-content:space-between}.order-ai-builder-actions .primary-button{width:100%;min-height:43px!important}
 body.idkd-body.idkd-page-order .order-inline-page .order-modal,body.idkd-body.idkd-page-order .order-inline-page .order-domain-modal{width:100%!important;max-width:none!important;border-radius:12px!important}
 body.idkd-body.idkd-page-order .order-detail-breadcrumb{padding-inline:11px}.order-inline-back{margin-inline:11px!important}
 body.idkd-body.idkd-page-order .order-inline-page .order-modal-progress{margin:8px 11px 0!important}.order-modal-progress>span{grid-template-columns:28px minmax(0,1fr)!important;gap:6px!important;padding-right:4px!important}.order-modal-progress>span>b{width:28px!important;height:28px!important}.order-modal-progress>span:after{left:28px!important;top:22px!important}.order-modal-progress>span>em{font-size:9.5px!important;padding-right:3px!important}.order-modal-progress>span>em small{display:none}
 body.idkd-body.idkd-page-order .order-inline-page .order-modal-head{grid-template-columns:40px minmax(0,1fr)!important;padding:12px!important}.order-product-icon{width:40px!important;height:40px!important}.order-product-benefits{display:none!important}.order-product-copy h2{font-size:17px!important}.order-product-copy p{font-size:9.75px!important}
 body.idkd-body.idkd-page-order .order-inline-page .order-modal form{padding:0 10px 14px!important}.order-detail-layout{padding-top:10px!important;gap:9px!important}
 body.idkd-body.idkd-page-order .order-summary-card{display:block!important;padding:11px!important}.order-summary-total{display:grid!important}.order-summary-actions{display:grid!important}.order-summary-actions.order-progressive-hidden{display:none!important}
 body.idkd-body.idkd-page-order .order-section-card,body.idkd-body.idkd-page-order .order-guest-section{padding:10px!important;border-radius:9px!important}.order-modal-section-head{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}.order-modal-section-head small{text-align:left!important}
 body.idkd-body.idkd-page-order .order-cycle-grid{grid-template-columns:1fr 1fr!important}.order-cycle-choice{min-height:64px!important}
 body.idkd-body.idkd-page-order .order-domain-tabs{grid-template-columns:1fr!important}.order-domain-tabs button{min-height:48px!important}.order-domain-tools{grid-template-columns:1fr!important}
 body.idkd-body.idkd-page-order .order-gateway-grid{grid-template-columns:1fr!important}
 body.idkd-body.idkd-page-order .order-field input,body.idkd-body.idkd-page-order .order-field select,body.idkd-body.idkd-page-order .order-field textarea{font-size:16px!important}
}
@media(max-width:430px){
 body.idkd-body.idkd-page-order .order-cycle-grid{grid-template-columns:1fr!important}
 body.idkd-body.idkd-page-order .order-ai-result-summary>div{grid-template-columns:82px minmax(0,1fr)}
}
body.idkd-body.idkd-page-order .order-modal.order-review-mode .order-summary-actions{display:none!important}
body.idkd-body.idkd-page-order .order-modal.order-review-mode .order-summary-blocked{display:none!important}

/* ---------- Readability + focus pass v2 — 2026-09-09 ---------- */
body.idkd-body.idkd-page-order .order-workspace{
  width:min(100%,1320px)!important;
  max-width:1320px!important;
  margin-inline:auto!important;
}
body.idkd-body.idkd-page-order .order-inline-page .order-modal,
body.idkd-body.idkd-page-order .order-inline-page .order-domain-modal{
  width:100%!important;
  max-width:1320px!important;
}
body.idkd-body.idkd-page-order .order-ai-builder{
  width:100%!important;
  grid-template-columns:minmax(240px,.72fr) minmax(430px,1.45fr) minmax(300px,.9fr)!important;
  gap:18px!important;
  padding:20px!important;
  margin-bottom:18px!important;
}
body.idkd-body.idkd-page-order.order-detail-mode .order-ai-capabilities{display:none!important}
body.idkd-body.idkd-page-order.order-detail-mode .order-ai-intro{justify-content:flex-start!important}
body.idkd-body.idkd-page-order .order-ai-title-row>b{font-size:20px!important;line-height:1.25!important}
body.idkd-body.idkd-page-order .order-ai-title-row>span{font-size:12px!important;min-height:27px!important;padding-inline:9px!important}
body.idkd-body.idkd-page-order .order-ai-builder-head small{font-size:14px!important;line-height:1.5!important}
body.idkd-body.idkd-page-order .order-ai-input-label>span{font-size:14px!important}
body.idkd-body.idkd-page-order .order-ai-input-label>small{font-size:12px!important}
body.idkd-body.idkd-page-order .order-ai-builder-body textarea{
  min-height:122px!important;
  padding:13px 14px!important;
  font-size:15px!important;
  line-height:1.55!important;
}
body.idkd-body.idkd-page-order .order-ai-example{font-size:13px!important}
body.idkd-body.idkd-page-order .order-ai-builder-actions>span,
body.idkd-body.idkd-page-order .order-ai-status{font-size:12px!important}
body.idkd-body.idkd-page-order .order-ai-builder-actions .primary-button{
  min-height:44px!important;
  padding-inline:18px!important;
  font-size:14px!important;
}
body.idkd-body.idkd-page-order .order-ai-result-panel{padding:14px!important}
body.idkd-body.idkd-page-order .order-ai-result-head>span{font-size:15px!important}
body.idkd-body.idkd-page-order .order-ai-result-head>small{font-size:11px!important}
body.idkd-body.idkd-page-order .order-ai-empty{min-height:124px!important}
body.idkd-body.idkd-page-order .order-ai-empty>b{font-size:14px!important}
body.idkd-body.idkd-page-order .order-ai-empty>small{font-size:12px!important;line-height:1.5!important}
body.idkd-body.idkd-page-order .order-ai-result-summary>div{
  grid-template-columns:105px minmax(0,1fr)!important;
  padding:9px 10px!important;
}
body.idkd-body.idkd-page-order .order-ai-result-summary span{font-size:12px!important}
body.idkd-body.idkd-page-order .order-ai-result-summary b{font-size:13px!important}
body.idkd-body.idkd-page-order .order-ai-result>p{font-size:12px!important}
body.idkd-body.idkd-page-order .order-ai-result>.primary-button{min-height:40px!important;font-size:13px!important}

body.idkd-body.idkd-page-order .order-detail-breadcrumb{font-size:12px!important;padding:14px 20px 0!important}
body.idkd-body.idkd-page-order .order-inline-back{min-height:38px!important;margin:10px 20px 0!important;font-size:13px!important;padding-inline:12px!important}
body.idkd-body.idkd-page-order .order-inline-page .order-modal-progress{margin:14px 20px 0!important}
body.idkd-body.idkd-page-order .order-modal-progress>span{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;padding-right:22px!important}
body.idkd-body.idkd-page-order .order-modal-progress>span>b{width:38px!important;height:38px!important;font-size:13px!important}
body.idkd-body.idkd-page-order .order-modal-progress>span>em{font-size:14px!important}
body.idkd-body.idkd-page-order .order-modal-progress>span>em>small{font-size:11px!important}
body.idkd-body.idkd-page-order .order-modal-progress>span:after{left:38px!important;top:27px!important}

body.idkd-body.idkd-page-order .order-inline-page .order-modal-head{
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:14px!important;
  padding:20px!important;
}
body.idkd-body.idkd-page-order .order-product-icon{width:54px!important;height:54px!important}
body.idkd-body.idkd-page-order .order-product-copy .order-modal-group{font-size:11px!important}
body.idkd-body.idkd-page-order .order-product-copy h2{font-size:24px!important}
body.idkd-body.idkd-page-order .order-product-copy p{max-width:760px!important;font-size:13px!important;line-height:1.5!important}
body.idkd-body.idkd-page-order .order-product-benefits{display:none!important}

body.idkd-body.idkd-page-order .order-inline-page .order-modal form{padding:0 20px 24px!important}
body.idkd-body.idkd-page-order .order-detail-layout{
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:24px!important;
  padding-top:20px!important;
}
body.idkd-body.idkd-page-order .order-detail-main,
body.idkd-body.idkd-page-order .order-config-flow{gap:14px!important}
body.idkd-body.idkd-page-order .order-section-card,
body.idkd-body.idkd-page-order .order-guest-section{
  padding:18px!important;
  border-radius:12px!important;
}
body.idkd-body.idkd-page-order .order-modal-section-head{margin-bottom:12px!important}
body.idkd-body.idkd-page-order .order-section-number{width:27px!important;height:27px!important;font-size:12px!important}
body.idkd-body.idkd-page-order .order-modal-section-head b{font-size:16px!important}
body.idkd-body.idkd-page-order .order-modal-section-head small{font-size:12px!important;line-height:1.4!important}

@media(min-width:1120px){
  body.idkd-body.idkd-page-order .order-cycle-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
body.idkd-body.idkd-page-order .order-cycle-choice{
  min-height:86px!important;
  padding:13px!important;
  border-radius:10px!important;
}
body.idkd-body.idkd-page-order .order-cycle-choice b{font-size:14px!important}
body.idkd-body.idkd-page-order .order-cycle-choice small{font-size:12.5px!important;line-height:1.45!important}

body.idkd-body.idkd-page-order .order-domain-tabs{gap:10px!important}
body.idkd-body.idkd-page-order .order-domain-tabs button{
  min-height:66px!important;
  padding:12px 14px!important;
  border-radius:10px!important;
}
body.idkd-body.idkd-page-order .order-domain-tabs button b{font-size:14px!important}
body.idkd-body.idkd-page-order .order-domain-tabs button small{font-size:12px!important}
body.idkd-body.idkd-page-order .order-domain-panel{margin-top:12px!important;padding:14px!important;border-radius:10px!important}
body.idkd-body.idkd-page-order .order-domain-tools{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
body.idkd-body.idkd-page-order .order-domain-period[hidden]{display:none!important}
body.idkd-body.idkd-page-order .order-field{gap:6px!important}
body.idkd-body.idkd-page-order .order-field>span{font-size:14px!important}
body.idkd-body.idkd-page-order .order-field>span small,
body.idkd-body.idkd-page-order .order-field>small{font-size:11.5px!important}
body.idkd-body.idkd-page-order .order-field input,
body.idkd-body.idkd-page-order .order-field select,
body.idkd-body.idkd-page-order .order-field textarea,
body.idkd-body.idkd-page-order .order-config-row select,
body.idkd-body.idkd-page-order .order-config-row input[type=number]{
  min-height:46px!important;
  padding-inline:12px!important;
  border-radius:9px!important;
  font-size:15px!important;
}
body.idkd-body.idkd-page-order .order-domain-tools>.secondary-button{min-height:46px!important;font-size:14px!important}
body.idkd-body.idkd-page-order .order-domain-status{font-size:12.5px!important}

body.idkd-body.idkd-page-order .order-guest-section{background:#fbfdff!important}
body.idkd-body.idkd-page-order .order-guest-grid{display:block!important}
body.idkd-body.idkd-page-order .order-guest-step[hidden]{display:none!important}
body.idkd-body.idkd-page-order .order-guest-step:not([hidden]){animation:orderReveal .18s ease both}
body.idkd-body.idkd-page-order .order-guest-optional{margin-top:10px;border-top:1px solid #eef2f7;padding-top:10px}
body.idkd-body.idkd-page-order .order-guest-optional summary{cursor:pointer;font-size:13px;font-weight:750;color:#475467}
body.idkd-body.idkd-page-order .order-guest-optional summary small{font-size:11px;color:#98a2b3;font-weight:500}
body.idkd-body.idkd-page-order .order-guest-optional .order-guest-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px}
body.idkd-body.idkd-page-order .order-guest-note{margin:10px 0 0!important;font-size:12px!important;line-height:1.45!important}

body.idkd-body.idkd-page-order .order-gateway-grid{gap:10px!important}
body.idkd-body.idkd-page-order .order-gateway-choice{min-height:62px!important;padding:11px 12px!important}
body.idkd-body.idkd-page-order .order-gateway-choice b{font-size:14px!important}
body.idkd-body.idkd-page-order .order-gateway-choice small{font-size:12px!important}

body.idkd-body.idkd-page-order .order-summary-card{padding:16px!important;border-radius:13px!important}
body.idkd-body.idkd-page-order .order-summary-card-head b{font-size:15px!important}
body.idkd-body.idkd-page-order .order-summary-card-head small{font-size:11px!important}
body.idkd-body.idkd-page-order .order-summary-product{grid-template-columns:46px minmax(0,1fr)!important;padding:14px 0!important}
body.idkd-body.idkd-page-order .order-summary-product-icon{width:46px!important;height:46px!important}
body.idkd-body.idkd-page-order .order-summary-product b{font-size:15px!important}
body.idkd-body.idkd-page-order .order-summary-product small{font-size:12px!important}
body.idkd-body.idkd-page-order .order-summary-facts>div{padding:7px 0!important}
body.idkd-body.idkd-page-order .order-summary-facts span{font-size:12.5px!important}
body.idkd-body.idkd-page-order .order-summary-facts b{font-size:13px!important}
body.idkd-body.idkd-page-order .order-summary-total>span{font-size:13px!important}
body.idkd-body.idkd-page-order .order-summary-total>strong{font-size:27px!important}
body.idkd-body.idkd-page-order .order-summary-total>small{font-size:11px!important}
body.idkd-body.idkd-page-order .order-summary-blocked{padding:10px 11px!important;font-size:12px!important}
body.idkd-body.idkd-page-order .order-summary-actions .primary-button,
body.idkd-body.idkd-page-order .order-summary-actions .secondary-button{min-height:44px!important;font-size:14px!important}
body.idkd-body.idkd-page-order .order-support-card{grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;padding:10px 12px!important}
body.idkd-body.idkd-page-order .order-support-card b{font-size:13px!important}
body.idkd-body.idkd-page-order .order-support-card small{display:none!important}
body.idkd-body.idkd-page-order .order-support-actions{grid-column:3!important;display:flex!important;gap:6px!important}
body.idkd-body.idkd-page-order .order-support-actions a{min-height:32px!important;padding:0 9px!important;font-size:11.5px!important;white-space:nowrap}

body.idkd-body.idkd-page-order .order-review-title h3{font-size:22px!important}
body.idkd-body.idkd-page-order .order-review-title p{font-size:13px!important}
body.idkd-body.idkd-page-order .order-review-list span{font-size:13px!important}
body.idkd-body.idkd-page-order .order-review-list b{font-size:14px!important}
body.idkd-body.idkd-page-order .order-review-total span{font-size:13px!important}
body.idkd-body.idkd-page-order .order-review-total b{font-size:23px!important}
body.idkd-body.idkd-page-order .order-confirm-note{font-size:12.5px!important;line-height:1.5!important}

@media(max-width:1180px){
  body.idkd-body.idkd-page-order .order-ai-builder{grid-template-columns:minmax(230px,.7fr) minmax(390px,1.3fr)!important}
  body.idkd-body.idkd-page-order .order-ai-result-panel{grid-column:1/-1!important}
  body.idkd-body.idkd-page-order .order-detail-layout{grid-template-columns:minmax(0,1fr) 310px!important;gap:16px!important}
  body.idkd-body.idkd-page-order .order-cycle-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:930px){
  body.idkd-body.idkd-page-order .order-workspace{width:100%!important}
  body.idkd-body.idkd-page-order .order-ai-builder{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-order .order-detail-layout{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-order .order-summary-side{grid-row:auto!important}
}
@media(max-width:767px){
  body.idkd-body.idkd-page-order .order-ai-builder{padding:14px!important}
  body.idkd-body.idkd-page-order .order-ai-title-row>b{font-size:18px!important}
  body.idkd-body.idkd-page-order .order-ai-builder-head small{font-size:13px!important}
  body.idkd-body.idkd-page-order .order-inline-page .order-modal-head{padding:15px!important}
  body.idkd-body.idkd-page-order .order-product-copy h2{font-size:21px!important}
  body.idkd-body.idkd-page-order .order-product-copy p{font-size:12.5px!important}
  body.idkd-body.idkd-page-order .order-inline-page .order-modal form{padding:0 12px 16px!important}
  body.idkd-body.idkd-page-order .order-section-card,body.idkd-body.idkd-page-order .order-guest-section{padding:14px!important}
  body.idkd-body.idkd-page-order .order-modal-section-head b{font-size:15px!important}
  body.idkd-body.idkd-page-order .order-modal-section-head small{font-size:12px!important}
  body.idkd-body.idkd-page-order .order-cycle-grid{grid-template-columns:1fr 1fr!important}
  body.idkd-body.idkd-page-order .order-cycle-choice{min-height:78px!important}
  body.idkd-body.idkd-page-order .order-domain-tabs{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-order .order-domain-tools{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-order .order-domain-tools>.secondary-button{width:100%!important}
  body.idkd-body.idkd-page-order .order-guest-optional .order-guest-grid{grid-template-columns:1fr!important}
  body.idkd-body.idkd-page-order .order-support-card{display:none!important}
}
@media(max-width:430px){
  body.idkd-body.idkd-page-order .order-cycle-grid{grid-template-columns:1fr!important}
}