cib-kitchen-planner{display:block;background:#f6f7f8;color:#102644;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;padding:36px clamp(16px,3vw,48px) 56px;--kp-border:#dce2e8;--kp-gold:#e8ab23;--kp-navy:#102644}cib-kitchen-planner *{box-sizing:border-box}cib-kitchen-planner [hidden]{display:none!important}cib-kitchen-planner h1,cib-kitchen-planner h2,cib-kitchen-planner h3,cib-kitchen-planner p{font:inherit;letter-spacing:normal;margin:0}cib-kitchen-planner h1{font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.18;margin:8px 0}cib-kitchen-planner h2{font-size:23px;font-weight:700;line-height:1.25;margin:0 0 14px}cib-kitchen-planner h3{font-size:17px;font-weight:700;margin:0 0 10px}cib-kitchen-planner button,cib-kitchen-planner input,cib-kitchen-planner select,cib-kitchen-planner textarea{font:inherit;color:inherit}cib-kitchen-planner button{border:1px solid var(--kp-border);border-radius:7px;padding:10px 14px;background:white;cursor:pointer;line-height:1.35;min-height:42px;transition:background .15s,border-color .15s}cib-kitchen-planner button:hover{background:#edf1f5;border-color:#9cabbc}cib-kitchen-planner button:disabled{opacity:.4;cursor:default}cib-kitchen-planner button:focus-visible,cib-kitchen-planner input:focus-visible,cib-kitchen-planner select:focus-visible,cib-kitchen-planner textarea:focus-visible{outline:3px solid #e8ab23;outline-offset:3px}cib-kitchen-planner .kp-primary{background:var(--kp-navy);color:white;border-color:var(--kp-navy)}cib-kitchen-planner .kp-primary:hover{background:#244263}cib-kitchen-planner label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;margin-bottom:12px}cib-kitchen-planner input:not([type=range]),cib-kitchen-planner select,cib-kitchen-planner textarea{border:1px solid #cbd4de;border-radius:6px;background:#fff;padding:10px;width:100%;font-size:15px;min-width:0}cib-kitchen-planner textarea{resize:vertical}cib-kitchen-planner hr{border:0;border-top:1px solid var(--kp-border);margin:25px 0}.kp-app{max-width:1500px;margin:auto}.kp-loading{padding:60px;text-align:center}.kp-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.kp-header p{color:#5c6b7c}.kp-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:#8c6819}.kp-header-actions{display:flex;gap:10px;flex-shrink:0}.kp-project{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--kp-border);padding:12px 18px;border-radius:10px}.kp-project label{flex:1;max-width:420px;margin:0}.kp-project [data-role=saved]{font-size:12px;color:#526b5b;flex:1}.kp-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 0;border:1px solid var(--kp-border);border-radius:10px 10px 0 0;overflow:hidden}.kp-steps button{border:0;border-right:1px solid var(--kp-border);border-radius:0;text-align:left;padding:15px;font-weight:600}.kp-steps b{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#eef1f4;margin-right:7px;font-size:12px}.kp-steps button[aria-pressed=true]{background:#102644;color:#fff}.kp-steps button[aria-pressed=true] b{color:#102644;background:#e8ab23}.kp-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--kp-border);border-top:0;background:white;border-radius:0 0 10px 10px;overflow:hidden}.kp-sidebar{padding:24px;border-right:1px solid var(--kp-border);max-height:1000px;overflow:auto}.kp-muted{font-size:14px;color:#5c6b7c;margin-bottom:18px!important}.kp-note{font-size:12px!important;color:#667484;line-height:1.6!important;margin-top:12px!important}.kp-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.kp-fields label{min-width:0}.kp-step-next{margin-top:24px;width:100%;font-size:13px!important;background:#f2f5f7!important}.kp-layouts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kp-layouts button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px 10px}.kp-layouts span{font-size:35px;line-height:1;color:#a88126}.kp-appliances,.kp-stack{display:flex;flex-direction:column;gap:10px}.kp-notes{margin-top:22px}.kp-catalog{display:flex;flex-direction:column;gap:10px;max-height:505px;overflow:auto}.kp-product{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:12px;border:1px solid var(--kp-border);border-radius:7px}.kp-product strong{display:block;font-size:15px}.kp-product small{display:block;font-size:11px;color:#617180}.kp-product button{align-self:center;padding:8px 11px;background:#f2f5f7}.kp-product p{font-size:12px;margin-top:6px}.kp-toolbar{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--kp-border)}.kp-toolbar>div{display:flex;gap:6px}.kp-toolbar button{font-size:13px;min-height:36px;padding:8px 12px}.kp-view-switch button[aria-pressed=true]{background:#e8ab23;border-color:#e8ab23}.kp-canvas-wrap{position:relative;background:#f2f4f5;min-height:400px}.kp-canvas-wrap svg,.kp-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:900/650;max-height:660px}.kp-canvas-wrap svg{touch-action:none;user-select:none}.kp-empty{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);text-align:center;background:#ffffffed;border:1px solid var(--kp-border);border-radius:10px;padding:22px;width:min(310px,80%)}.kp-empty strong{font-size:22px}.kp-empty p{margin:5px 0 14px;color:#5c6b7c}.kp-view-controls{padding:10px 18px;font-size:12px;color:#647184;border-bottom:1px solid var(--kp-border)}.kp-view-controls [data-role=camera]{display:flex;gap:24px}.kp-view-controls label{flex:1;margin:0}.kp-selection{padding:18px;border-bottom:1px solid var(--kp-border)}.kp-selection p{color:#667484;font-size:13px}.kp-selection-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.kp-selection-top strong{font-size:16px}.kp-edit-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kp-item-actions{display:flex;gap:8px;flex-wrap:wrap}.kp-checks{padding:18px}.kp-checks>div{display:flex;justify-content:space-between;gap:15px}.kp-checks h3{margin:0}.kp-checks [data-role=check-count]{font-size:12px}.kp-checks ul{padding-left:18px;margin:12px 0;font-size:13px;color:#915331;max-height:170px;overflow:auto}.kp-checks li{margin:6px 0}.kp-summary{padding:24px;border:1px solid var(--kp-border);border-radius:10px;background:white;margin-top:24px}.kp-summary-heading{display:flex;justify-content:space-between;gap:25px;margin-bottom:20px}.kp-summary-heading>div:last-child{max-width:400px}.kp-summary h2{font-size:34px;margin:6px 0}.kp-summary [data-role=price-label]{font-size:12px;color:#667484}.kp-chip{display:inline-block;border:1px solid var(--kp-border);border-radius:30px;padding:5px 14px;font-size:12px}.kp-table-wrap{overflow:auto}.kp-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.kp-table-wrap th{background:#f2f4f6;text-align:left;padding:12px}.kp-table-wrap td{padding:12px;border-bottom:1px solid #eef0f3}.kp-table-wrap td:first-child{min-width:180px}.kp-table-wrap a{color:#102644;text-decoration:underline}.kp-placed{margin-top:20px}.kp-placed summary{cursor:pointer;font-weight:600;font-size:13px}.kp-placed>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.kp-placed button{font-size:12px}.kp-status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#102644;color:white!important;padding:12px 22px;border-radius:8px;z-index:900;max-width:min(650px,90vw);box-shadow:0 3px 16px #0002}.kp-status:empty{display:none}.kp-guide{color:#102644;border:0;border-radius:14px;padding:28px;width:min(620px,92vw);max-height:85dvh;box-shadow:0 15px 80px #0003}.kp-guide::backdrop{background:#10264499}.kp-guide-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.kp-guide-top button{border:0;font-size:25px;min-height:34px;padding:0 8px}.kp-guide h2{font-size:29px}.kp-guide-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.kp-guide-tabs button{font-size:12px;min-height:32px;padding:6px 10px}.kp-guide-tabs button[aria-pressed=true]{background:#e8ab23;border-color:#e8ab23}.kp-guide [data-role=guide-content]{padding:22px;background:#f1f4f6;border-radius:9px;min-height:170px}.kp-guide [data-role=guide-content] h3{font-size:22px}.kp-guide [data-role=guide-content] p{color:#526174}.kp-guide [data-role=guide-content] li{margin-top:8px}.kp-guide-actions{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.kp-text-button{border:0!important;background:transparent!important;display:block;margin:auto;text-decoration:underline}.kp-contact{background:white;border:1px solid var(--kp-border);padding:28px;border-radius:10px;margin-top:24px}.kp-contact form{max-width:850px;margin-top:22px}.kp-contact .kp-fields{grid-template-columns:1fr 1fr}.kp-opening-row{font-size:12px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.kp-opening-row button{padding:5px 10px;min-height:30px}
@media(max-width:1000px){.kp-workspace{grid-template-columns:270px minmax(0,1fr)}.kp-sidebar{padding:18px}.kp-edit-fields{grid-template-columns:1fr 1fr}.kp-header{align-items:flex-start}.kp-header-actions{flex-direction:column}.kp-steps button{font-size:12px;padding:12px 8px}.kp-project{flex-wrap:wrap}.kp-canvas-wrap{min-height:300px}}
@media(max-width:700px){cib-kitchen-planner{padding:22px 12px}.kp-header{display:block}.kp-header-actions{flex-direction:row;margin-top:18px}.kp-header-actions button{flex:1}.kp-project{gap:8px;padding:12px}.kp-project label{flex-basis:100%;max-width:none}.kp-project [data-role=saved]{flex-basis:100%}.kp-project button{font-size:12px}.kp-steps{grid-template-columns:1fr 1fr}.kp-steps button{font-size:13px;border-bottom:1px solid var(--kp-border)}.kp-workspace{display:flex;flex-direction:column}.kp-sidebar{border-right:0;border-bottom:1px solid var(--kp-border);max-height:420px}.kp-stage{min-width:0}.kp-canvas-wrap{min-height:0}.kp-canvas-wrap svg,.kp-canvas-wrap canvas{min-height:280px}.kp-toolbar{padding:10px;gap:5px}.kp-toolbar button{padding:7px;font-size:12px}.kp-summary{padding:16px}.kp-summary-heading{display:block}.kp-summary-heading>div:last-child{margin-top:16px}.kp-selection{padding:14px}.kp-checks{padding:14px}.kp-guide{padding:20px}.kp-contact{padding:20px}.kp-catalog{max-height:280px}.kp-guide h2{font-size:25px}}

/* Contextual walkthrough: targets remain usable while the coach is open. */
cib-kitchen-planner .kp-guide-welcome{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#fff4d8;border:1px solid #edcf83;border-radius:10px;margin-bottom:18px}cib-kitchen-planner .kp-guide-welcome span{flex:1;min-width:180px}
cib-kitchen-planner .kp-coach{position:fixed;z-index:10002;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:white;border:1px solid #d8bb70;border-radius:14px;padding:16px;box-shadow:0 12px 38px #10264433;font-size:13px}cib-kitchen-planner .kp-coach-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#896315;font-size:10px;font-weight:700;letter-spacing:.07em}cib-kitchen-planner .kp-coach-top button{padding:0;width:30px;min-height:30px;font-size:22px;border:0}cib-kitchen-planner .kp-coach h3{margin-bottom:6px}cib-kitchen-planner .kp-coach p{line-height:1.55;color:#536478}cib-kitchen-planner .kp-coach .kp-guide-actions{margin:14px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}cib-kitchen-planner .kp-coach button{font-size:12px;padding:8px 10px;min-height:36px}cib-kitchen-planner .kp-coach details{border-top:1px solid #e6e9ec;padding-top:10px}cib-kitchen-planner .kp-coach summary{cursor:pointer;font-weight:600}cib-kitchen-planner .kp-coach label{margin-top:12px}cib-kitchen-planner .kp-guide-topics{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}cib-kitchen-planner .kp-guide-ring{position:fixed;pointer-events:none;z-index:10001;border:3px solid #d99b13;border-radius:8px;box-shadow:0 0 0 5px #e8ab232b;animation:kp-guide-pulse 1.8s ease-in-out infinite}cib-kitchen-planner .kp-guide-ring span{position:absolute;right:0;top:-25px;background:#102644;color:white;border-radius:5px;padding:2px 7px;font-size:11px;white-space:nowrap}cib-kitchen-planner .kp-fillers{margin-top:20px;padding-top:18px;border-top:1px solid #dce2e8}cib-kitchen-planner [data-role=gaps]{display:grid;gap:8px;margin-bottom:15px}cib-kitchen-planner [data-gap]{text-align:left;background:#fff8e9}cib-kitchen-planner [data-gap] small{display:block;font-size:11px;margin-top:4px}@keyframes kp-guide-pulse{50%{box-shadow:0 0 0 9px #e8ab2344}}@media(prefers-reduced-motion:reduce){cib-kitchen-planner .kp-guide-ring{animation:none}}

.cib-planner-page .cib-measure{padding:40px clamp(20px,5vw,70px);background:#102644;color:#fff}.cib-planner-page .cib-measure__inner{max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.cib-planner-page .cib-measure h2{font-size:clamp(24px,3vw,36px);margin:10px 0}.cib-planner-page .cib-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.cib-planner-page .cib-button{display:inline-flex;background:#e8ab23;color:#102644;padding:14px 20px;font-weight:700;gap:18px;text-decoration:none;white-space:nowrap}@media(max-width:700px){.cib-planner-page .cib-measure__inner{align-items:start;flex-direction:column}}