.miscp-kitchen-estimator {
    --miscp-green: #173b32;
    --miscp-gold: #b58a45;
    --miscp-ivory: #f7f4ed;
    --miscp-border: #ded9cf;
    color: #26332e;
    background: #fff;
    border: 1px solid var(--miscp-border);
    border-radius: 14px;
    padding: clamp(16px, 3vw, 28px);
    box-shadow: 0 8px 28px rgba(22, 43, 35, 0.06);
    max-width: 100%;
}
.miscp-estimator-heading h2 {
    color: var(--miscp-green);
    margin: 4px 0 8px;
    font-size: clamp(22px, 3vw, 30px);
}
.miscp-estimator-heading p {
    margin: 0 0 18px;
    color: #68736d;
}
.miscp-estimator-kicker {
    color: var(--miscp-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
}
.miscp-estimator-rule {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
    background: var(--miscp-ivory);
    border-left: 4px solid var(--miscp-gold);
    border-radius: 8px;
    padding: 12px 14px;
    margin: 16px 0;
}
.miscp-estimator-rule strong { color: var(--miscp-green); }
.miscp-estimator-rule span { font-weight: 700; }
.miscp-estimator-rule small { color: #68736d; }
.miscp-estimator-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--miscp-border);
    border-radius: 9px;
}
.miscp-estimator-table {
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
    margin: 0;
    font-size: 13px;
}
.miscp-estimator-table th {
    background: var(--miscp-green);
    color: #fff;
    text-align: left;
    white-space: nowrap;
    padding: 12px 9px;
}
.miscp-estimator-table td {
    border-top: 1px solid var(--miscp-border);
    padding: 8px;
    vertical-align: middle;
}
.miscp-estimator-table input,
.miscp-estimator-table select {
    width: 100%;
    min-width: 78px;
    min-height: 38px;
    border: 1px solid #cbcfc9;
    border-radius: 5px;
    padding: 6px 8px;
    background: #fff;
    color: #26332e;
    font-size: 13px;
}
.miscp-estimator-table select { min-width: 120px; }
.miscp-line-area,
.miscp-line-rate,
.miscp-line-total { white-space: nowrap; font-weight: 600; }
.miscp-line-total { color: var(--miscp-green); }
.miscp-remove-row {
    border: 0;
    background: transparent;
    color: #a33c32;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    padding: 4px 8px;
}
.miscp-estimator-actions { margin: 14px 0 18px; }
.miscp-add-row {
    border: 1px solid var(--miscp-green);
    border-radius: 6px;
    padding: 10px 15px;
    background: #fff;
    color: var(--miscp-green);
    font-weight: 700;
    cursor: pointer;
}
.miscp-add-row:hover { background: var(--miscp-green); color: #fff; }
.miscp-estimator-summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}
.miscp-estimator-summary > div {
    min-width: 190px;
    background: var(--miscp-ivory);
    border: 1px solid var(--miscp-border);
    border-radius: 9px;
    padding: 14px 16px;
}
.miscp-estimator-summary span {
    display: block;
    color: #68736d;
    font-size: 12px;
    margin-bottom: 5px;
}
.miscp-estimator-summary strong {
    display: block;
    color: var(--miscp-green);
    font-size: 20px;
}
.miscp-estimator-grand-total {
    background: var(--miscp-green) !important;
    border-color: var(--miscp-green) !important;
}
.miscp-estimator-grand-total span,
.miscp-estimator-grand-total strong { color: #fff !important; }
.miscp-estimator-disclaimer {
    color: #68736d;
    font-size: 12px;
    line-height: 1.6;
    margin: 16px 0 0;
}
.miscp-estimator-message {
    border: 1px solid var(--miscp-border);
    border-left: 4px solid var(--miscp-gold);
    border-radius: 8px;
    padding: 14px 18px;
    background: var(--miscp-ivory);
}
@media (max-width: 600px) {
    .miscp-kitchen-estimator { border-radius: 9px; padding: 14px; }
    .miscp-estimator-summary { justify-content: stretch; }
    .miscp-estimator-summary > div { flex: 1 1 100%; }
}

.miscp-shape-picker { margin: 18px 0 22px; }
.miscp-shape-picker h3 { margin: 0 0 5px; color: var(--miscp-green); font-size: 20px; }
.miscp-shape-picker > p { margin: 0 0 12px; color: #68736d; }
.miscp-shape-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.miscp-shape-card { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 12px; border: 1px solid var(--miscp-border); border-radius: 10px; cursor: pointer; background: #fff; text-align: center; }
.miscp-shape-card:has(input:checked) { border: 2px solid var(--miscp-green); background: var(--miscp-ivory); padding: 11px; }
.miscp-shape-card input { align-self: flex-start; accent-color: var(--miscp-green); }
.miscp-shape-card strong { color: var(--miscp-green); font-size: 14px; }
.miscp-shape-card small { color: #68736d; font-size: 11px; }
.miscp-shape-diagram { width: 100%; max-width: 145px; height: 76px; display: block; }
.miscp-shape-diagram svg { width: 100%; height: 100%; }
.miscp-shape-diagram path, .miscp-shape-diagram rect { fill: rgba(181,138,69,.12); stroke: var(--miscp-green); stroke-width: 7; stroke-linecap: square; stroke-linejoin: round; }
.miscp-shape-diagram rect { stroke-width: 2; }
.miscp-estimator-grand-total strong { font-size: 15px; }
@media (max-width: 760px) { .miscp-shape-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 380px) { .miscp-shape-grid { gap: 7px; } .miscp-shape-card { padding: 8px; } }