:root{--green-950:#102b1a;--green-900:#173c25;--green-800:#234f32;--green-700:#3f7d4b;--green-500:#78a96d;--green-100:#e9f1e9;--gold:#f9a916;--gold-soft:#fff4da;--ink:#15231a;--muted:#6e7c73;--line:#dde5df;--surface:#fff;--bg:#f4f7f4;--danger:#c23b35;--shadow:0 12px 36px rgba(27,63,38,.09);--radius:18px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-brand{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:70px;background:var(--green-950)}.login-brand:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 35%,rgba(120,169,109,.2),transparent 35%),radial-gradient(circle at 15% 90%,rgba(249,169,22,.16),transparent 32%)}.login-brand img{position:relative;width:min(700px,90%);filter:brightness(1.5);object-fit:contain}.login-card-wrap{display:flex;align-items:center;justify-content:center;padding:48px}.login-card{width:100%;max-width:420px}.eyebrow{color:var(--green-700);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.login-card h1{font:800 38px/1.12 Manrope;margin:12px 0 10px}.subtle{color:var(--muted);line-height:1.55}.field{display:flex;flex-direction:column;gap:7px;margin:18px 0}.field label{font-weight:700;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;background:#fff;color:var(--ink);outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 3px rgba(63,125,75,.12)}.input-icon{position:relative}.input-icon span{position:absolute;left:13px;top:12px;color:var(--muted)}.input-icon input{padding-left:38px}.btn{border:0;border-radius:11px;padding:11px 17px;font-weight:700;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn-primary{background:var(--green-800);color:#fff}.btn-primary:hover{background:var(--green-900)}.btn-gold{background:var(--gold);color:#2b210e}.btn-light{background:var(--green-100);color:var(--green-900)}.btn-ghost{background:transparent;border:1px solid var(--line)}.btn-danger{background:#fff0ef;color:var(--danger)}.btn-block{width:100%;padding:13px}
.shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.sidebar{background:var(--green-950);color:#dce9df;padding:24px 16px;position:fixed;width:252px;top:0;bottom:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;z-index:20}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:8px}.sidebar-logo{height:74px;display:flex;align-items:center;padding:0 13px 15px;border-bottom:1px solid rgba(255,255,255,.1);flex:0 0 auto}.sidebar-logo img{width:158px;max-height:58px;object-fit:contain;object-position:left}.nav{padding-top:22px;display:flex;flex:0 0 auto;flex-direction:column;gap:5px}.nav button{border:0;background:transparent;color:#b9c9be;text-align:left;padding:11px 13px;border-radius:10px;display:flex;align-items:center;gap:11px;font-weight:600}.nav button:hover,.nav button.active{color:#fff;background:rgba(255,255,255,.1)}.nav button.active:before{content:"";width:3px;height:22px;border-radius:5px;background:var(--gold);margin-left:-13px}.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#718678;padding:21px 13px 7px}.user-card{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 8px 0;display:flex;flex:0 0 auto;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:12px;background:var(--gold);color:var(--green-950);font-weight:800;display:grid;place-items:center}.user-meta{min-width:0;flex:1}.user-meta b,.user-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta small{color:#91a497;margin-top:2px}.logout{border:0;background:none;color:#9ab09f;font-size:18px}.main{grid-column:2;padding:0 34px 40px;min-width:0}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font:800 25px Manrope;margin:0}.topbar-actions{display:flex;align-items:center;gap:10px}.mobile-menu{display:none}.content{max-width:1450px;margin:auto}.hero{background:linear-gradient(120deg,var(--green-900),var(--green-700));border-radius:var(--radius);padding:26px 29px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:40px solid rgba(255,255,255,.06);right:16%;top:-92px}.hero>div{position:relative;min-width:0;z-index:1}.hero h2{font:800 25px Manrope;margin:0 0 7px}.hero p{margin:0;color:#d7e6da;overflow-wrap:anywhere}.hero .btn{position:relative;flex:0 0 auto;z-index:1}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat{background:#fff;border:1px solid #e7ece8;border-radius:15px;padding:18px;display:flex;gap:13px;align-items:center}.stat-icon{width:43px;height:43px;border-radius:12px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center;font-size:20px}.stat:nth-child(4) .stat-icon{background:var(--gold-soft);color:#a16b06}.stat strong{font:800 22px Manrope;display:block}.stat span{color:var(--muted);font-size:12px}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.card{background:#fff;border:1px solid #e5ebe6;border-radius:var(--radius);box-shadow:0 4px 18px rgba(26,60,37,.04)}.card-head{padding:18px 20px;border-bottom:1px solid #edf1ee;display:flex;align-items:center;justify-content:space-between}.card-head h3{margin:0;font:700 16px Manrope}.card-body{padding:20px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#869188;text-align:left;padding:12px 14px;background:#f8faf8}.table td{padding:13px 14px;border-top:1px solid #edf1ee;white-space:nowrap}.table tr:hover td{background:#fbfcfb}.link{color:var(--green-700);font-weight:700}.badge{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700;background:#eef2ef;color:#607066}.badge.SENT{background:#e8f0ff;color:#3563a9}.badge.ACCEPTED,.badge.DISCOUNT_APPROVED,.badge.APPROVED{background:#e2f4e5;color:#28723a}.badge.REJECTED,.badge.DISCOUNT_REJECTED{background:#fde8e6;color:#a33a34}.badge.DISCOUNT_PENDING,.badge.PENDING{background:var(--gold-soft);color:#9a6400}.badge.DRAFT{background:#edf0ed}.empty{text-align:center;padding:45px 20px;color:var(--muted)}
.page-actions{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:15px}.page-actions h2{font:800 23px Manrope;margin:0}.page-actions p{margin:5px 0 0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 15px}.form-grid .span-2{grid-column:span 2}.form-grid .span-3{grid-column:span 3}.section-title{grid-column:1/-1;font:700 15px Manrope;margin:22px 0 1px;padding-top:18px;border-top:1px solid var(--line)}.section-title:first-child{border-top:0;margin-top:0;padding-top:0}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:19px}.summary{position:sticky;top:18px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;color:var(--muted)}.summary-row.total{font:800 20px Manrope;color:var(--ink);border-top:1px solid var(--line);margin-top:8px;padding-top:17px}.summary-note{background:var(--green-100);padding:12px;border-radius:10px;color:var(--green-900);font-size:12px;line-height:1.45;margin:15px 0}.item-block{border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px;background:#fcfdfc}.item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-head b{font:700 15px Manrope}.inline-checks{display:flex;gap:20px;align-items:center;min-height:45px}.check{display:flex;align-items:center;gap:7px}.check input{accent-color:var(--green-700)}
.modal-backdrop{position:fixed;inset:0;background:rgba(9,29,16,.55);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font:700 18px Manrope}.modal-close{border:0;background:#f0f3f1;border-radius:8px;width:32px;height:32px}.modal-body{padding:22px}.modal-actions{padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;right:25px;bottom:25px;background:var(--green-950);color:#fff;padding:13px 18px;border-radius:11px;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.25s;z-index:100}.toast.show{transform:none;opacity:1}.toast.error{background:#8f2824}.loader{width:20px;height:20px;border:2px solid #dce6df;border-top-color:var(--green-700);border-radius:50%;animation:spin .7s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.search{max-width:280px}.muted{color:var(--muted)}.price{font-weight:800}.actions{display:flex;gap:7px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px}.settings-group{margin-bottom:22px}.settings-group h3{font:700 16px Manrope;margin:0 0 12px}.settings-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.setting-row{border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center}.setting-row b{display:block}.setting-row small{color:var(--muted)}.setting-input{display:flex}.setting-input input{min-width:0;width:75px;border:1px solid var(--line);padding:8px;border-radius:8px 0 0 8px}.setting-input span{padding:8px;background:#eef2ef;border-radius:0 8px 8px 0;font-size:11px;white-space:nowrap}.request-card{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:12px}.request-top{display:flex;justify-content:space-between}.request-actions{display:flex;gap:8px;margin-top:15px}.customer-name{font-weight:700}.mobile-overlay{display:none}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.quote-layout{grid-template-columns:1fr}.summary{position:static}.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid .span-3{grid-column:span 2}.settings-list{grid-template-columns:1fr}}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-card-wrap{padding:30px}.shell{display:block}.sidebar{width:min(310px,86vw);padding-bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-100%);transition:transform .25s ease;box-shadow:18px 0 45px rgba(0,0,0,.22)}.sidebar.open{transform:none}.mobile-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.38);backdrop-filter:blur(2px);z-index:15}.main{padding:0 22px 34px}.topbar{height:72px}.mobile-menu{display:block;border:0;border-radius:9px;background:var(--green-100);color:var(--green-900);padding:8px 11px;font-size:14px;font-weight:800}.topbar h1{font-size:21px}.hero{padding:23px;align-items:flex-start}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.form-grid{grid-template-columns:1fr}.form-grid .span-2,.form-grid .span-3{grid-column:auto}.page-actions{align-items:flex-start}.page-actions>.btn{white-space:nowrap}.settings-list{grid-template-columns:1fr}.setting-row{grid-template-columns:1fr 110px}}
@media(max-width:600px){.main{padding:0 14px 28px}.topbar-actions .btn span{display:none}.hero{padding:20px}.hero .btn{display:none}.topbar h1{font-size:19px}.login-card-wrap{padding:24px}}

/* Campos administrativos legibles y sin adornos decorativos. */
.input-icon span{display:none}.input-icon input{padding-left:13px}
.nav button{gap:0}.logout{font-size:13px;font-weight:700}
.stat{gap:0}.stat-icon{display:none}
.setting-row{grid-template-columns:minmax(0,1fr) minmax(210px,250px);padding:15px 16px}
.setting-input{display:grid;grid-template-columns:minmax(110px,1fr) auto;width:100%}
.setting-input input{width:100%;min-width:110px;padding:10px 12px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.setting-input span{display:flex;align-items:center;padding:10px 12px}
.fabric-price,.tier-value{width:150px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.user-actions{display:flex;gap:8px;justify-content:flex-end}
.check input{width:auto!important;min-width:0;flex:0 0 auto}
.nav button{position:relative;overflow:hidden;white-space:nowrap}
.nav button.active{padding-left:16px}
.nav button.active:before{position:absolute;left:0;margin-left:0;flex:none}
.request-top{align-items:flex-start;gap:18px}.request-top>.badge{flex:0 0 auto;align-self:flex-start;max-width:145px;text-align:center;white-space:normal;line-height:1.25}
.quote-totals{margin-left:auto;max-width:310px;margin-top:15px}
.modal-actions{flex-wrap:wrap;align-items:center}.modal-actions .btn{min-width:120px;white-space:nowrap}
.quote-actions .btn{flex:1 1 150px}
.modal-head h3{min-width:0;overflow-wrap:anywhere}.modal-close{flex:0 0 32px}
@media(max-width:720px){.setting-row{grid-template-columns:1fr}.setting-input{max-width:none}.fabric-price,.tier-value{width:125px}}
@media(max-width:520px){.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px);border-radius:15px}.modal-head,.modal-body{padding:16px}.modal-actions{padding:14px 16px}.modal-actions .btn{flex:1 1 100%;width:100%}.request-top{flex-direction:column;gap:10px}.request-top>.badge{max-width:100%}.quote-totals{max-width:none}.quote-items-table{margin-left:-16px;margin-right:-16px}.quote-items-table .table th,.quote-items-table .table td{padding:10px 12px}}

/* Búsqueda de cotizaciones */
.search-box{width:min(380px,100%);display:flex;flex-direction:column;gap:7px}
.search-box label{font-size:12px;font-weight:800;color:var(--green-800);letter-spacing:.02em}
.search-box input{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:12px 15px;outline:none;box-shadow:0 4px 14px rgba(27,63,38,.05);transition:border-color .2s,box-shadow .2s}
.search-box input::placeholder{color:#94a097}
.search-box input:focus{border-color:var(--green-700);box-shadow:0 0 0 3px rgba(63,125,75,.12),0 6px 18px rgba(27,63,38,.07)}
.quote-list-filters{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;flex:1}.quote-list-filters .search-box{flex:1;max-width:380px}.status-filter{display:flex;min-width:190px;flex-direction:column;gap:7px}.status-filter label{font-size:12px;font-weight:800;color:var(--green-800);letter-spacing:.02em}.status-filter select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:12px 36px 12px 13px;outline:none;box-shadow:0 4px 14px rgba(27,63,38,.05)}.status-filter select:focus{border-color:var(--green-700);box-shadow:0 0 0 3px rgba(63,125,75,.12)}

/* Solicitud y revisión de descuentos */
.discount-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.discount-fields .field{margin-bottom:0}
.discount-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;padding:15px;border:1px solid #dfe9e1;border-radius:13px;background:#f8fbf8}
.discount-preview>div{display:flex;flex-direction:column;gap:4px}
.discount-preview span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.discount-preview strong{font:800 17px Manrope}
.discount-preview .discount-preview-total{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between}
.discount-preview .discount-preview-total strong{color:var(--green-800);font-size:20px}
.request-card{padding:20px}
.request-top h3{margin:6px 0}
.discount-request-label{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:135px}
.discount-request-label strong{font:800 24px Manrope;color:var(--green-900)}
.discount-request-label small{color:var(--muted)}
.discount-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.discount-column{border:1px solid var(--line);border-radius:13px;padding:15px;background:#fbfcfb}
.discount-column.projected{background:var(--green-100);border-color:#ceddce}
.comparison-title{display:block;margin-bottom:10px;font-weight:800;color:var(--green-900)}
.discount-column>div{display:flex;justify-content:space-between;gap:15px;padding:6px 0;color:var(--muted)}
.discount-column b{color:var(--ink);font-variant-numeric:tabular-nums}
.discount-column .comparison-total{border-top:1px solid var(--line);margin-top:7px;padding-top:12px;color:var(--ink)}
.discount-column .comparison-total b{font:800 18px Manrope;color:var(--green-900)}
.discount-column .discount-negative{color:#a16600}
.request-actions{align-items:center;justify-content:space-between;flex-wrap:wrap}
.decision-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}

@media(max-width:720px){
  .page-actions{flex-direction:column;align-items:stretch}
  .search-box{width:100%}
  .quote-list-filters{width:100%;justify-content:stretch}.quote-list-filters .search-box{max-width:none}.status-filter{min-width:175px}
  .discount-comparison{grid-template-columns:1fr}
  .topbar-actions .btn span{display:inline}
}
@media(max-width:520px){
  .quote-list-filters{flex-direction:column;align-items:stretch}.status-filter{width:100%}
  .discount-fields{grid-template-columns:1fr;gap:0}
  .discount-preview{grid-template-columns:1fr}
  .discount-preview .discount-preview-total{grid-column:auto;flex-direction:column;align-items:flex-start}
  .request-actions,.decision-actions{width:100%}
  .request-actions .btn,.decision-actions .btn{flex:1 1 100%}
  .discount-request-label{align-items:flex-start;text-align:left}
}
@media(max-width:480px){.topbar-actions{display:none}}
.summary-product{align-items:flex-start;gap:12px}
.summary-product-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.summary-product-copy small{color:var(--green-700);font-size:11px;font-weight:700;line-height:1.35}
.summary-product>b{flex:0 0 auto}
.summary #calculate{margin-top:18px}
.product-observations-field{margin-bottom:0}
.product-observation{display:block;margin-top:5px;max-width:310px;color:var(--muted);font-size:11px;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}
.login-brand img{width:min(780px,94%);padding:28px 32px;background:#fff;border-radius:20px;filter:none;box-shadow:0 20px 55px rgba(0,0,0,.18)}
.sidebar-logo{height:76px;margin:0 2px;padding:10px 9px;background:#fff;border:0;border-radius:12px}
.sidebar-logo img{width:100%;max-height:56px;object-fit:contain;object-position:center}
.nav{padding-top:18px}
.commercial-terms{margin-top:2px}
.quote-conditions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.quote-conditions>div{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb;min-width:0}
.quote-conditions span,.quote-conditions b{display:block}
.quote-conditions span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}
.quote-conditions b{font-size:12px;overflow-wrap:anywhere}
@media(max-width:620px){.quote-conditions{grid-template-columns:1fr}}

/* Dashboard comercial global */
.dashboard-filter{display:flex;align-items:flex-end;gap:14px;margin:18px 0;padding:15px 18px;border:1px solid #dfe7e1;border-radius:15px;background:#fff;box-shadow:0 4px 18px rgba(26,60,37,.04)}
.dashboard-filter-copy{min-width:190px;margin-right:auto;align-self:center;text-align:left}.dashboard-filter-copy span,.dashboard-filter-copy strong{display:block}.dashboard-filter-copy span{margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.dashboard-filter-copy strong{font:700 15px Manrope;color:var(--green-900)}
.dashboard-date-field{display:flex;flex-direction:column;gap:5px}.dashboard-date-field label{font-size:11px;font-weight:800;color:var(--muted)}.dashboard-date-field input{min-width:150px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none}.dashboard-date-field input:focus{border-color:var(--green-700);box-shadow:0 0 0 3px rgba(63,125,75,.12)}
.dashboard-filter-actions{display:flex;gap:8px}.dashboard-filter-actions .btn{padding:10px 14px;white-space:nowrap}
.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:20px 0}
.dashboard-kpi{position:relative;overflow:hidden;min-height:138px;padding:19px;border:1px solid #e5ebe6;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(26,60,37,.04)}
.dashboard-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#8a978d}
.dashboard-kpi span,.dashboard-kpi small{display:block}.dashboard-kpi span{min-height:34px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.dashboard-kpi strong{display:block;margin:5px 0 3px;font:800 30px Manrope}.dashboard-kpi small{color:var(--muted);font-size:11px}
.dashboard-kpi.kpi-created:before{background:var(--green-700)}.dashboard-kpi.kpi-sent:before{background:#4778bd}.dashboard-kpi.kpi-discount:before{background:var(--gold)}.dashboard-kpi.kpi-accepted:before{background:#3e9652}.dashboard-kpi.kpi-rejected:before{background:var(--danger)}
.team-summary{margin-bottom:20px}.card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.dashboard-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.dashboard-total{padding:6px 10px;border-radius:20px;background:var(--green-100);color:var(--green-900);font-size:11px;font-weight:800}.report-button{padding:8px 11px;font-size:11px;white-space:nowrap}.report-excel{background:#e5f3e8;color:#246a36;border:1px solid #cbe2d0}.report-pdf{background:#fff0ef;color:#a33a34;border:1px solid #f1d2cf}.report-button:disabled{opacity:.6;cursor:wait}
.dashboard-user{display:flex;align-items:center;gap:10px}.dashboard-user .avatar{width:34px;height:34px;flex:0 0 34px;border-radius:10px}.dashboard-user b,.dashboard-user small{display:block}.dashboard-user small{margin-top:2px;color:var(--muted);font-size:11px}
.metric{display:inline-grid;min-width:29px;height:29px;padding:0 7px;place-items:center;border-radius:9px;font-weight:800}.metric.accepted{background:#e2f4e5;color:#28723a}.metric.rejected{background:#fde8e6;color:#a33a34}
.rate{display:flex;align-items:center;gap:8px}.rate>span{display:block;width:64px;height:6px;overflow:hidden;border-radius:5px;background:#e7ece8}.rate i{display:block;height:100%;border-radius:5px;background:var(--green-700)}.rate b{font-size:12px}.recent-quotes{margin-bottom:20px}
@media(max-width:1150px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.dashboard-filter{align-items:stretch;flex-wrap:wrap}.dashboard-filter-copy{flex:1 1 100%}.dashboard-date-field{flex:1 1 180px}.dashboard-date-field input{width:100%}.dashboard-filter-actions{align-items:flex-end}}
@media(max-width:720px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-kpi{min-height:125px}.dashboard-kpi:last-child{grid-column:1/-1}.dashboard-table th,.dashboard-table td{padding-left:11px;padding-right:11px}.dashboard-filter-actions{width:100%}.dashboard-filter-actions .btn{flex:1}}
@media(max-width:700px){.team-summary .card-head{align-items:flex-start;flex-direction:column}.dashboard-head-actions{width:100%;justify-content:flex-start}.dashboard-head-actions .report-button{flex:1}}
@media(max-width:520px){.dashboard-filter{padding:14px;gap:12px}.dashboard-filter-copy{min-width:0}.dashboard-date-field{flex:1 1 100%}.dashboard-filter-actions{flex-direction:column}.dashboard-filter-actions .btn{width:100%}.dashboard-kpis{grid-template-columns:1fr;gap:10px}.dashboard-kpi,.dashboard-kpi:last-child{grid-column:auto;min-height:112px}.dashboard-kpi span{min-height:0}.card-head{gap:12px}.dashboard-total{flex:1 1 100%;text-align:center}.dashboard-head-actions .report-button{flex:1 1 calc(50% - 4px)}}
