/* Presentation only: existing proposal actions, filters and stage controls stay intact. */
.crm-hero{padding:20px 24px;margin-bottom:18px;border:1px solid #dceaf3;border-radius:18px;background:linear-gradient(115deg,#fff 45%,#eaf7fc);box-shadow:0 8px 24px #1167b106}
.crm-hero .eyebrow{color:#0072bc;letter-spacing:.15em}.crm-hero .title{font-size:clamp(25px,2.3vw,34px);margin:6px 0}.crm-hero .sub{margin:0;line-height:1.6;color:#516c80}
.crm-tabs{gap:5px;flex-wrap:wrap;border-bottom:0;background:#eaf1f7;padding:5px;border-radius:12px;margin-bottom:18px;align-items:center}
.crm-tabs .crm-tab{border:0;border-radius:9px;padding:11px 16px;color:#4c6375;background:transparent;transition:background .15s,color .15s}
.crm-tabs .crm-tab.active{background:#fff;color:#1167b1;box-shadow:0 2px 8px #163a5612}.crm-tabs .crm-tab:hover{background:#ffffffb3}
.crm-kpis{gap:12px;margin-bottom:18px}.crm-kpis .crm-kpi{position:relative;padding:16px 18px;border-radius:15px;border-color:#dbe7f0;box-shadow:0 4px 16px #1167b107;background:linear-gradient(155deg,#fff,#fafdff)}
.crm-kpis .crm-kpi small{color:#526a7b;line-height:1.4;min-height:16px;font-size:10px;letter-spacing:.05em;padding-right:20px}
.crm-kpis .crm-kpi b{font-size:clamp(22px,1.8vw,29px);color:#07588e;margin:8px 0 5px}.crm-kpis .crm-kpi span{color:#607789;line-height:1.5}
.crm-kpis .crm-kpi::after{content:'';position:absolute;top:17px;right:15px;width:10px;height:10px;border-radius:3px;background:#00b1c5;box-shadow:0 0 0 5px #00b1c50d}
.crm-kpis .crm-kpi.good::after{background:#21865d}.crm-kpis .crm-kpi.warn::after{background:#e87532}.crm-kpis .crm-kpi.warn b{color:#ad511c}
.crm-kpis .crm-eye{color:#1167b1;border-color:#dbe7f0;min-width:40px}
.crm-filters{padding:12px;background:#fff;border:1px solid #dce7ee;border-radius:14px;margin-bottom:18px;box-shadow:0 3px 12px #1167b105;align-items:center}
.crm-filters .input,.crm-filters .select{min-height:40px;border-radius:9px;background:#f9fbfd;border-color:#d7e3ed}.crm-filters .select{flex-basis:165px;max-width:100%}.crm-filters .input{flex-basis:280px}
.crm-filters .btn{min-height:40px;border-radius:9px;white-space:nowrap}.crm-filters .btn.primary{background:linear-gradient(115deg,#1167b1,#0072bc);box-shadow:0 4px 10px #1167b11c}
.crm-board{gap:14px;padding:2px 2px 14px;align-items:stretch;scrollbar-width:thin;scrollbar-color:#a8c8de #f3f7fa}
.crm-board .crm-col{background:linear-gradient(180deg,#f3f7fb,#f8fafc);border-color:#dce7f0;border-top-width:3px;padding:12px;border-radius:16px;min-height:390px;min-width:0}
.crm-board .crm-col[data-type="open"]{border-top-color:#00b1c5}.crm-board .crm-col[data-type="won"]{border-top-color:#21865d}.crm-board .crm-col[data-type="lost"]{border-top-color:#bf514b}
.crm-board .crm-col-head{align-items:flex-start;padding:2px 2px 13px;min-height:62px}.crm-board .crm-col-title{flex-wrap:wrap;align-items:flex-start;gap:7px}.crm-board .crm-col-title b{flex-basis:100%;white-space:normal;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.crm-board .crm-col-tools{margin-left:0}.crm-board .crm-col-tools button{padding:5px 7px;min-height:25px}.crm-board .crm-col-head>span{flex-shrink:0;padding:4px 8px;background:#fff;color:#1167b1}
.crm-board .crm-card{display:flex;flex-direction:column;padding:15px;border-radius:12px;box-shadow:0 3px 10px #174e7007;border-color:#dde8f0;margin-bottom:12px;transition:box-shadow .16s,border-color .16s,transform .16s;overflow-wrap:anywhere}
.crm-board .crm-card:hover{border-color:#8bbfdf;box-shadow:0 7px 18px #1167b114;transform:translateY(-2px)}
.crm-board .crm-card .crm-card-client{order:-1;color:#123f60;font-size:14px;font-weight:700;line-height:1.45;margin:0 0 8px}
.crm-board .crm-card-top{align-items:flex-start;gap:8px}.crm-board .crm-card-top>b{font-size:12px;font-weight:600;color:#546b7d;line-height:1.5}.crm-board .crm-card-top>span{white-space:nowrap;font-size:10px}
.crm-board .crm-tags{margin:10px 0;gap:5px}.crm-board .crm-tags i{line-height:1.4}.crm-board .crm-next{margin:1px 0 10px;padding:9px 10px;line-height:1.5}.crm-board .crm-card-foot{padding-top:9px;border-top:1px solid #edf2f7;gap:7px}.crm-board .crm-link-btn{padding:5px 9px;min-height:27px}
.crm-board .crm-empty{margin-top:12px;padding:22px 10px;border:1px dashed #d8e4ed;border-radius:10px;color:#667e90;font-size:12px;background:#ffffff80}
.crm-board .crm-col.dragover{background:#e7f7fc;outline:2px dashed #00b1c5}.crm-board .crm-card.dragging{opacity:.45;transform:none}
.crm-tab:focus-visible,.crm-eye:focus-visible,.crm-col-tools button:focus-visible,.crm-link-btn:focus-visible{outline:3px solid #0072bc;outline-offset:3px}
@media(max-width:1200px){.crm-filters .input{flex-basis:100%;order:-1}.crm-filters .select{flex:1 1 155px}}
@media(max-width:760px){.crm-hero{padding:17px}.crm-tabs .crm-tab{padding:9px 11px;font-size:12px}.crm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-kpis .crm-kpi{padding:13px}.crm-filters .input{min-width:0;width:100%}.crm-filters .select{flex-basis:100%;width:100%}.crm-board .crm-col{min-height:330px}}
@media(prefers-reduced-motion:reduce){.crm-board .crm-card,.crm-tabs .crm-tab{transition:none}.crm-board .crm-card:hover{transform:none}}
/* Destination and persistence feedback for the existing Kanban interactions. */
.crm-board .crm-col.dragover{outline:2px solid #00b1c5;outline-offset:2px;border-color:#00b1c5;background:linear-gradient(180deg,#e6f8fd,#f3fbff);box-shadow:0 0 0 5px #00b1c515,0 8px 25px #0072bc15}
.crm-board .crm-col.dragover .crm-col-head{color:#0072bc}
.crm-board .crm-card.is-saving{border-color:#00b1c5;box-shadow:0 0 0 2px #00b1c51f}
.crm-board .crm-card.just-saved{border-color:#21865d;box-shadow:0 0 0 3px #21865d18}
.crm-move-feedback{position:fixed;bottom:24px;right:24px;z-index:1000000;max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid #b9d9eb;border-radius:12px;box-shadow:0 10px 35px #123f6026;background:#f2faff;color:#07588e;font-size:13px;font-weight:600;pointer-events:none}
.crm-move-feedback[data-state="saved"]{border-color:#b9e4cd;background:#effaf4;color:#176947}.crm-move-feedback[data-state="error"]{border-color:#efc6c3;background:#fff4f3;color:#9b3e38}


.parcel-commercial-builder{width:100%;margin-top:12px;padding:14px;border:1px solid #d7e6ee;border-radius:14px;background:#f9fcfe}
.parcel-commercial-builder .note{margin-bottom:12px}
.parcel-commercial-options{display:grid;gap:10px;margin-top:14px}
.parcel-commercial-option{position:relative;border:1px solid #dce8ef;border-radius:12px;background:#fff;padding:13px}
.parcel-option-number{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b73b7;margin-bottom:8px}
.parcel-trade-config{margin-top:14px;padding:13px;border-radius:12px;background:#edf7fb;border:1px solid #d4eaf4}
.parcel-trade-config h4,.parcel-commercial-options h4{margin:0 0 4px;color:#173b56}
.exp-parcel-handoff{display:grid;gap:12px;margin:12px 0}

.crm-contract-flag{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:center;gap:16px;margin:16px 0;padding:15px 18px;border:1px solid #d6e6ed;border-left:4px solid #f47c20;border-radius:12px;background:#f8fbfc}
.crm-contract-flag p{margin:5px 0 0;color:#637c8d}
.crm-contract-flag select{width:100%;min-height:42px;border:1px solid #cbdde7;border-radius:9px;background:#fff;padding:8px 10px;color:#173b56}
@media(max-width:640px){.crm-contract-flag{grid-template-columns:1fr;gap:10px;padding:14px}}
