/* Opportunity pipeline: clear stage hierarchy and mobile stage switching */
.content[data-page="deals"]{max-width:none}
.deals-page{display:grid;gap:15px;min-width:0}
.deals-page>.page-head{margin-bottom:0}
.deal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.deal-kpis article{display:grid;gap:6px;min-width:0;padding:15px 16px;background:#fff;border:1px solid #e7eaf2;border-radius:15px;box-shadow:0 5px 16px rgba(34,45,82,.045)}
.deal-kpis small{color:#6f7890;font-size:12px}
.deal-kpis strong{overflow:hidden;color:#1d2939;font-size:20px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.deal-kpis span{color:#7c879a;font-size:12px}
.deals-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,200px) minmax(170px,220px) auto;gap:9px;align-items:center;min-width:0}
.deal-search{position:relative;min-width:0}
.deal-search>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#748096;font-size:20px}
.deal-search input,.deals-toolbar select{width:100%;height:42px;min-width:0;padding:0 12px;border:1px solid #dfe4ef;border-radius:11px;background:#fff;font:inherit;font-size:12px}
.deal-search input{padding-left:39px}
.deals-record-count{color:#788398;font-size:12px;white-space:nowrap}
.deal-stage-tabs{display:none}
.deal-board{display:grid;grid-template-columns:repeat(5,minmax(215px,1fr));gap:10px;min-width:0;overflow-x:auto;padding:1px 1px 10px;scroll-snap-type:x proximity}
.deal-stage-column{display:grid;grid-template-rows:auto minmax(70px,1fr) auto;align-content:start;gap:9px;min-width:0;padding:10px;border:1px solid #e7eaf2;border-radius:14px;background:#f7f8fa;scroll-snap-align:start}
.deal-column-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:4px 2px 9px;border-bottom:1px solid #e4e8ed}
.deal-column-head>div{display:grid;grid-template-columns:auto 1fr;gap:4px 7px;align-items:center;min-width:0}
.deal-column-head>div strong{overflow:hidden;color:#273345;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.deal-column-head>div small{grid-column:2;color:#788398;font-size:12px}
.deal-column-head>b{max-width:110px;overflow:hidden;color:#455266;font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.deal-stage-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:#4984cc}
.deal-stage-dot.gorusme{background:#e9ac2d}.deal-stage-dot.teklif{background:#8358dc}.deal-stage-dot.kazanildi{background:#28a876}.deal-stage-dot.kaybedildi{background:#d96666}
.deal-column-cards{display:grid;align-content:start;gap:8px;min-width:0}
.deal-card{display:grid;gap:9px;min-width:0;padding:11px;background:#fff;border:1px solid #e5e9ee;border-radius:12px;box-shadow:0 3px 9px rgba(29,41,57,.035)}
.deal-card-title{display:grid;gap:3px;min-width:0}
.deal-card-title strong{display:-webkit-box;overflow:hidden;color:#273345;font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.deal-card-title span{overflow:hidden;color:#7b8595;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.deal-amount{color:#1f2e3f;font-size:15px;line-height:1.2}
.deal-date{display:flex;align-items:center;gap:5px;min-width:0;color:#6f7b8b;font-size:12px}
.deal-date>span{flex:none}
.deal-date b{margin-left:auto;padding:3px 6px;border-radius:999px;background:#fff0ed;color:#b14e40;font-size:12px;white-space:nowrap}
.deal-date.overdue{color:#b14e40}
.deal-card-footer{display:flex;align-items:center;gap:6px;min-width:0}
.deal-owner-avatar{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#edf1f2;color:#3e685b;font-size:12px;font-weight:800}
.deal-owner-name{overflow:hidden;flex:1;color:#647084;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.deal-stage-select{max-width:88px;min-width:0;height:29px;padding:0 5px;border:1px solid #e2e7eb;border-radius:8px;background:#fff;color:#596579;font-size:12px}
.deal-column-empty{padding:16px 8px;color:#8892a1;font-size:12px;text-align:center}
.deal-add-inline{padding:7px;border:0;border-radius:8px;background:transparent;color:#667386;font-size:12px;text-align:left;cursor:pointer}
.deal-add-inline:hover{background:#eef2f0;color:#245e49}
@media(max-width:1160px){
 .deal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .deals-toolbar{grid-template-columns:minmax(0,1fr) minmax(145px,190px) minmax(155px,200px)}
 .deals-record-count{display:none}
 .deal-board{grid-template-columns:repeat(5,minmax(205px,1fr))}
}
@media(max-width:820px){
 .deals-page{gap:11px}
 .deal-kpis{gap:8px}
 .deal-kpis article{padding:11px 10px;border-radius:12px}
 .deal-kpis small{font-size:12px}
 .deal-kpis strong{font-size:16px}
 .deal-kpis span{font-size:12px}
 .deals-toolbar{grid-template-columns:minmax(0,1fr) 42px;gap:7px}
 .deals-toolbar select{min-width:0;height:40px;font-size:12px}
 .deals-toolbar select:last-of-type{grid-column:1/-1}
 .deal-stage-tabs{display:flex;gap:6px;overflow-x:auto;padding:1px 0 4px;scrollbar-width:none}
 .deal-stage-tabs::-webkit-scrollbar{display:none}
 .deal-stage-tabs button{display:inline-flex;align-items:center;gap:6px;flex:none;padding:8px 10px;border:1px solid #e5e9ee;border-radius:999px;background:#fff;color:#5b6678;font-size:12px;white-space:nowrap}
 .deal-stage-tabs button.active{border-color:#155d47;background:#155d47;color:#fff}
 .deal-stage-tabs button b{font-size:12px}
 .deal-stage-tabs button.active .deal-stage-dot{box-shadow:0 0 0 3px rgba(255,255,255,.3)}
 .deal-board{display:block;overflow:visible;padding:0}
 .deal-stage-column{display:none;min-height:200px}
 .deal-stage-column.selected{display:grid}
 .deal-stage-select{max-width:110px;height:32px;font-size:12px}
 .deal-card{padding:13px}
}
@media(max-width:500px){
 .deals-page>.page-head{align-items:flex-start}
 .deals-page>.page-head .head-actions .primary{padding:9px 10px;font-size:12px}
 .deal-kpis article{min-height:65px}
 .deal-amount{font-size:16px}
}