:root {
    --dp-bg: #f3f5f8;
    --dp-panel: #fff;
    --dp-text: #18202b;
    --dp-muted: #687384;
    --dp-line: #e1e6ed;
    --dp-primary: #151515;
    --dp-accent: #d7b56d;
    --dp-success: #16794d;
    --dp-warning: #9a6200;
    --dp-danger: #b42332;
    --dp-radius: 16px;
    --dp-shadow: 0 12px 34px rgba(23, 31, 44, .07);
}

body.dealer-portal-body,
body.dealer-admin-body { margin: 0; background: var(--dp-bg); color: var(--dp-text); font-family: "Open Sans", Arial, sans-serif; min-height: 100vh; }
body.dealer-portal-body *,
body.dealer-portal-body *::before,
body.dealer-portal-body *::after,
body.dealer-admin-body *,
body.dealer-admin-body *::before,
body.dealer-admin-body *::after { box-sizing: border-box; }
.dp-topbar { position: fixed; z-index: 30; inset: 0 0 auto 0; height: 76px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; background: #101010; color: #fff; box-shadow: 0 3px 14px rgba(0,0,0,.18); }
.dp-brand { display: flex; align-items: center; gap: 14px; color: #fff !important; font-weight: 700; text-decoration: none !important; }
.dp-brand img { width: 204px; max-height: 52px; object-fit: contain; }
.dp-brand span { padding-left: 14px; border-left: 1px solid rgba(255,255,255,.25); }
.dp-topbar-meta { display: flex; align-items: center; gap: 18px; color: #d7d7d7; font-size: .86rem; }
.dp-topbar-meta form { margin: 0; }
.dp-topbar-meta a, .dp-link-button { color: #fff; background: none; border: 0; cursor: pointer; text-decoration: none; }
.dp-sidebar { position: fixed; z-index: 20; inset: 76px auto 0 0; width: 230px; padding: 18px 12px 24px; border-right: 1px solid #343434; background: #242424; overflow-y: auto; }
.dp-sidebar a { display: flex; align-items: center; gap: 13px; padding: 12px 14px; margin-bottom: 5px; color: #c9c9c9; border-radius: 10px; text-decoration: none !important; transition: .2s ease; }
.dp-sidebar a:hover, .dp-sidebar a.active { color: #111; background: var(--dp-accent); }
.dp-sidebar i { width: 20px; text-align: center; }
.dp-nav-tree { display:grid; gap:4px; }
.dp-nav-group { border-top:1px solid rgba(255,255,255,.07); padding-top:4px; }
.dp-nav-group:first-of-type { border-top:0; }
.dp-nav-group summary { display:flex; align-items:center; gap:12px; min-height:44px; padding:10px 13px; border-radius:9px; color:#f2f2f2; cursor:pointer; font-size:.76rem; font-weight:800; list-style:none; transition:.2s ease; }
.dp-nav-group summary::-webkit-details-marker { display:none; }
.dp-nav-group summary:hover,.dp-nav-group[open] summary { color:var(--dp-accent); background:rgba(255,255,255,.045); }
.dp-nav-group summary .dp-nav-chevron { width:auto; margin-left:auto; color:#8f8f8f; font-size:.65rem; transition:transform .2s ease; }
.dp-nav-group[open] summary .dp-nav-chevron { transform:rotate(180deg); }
.dp-nav-submenu { display:grid; gap:2px; margin:1px 0 7px 23px; padding:2px 0 2px 9px; border-left:1px solid rgba(215,181,109,.26); }
.dp-nav-submenu a { min-height:37px; margin:0; padding:8px 10px; font-size:.75rem; }
.dp-nav-submenu a i { font-size:.82rem; }
.dp-main { width: calc(100% - 230px); margin: 0 0 0 230px; padding: 88px 32px 48px; max-width: 1600px; min-width: 0; min-height: 100vh; }
.dp-page-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 22px; margin-bottom: 24px; }
.dp-page-head h1 { margin: 4px 0 0; font-size: clamp(1.7rem, 3vw, 2.35rem); font-weight: 700; }
.dp-page-head p { color: var(--dp-muted); margin: 6px 0 0; }
.dp-page-head a { color: var(--dp-text); }
.dp-eyebrow { color: #8e6b24; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.dp-panel { background: var(--dp-panel); border: 1px solid var(--dp-line); border-radius: var(--dp-radius); padding: 24px; box-shadow: var(--dp-shadow); margin-bottom: 24px; }
.dp-panel h2 { margin: 0 0 18px; font-size: 1.1rem; }
.dp-panel h3 { font-size: .98rem; }
.dp-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.dp-panel-head h2, .dp-panel-head p { margin: 0; }
.dp-panel-head > div { min-width: 0; }
.dp-panel-head > div > .dp-eyebrow { display: block; margin-bottom: 6px; }
.dp-panel-head > div > h2 { display: flex; }
.dp-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.dp-list-layout { grid-template-columns: minmax(300px, .82fr) minmax(420px, 1.4fr); }
.dp-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-bottom: 24px; }
.dp-stat-grid article { background: #fff; padding: 20px; border: 1px solid var(--dp-line); border-radius: 14px; box-shadow: var(--dp-shadow); }
.dp-stat-grid span { display: block; color: var(--dp-muted); font-size: .78rem; margin-bottom: 8px; }
.dp-stat-grid strong { font-size: 1.45rem; }
.dp-finance-cards article:nth-child(4n+2) { border-top: 3px solid var(--dp-accent); }
.dp-form { display: grid; gap: 15px; }
.dp-form label { display: grid; gap: 7px; color: #4d5766; font-size: .8rem; font-weight: 700; }
.dp-form input, .dp-form select, .dp-form textarea, .dp-inline-form input, .dp-compact-form input, .dp-compact-form select { width: 100%; min-height: 42px; border: 1px solid #cfd6df; border-radius: 9px; padding: 9px 11px; color: var(--dp-text); background: #fff; outline: none; }
.dp-form textarea { min-height: 86px; resize: vertical; }
.dp-form input:focus, .dp-form select:focus, .dp-form textarea:focus, .dp-inline-form input:focus { border-color: #a6843b; box-shadow: 0 0 0 3px rgba(215,181,109,.2); }
.dp-form small { color: var(--dp-muted); }
.dp-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; align-items: end; }
.dp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 39px; padding: 9px 14px; border: 1px solid #cbd2db; border-radius: 9px; background: #fff; color: #202733 !important; font-size: .8rem; font-weight: 700; cursor: pointer; text-decoration: none !important; }
.dp-btn:hover { border-color: #9ca7b5; transform: translateY(-1px); }
.dp-btn-primary { color: #fff !important; border-color: var(--dp-primary); background: var(--dp-primary); }
.dp-btn-gold { color:#171717!important; border-color:var(--dp-accent); background:var(--dp-accent); }
.dp-btn-whatsapp { color:#fff!important; border-color:#168f50; background:#1faa61; }
.dp-btn-danger { color: #fff !important; border-color: var(--dp-danger); background: var(--dp-danger); }
.dp-btn-small { min-height: 32px; padding: 6px 10px; font-size: .72rem; }
.dp-check { display: flex !important; grid-template-columns: auto 1fr; align-items: flex-start; gap: 10px !important; font-weight: 500 !important; }
.dp-check input { width: auto; min-height: 0; margin-top: 3px; }
.dp-table-wrap { width: 100%; overflow-x: auto; }
.dp-table-wrap table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.dp-table-wrap th { padding: 11px 10px; background: #f2f4f7; color: #5b6675; text-align: left; white-space: nowrap; }
.dp-table-wrap td { padding: 12px 10px; border-bottom: 1px solid var(--dp-line); vertical-align: top; }
.dp-table-wrap td strong, .dp-table-wrap td small { display: block; }
.dp-table-wrap td small { color: var(--dp-muted); margin-top: 4px; }
.dp-badge { display:inline-flex; align-items:center; justify-content:center; gap:6px; border-radius:999px; padding:4px 9px; background:#eef1f5; color:#4a5565; font-size:.67rem; font-weight:800; line-height:1.15; vertical-align:middle; white-space:nowrap; }
.dp-badge > i { flex:0 0 auto; margin:0; font-size:.58rem; line-height:1; }
.dp-online-badge { min-height:30px; padding:7px 12px; }
.status-active, .status-approved, .status-completed, .status-sold, .status-paid { background: #e4f5ed; color: var(--dp-success); }
.status-pending, .status-waiting, .status-submitted, .status-preparing, .status-partial { background: #fff2d8; color: var(--dp-warning); }
.status-rejected, .status-cancelled, .status-suspended, .status-closed { background: #fee9ec; color: var(--dp-danger); }
.status-shipped, .status-interested, .status-uploaded { background: #e5efff; color: #235ea7; }
.dp-card-list { display: grid; gap: 10px; }
.dp-card-list article { display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--dp-line); border-radius: 11px; padding: 14px; }
.dp-card-list article > div:first-child { display: grid; gap: 5px; }
.dp-card-list strong, .dp-card-list small { display: block; }
.dp-card-list small { color: var(--dp-muted); }
.dp-product-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 0 0 auto; }
.dp-product-actions form { margin: 0; }
.dp-toggle { position: relative; width: 50px; height: 30px; padding: 0; border: 0; border-radius: 999px; background: #c8ced7; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); cursor: pointer; transition: background .2s ease, box-shadow .2s ease; }
.dp-toggle span { position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 2px 7px rgba(0,0,0,.25); transition: transform .2s ease; }
.dp-toggle.is-active { background: #2f9e61; }
.dp-toggle.is-active span { transform: translateX(20px); }
.dp-toggle:hover { box-shadow: inset 0 0 0 1px rgba(0,0,0,.12), 0 0 0 3px rgba(47,158,97,.12); }
.dp-toggle:focus-visible { outline: 3px solid rgba(166,132,59,.35); outline-offset: 2px; }
.dp-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.dp-inline-form { display: flex; align-items: center; gap: 10px; margin-top: 15px; max-width: 460px; }
.dp-compact-form { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 7px; }
.dp-compact-form input, .dp-compact-form select { width: auto; min-width: 110px; min-height: 32px; padding: 5px 8px; }
.dp-auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 30px; background: radial-gradient(circle at 15% 10%, #343434, #0c0c0c 58%); }
.dp-auth-card { position: relative; width: min(430px, 100%); background: #fff; padding: 36px; border-radius: 22px; box-shadow: 0 28px 80px rgba(0,0,0,.38); }
.dp-auth-card h1 { margin: 7px 0 10px; }
.dp-auth-card > p { color: var(--dp-muted); line-height: 1.6; }
.dp-auth-logo { width: 210px; max-height: 66px; object-fit: contain; object-position: left center; margin: 18px 0 24px; }
.dp-language-switcher { display: flex; align-items: center; gap: 5px; }
.dp-language-switcher a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 30px; padding: 0 8px; border: 1px solid #d8dee7; border-radius: 8px; color: #5d6776; background: #fff; font-size: .68rem; font-weight: 800; text-decoration: none !important; }
.dp-language-switcher a:hover, .dp-language-switcher a.active { color: #111; border-color: var(--dp-accent); background: #f6e8bd; }
.dp-auth-card > .dp-language-switcher { position: absolute; top: 18px; right: 20px; }
.dp-topbar .dp-language-switcher a { color: #ddd; border-color: #4a4a4a; background: #242424; }
.dp-topbar .dp-language-switcher a:hover, .dp-topbar .dp-language-switcher a.active { color: #111; border-color: var(--dp-accent); background: var(--dp-accent); }
.dp-auth-link { display: block; margin-top: 18px; color: #765a1d; text-align: center; }
.dp-alert { border-radius: 11px; padding: 13px 15px; margin: 14px 0; font-size: .8rem; line-height: 1.55; }
.dp-alert-warning { background: #fff4dc; color: #6e4900; border: 1px solid #f0d596; }
.dp-alert-info { background: #eaf3ff; color: #285a91; border: 1px solid #bed8f8; }
.dp-notifications .alert { border-radius: 11px; }
.dp-details { display: grid; grid-template-columns: 140px 1fr; gap: 9px 14px; }
.dp-details dt { color: var(--dp-muted); }
.dp-details dd { margin: 0; font-weight: 700; }
.dp-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.dp-product-card { background: #fff; border: 1px solid var(--dp-line); border-radius: 17px; padding: 24px; box-shadow: var(--dp-shadow); }
.dp-product-card h2 { margin: 7px 0 10px; }
.dp-product-card > p { color: var(--dp-muted); min-height: 44px; }
.dp-product-card dl { display: grid; grid-template-columns: 1fr auto; gap: 9px; padding-top: 14px; border-top: 1px solid var(--dp-line); }
.dp-product-card dt { color: var(--dp-muted); font-size: .75rem; }
.dp-product-card dd { margin: 0; font-weight: 700; }
.dp-product-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; background: #161616; color: var(--dp-accent); font-size: 1.3rem; margin-bottom: 14px; }
.dp-campaign-chip { margin-top: 15px; background: #fff3d7; color: #7a5200; border-radius: 8px; padding: 9px 11px; font-size: .75rem; font-weight: 700; }
.dp-order-row { grid-template-columns: minmax(220px, 2fr) 100px minmax(180px, 1fr) auto; border-bottom: 1px dashed var(--dp-line); padding-bottom: 12px; margin-bottom: 12px; }
.dp-opportunity-page { max-width:1740px; }
.dp-opportunity-form .dp-panel-head > div { min-width:0; }
.dp-opportunity-form .dp-panel-head p { margin:5px 0 0; color:var(--dp-muted); font-size:.78rem; line-height:1.5; }
.dp-opportunity-contact-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; align-items:end; }
.dp-opportunity-contact-grid label:first-child,.dp-opportunity-contact-grid .lead-company-field { grid-column:span 2; }
.dp-opportunity-products { padding:0; overflow:visible; }
.dp-opportunity-products > .dp-panel-head { margin:0; padding:20px 22px; border-bottom:1px solid var(--dp-line); }
.dp-opportunity-lines-head,.dp-opportunity-item-row { display:grid; grid-template-columns:38px minmax(250px,1.5fr) 100px 150px 170px 72px 140px 42px; gap:12px; align-items:center; }
.dp-opportunity-lines-head { padding:11px 22px; background:#f5f7fa; color:#596577; font-size:.68rem; font-weight:800; }
.dp-opportunity-lines-head span:not(:nth-child(2)) { text-align:center; }
.dp-opportunity-item-row { padding:16px 22px; border-top:1px solid #edf0f3; }
.dp-opportunity-item-row label { min-width:0; margin:0; }
.dp-opportunity-item-row label > span { display:none; }
.dp-opportunity-item-row select,.dp-opportunity-item-row input { height:48px; min-height:48px; }
.dp-opportunity-money { display:flex; align-items:center; }
.dp-opportunity-money b { display:grid; place-items:center; flex:0 0 38px; height:48px; border:1px solid #cfd6df; border-right:0; border-radius:9px 0 0 9px; background:#eef1f5; }
.dp-opportunity-money input { min-width:0; border-radius:0 9px 9px 0; background:#f8f9fb; text-align:right; }
.dp-opportunity-discount { display:grid; grid-template-columns:62px minmax(0,1fr); }
.dp-opportunity-discount select { border-radius:9px 0 0 9px; background:#eef1f5; }
.dp-opportunity-discount input { min-width:0; border-left:0; border-radius:0 9px 9px 0; text-align:right; }
.dp-opportunity-vat { color:var(--dp-muted); text-align:center; font-size:.76rem; font-weight:700; }
.dp-opportunity-line-total { text-align:right; white-space:nowrap; }
.dp-opportunity-bottom-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr); gap:22px; align-items:start; }
.dp-opportunity-summary { position:sticky; top:92px; }
.dp-opportunity-summary dl { margin:0; display:grid; gap:8px; }
.dp-opportunity-summary dl > div { display:flex; justify-content:space-between; gap:20px; padding:9px 0; border-bottom:1px solid #edf0f3; }
.dp-opportunity-summary dt { color:var(--dp-muted); }
.dp-opportunity-summary dd { margin:0; font-weight:800; }
.dp-opportunity-summary .dp-grand-total { margin:5px 0 10px; padding:14px; border:0; border-radius:10px; background:#171717; color:#fff; }
.dp-opportunity-summary .dp-grand-total dt { color:#d7dbe1; }
.dp-opportunity-summary .dp-grand-total dd { color:var(--dp-accent); font-size:1.15rem; }
.dp-opportunity-summary > small { display:flex; gap:8px; color:var(--dp-muted); line-height:1.5; }
.dp-opportunity-summary > .dp-btn { width:100%; margin-top:16px; }
.dp-opportunity-list { margin-top:4px; }
.dp-agreement-status { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.dp-agreement-status h2 { margin: 9px 0 4px; }
.dp-privacy { margin-top: 20px; padding: 18px; max-height: 310px; overflow: auto; background: #f6f7f9; border-radius: 11px; line-height: 1.65; }
#signature-pad { width: 100%; max-width: 700px; height: 220px; display: block; border: 2px dashed #abb3bf; border-radius: 12px; background: #fff; touch-action: none; margin: 8px 0 10px; }
.dp-progress-block { margin-bottom: 17px; }
.dp-progress-block > div { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; font-size: .78rem; }
.dp-progress-block progress { width: 100%; height: 11px; accent-color: var(--dp-accent); }
.dp-onboarding { overflow: hidden; }
.dp-onboarding .dp-panel-head strong { min-width: 54px; padding: 8px 12px; border-radius: 999px; background: #fff2d8; color: var(--dp-warning); text-align: center; }
.dp-stepper { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.dp-step { position: relative; display: grid; justify-items: center; gap: 8px; color: var(--dp-muted); text-align: center; font-size: .75rem; font-weight: 700; }
.dp-step::after { content: ""; position: absolute; z-index: 0; top: 16px; left: calc(50% + 22px); width: calc(100% - 34px); height: 2px; background: var(--dp-line); }
.dp-step:last-child::after { display: none; }
.dp-step i { position: relative; z-index: 1; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #eef1f5; color: #697586; font-style: normal; }
.dp-step-complete i { background: var(--dp-success); color: #fff; }
.dp-step-complete::after { background: var(--dp-success); }
.dp-step-current { color: var(--dp-text); }
.dp-step-current i { background: var(--dp-accent); color: #111; box-shadow: 0 0 0 5px rgba(215,181,109,.2); }
.dp-onboarding-note { margin: 20px 0 0; padding: 12px 14px; border-radius: 10px; background: #f7f8fa; color: var(--dp-muted); }
.dp-term { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 14px; color: var(--dp-muted); font-size: .8rem; }
.dp-credentials { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px 18px; margin-bottom: 22px; background: #fff4d6; border: 1px solid #e3c66f; border-radius: 12px; }
.dp-credentials code { padding: 7px 10px; background: #fff; border-radius: 6px; font-size: .9rem; }
.dp-empty, .dp-empty-card { color: var(--dp-muted); padding: 24px; text-align: center; }
.dp-empty-card { background: #fff; border: 1px dashed #bdc5cf; border-radius: 14px; grid-column: 1 / -1; }
.dp-text-danger { color: var(--dp-danger) !important; }
.dp-product-image { width: 100%; height: 190px; object-fit: contain; border-radius: 14px; background: #f7f9fc; margin-bottom: 18px; }
.dp-product-preview { width: 160px; max-height: 120px; object-fit: contain; border: 1px solid var(--dp-border); border-radius: 10px; }
.dp-list-thumb { width: 56px; height: 56px; object-fit: contain; border-radius: 10px; background: #f7f9fc; flex: 0 0 auto; }
.dp-list-search { width: 100%; margin: 0 0 14px; border: 1px solid var(--dp-border); border-radius: 10px; padding: 11px 13px; background: #fff; color: var(--dp-text); }
.dp-clickable-card { cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.dp-clickable-card:hover, .dp-clickable-card:focus { transform: translateY(-2px); border-color: var(--dp-accent); box-shadow: 0 12px 28px rgba(20,25,35,.1); outline: none; }
.dp-overview-stats article small { display: block; margin-top: 8px; color: var(--dp-muted); font-size: .7rem; }
.dp-pipeline-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 16px; }
.dp-pipeline-summary span { display: grid; gap: 2px; padding: 10px; border-radius: 10px; background: #f5f7fa; color: var(--dp-muted); font-size: .7rem; }
.dp-pipeline-summary b { color: var(--dp-text); font-size: 1.15rem; }
.dp-wizard-title { display: flex; align-items: flex-start; gap: 13px; margin-bottom: 20px; }
.dp-wizard-title > i { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: var(--dp-accent); color: #111; font-style: normal; font-weight: 800; }
.dp-wizard-title h2, .dp-wizard-title p { margin: 0; }
.dp-wizard-title p { margin-top: 4px; color: var(--dp-muted); font-size: .78rem; }
.dp-order-wizard { gap: 0; }
.dp-design-layout { display: grid; grid-template-columns: minmax(320px,.9fr) minmax(420px,1.1fr); gap: 28px; align-items: start; }
.dp-card-preview-wrap { display: grid; gap: 10px; color: var(--dp-muted); font-size: .75rem; }
.dp-card-preview { --dp-card-ink:#e9e296; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:min(100%,720px); }
.dp-card-preview.variant-gold { --dp-card-ink:#e9e296; }
.dp-card-preview.variant-silver { --dp-card-ink:#d9dde0; }
.dp-card-preview-face { position:relative; aspect-ratio:1.5926/1; overflow:hidden; border-radius:clamp(10px,1.45vw,18px); background:#262626; color:var(--dp-card-ink); box-shadow:0 15px 30px rgba(0,0,0,.22); isolation:isolate; }
.dp-card-preview-face::after { content:""; position:absolute; inset:0; z-index:-1; opacity:.018; background-image:url('../../../../tasarla/v1.1/assets/images/noise-mb.png'); }
.dp-preview-logo { position:absolute; top:50%; left:50%; display:grid; place-items:center; width:47%; height:55%; overflow:hidden; transform:translate(-50%,-50%); color:var(--dp-card-ink); font-family:Avenir,Arial,sans-serif; font-size:clamp(.65rem,1.4vw,1rem); font-weight:700; letter-spacing:.18em; text-align:center; }
.dp-preview-logo img { width:100%; height:100%; object-fit:contain; filter:grayscale(1) sepia(1) saturate(.8) brightness(1.35); mix-blend-mode:screen; }
.dp-card-preview.variant-silver .dp-preview-logo img { filter:grayscale(1) brightness(1.7); }
.dp-preview-copy { position:absolute; top:50%; left:26%; right:13%; display:grid; gap:2px; transform:translateY(-50%); color:var(--dp-card-ink); text-align:center; font-family:Avenir,Arial,sans-serif; line-height:1.15; }
.dp-preview-copy strong { overflow-wrap:anywhere; font-size:clamp(.62rem,1.18vw,.94rem); font-weight:500; }
.dp-preview-copy span { opacity:.82; font-size:clamp(.42rem,.72vw,.58rem); }
.dp-preview-copy span:empty { display:none; }
.dp-preview-qr { position:absolute; top:50%; left:5.8%; width:18%; aspect-ratio:1; padding:1.25%; overflow:hidden; transform:translateY(-50%); border-radius:13%; background:var(--dp-card-ink); }
.dp-preview-qr img, .dp-preview-qr canvas { display:block; width:100%!important; height:100%!important; }
.dp-preview-signal { position:absolute; top:50%; right:5.8%; width:3.5%; height:11.1%; transform:translateY(-50%); background:currentColor; -webkit-mask:var(--dp-signal-image) center/contain no-repeat; mask:var(--dp-signal-image) center/contain no-repeat; }
.dp-delivery-choices { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:18px; }
.dp-delivery-choices label { cursor:pointer; }
.dp-delivery-choices input { position:absolute; width:1px; height:1px; min-height:0; margin:0; opacity:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.dp-delivery-choices span { display:grid; gap:7px; min-height:122px; padding:16px; border:2px solid var(--dp-line); border-radius:13px; background:#fff; }
.dp-delivery-choices input:checked + span { border-color:var(--dp-accent); background:#fff9eb; box-shadow:0 0 0 3px rgba(215,181,109,.18); }
.dp-delivery-choices i { color:#987224; font-size:1.2rem; }
.dp-delivery-choices small { color:var(--dp-muted); font-weight:400; line-height:1.45; }
.dp-delivery-address-editor { display:grid; gap:14px; margin-bottom:18px; padding:18px; border:1px solid var(--dp-line); border-radius:13px; background:#f8f9fb; }
.dp-delivery-address-editor[hidden] { display:none; }
.dp-delivery-address-editor h3 { margin:0; font-size:1rem; }
.dp-delivery-address-editor textarea { min-height:92px; }
.dp-delivery-summary { display:flex; align-items:center; gap:12px; margin-top:15px; padding:14px; border-radius:11px; background:#f5f7fa; }
.dp-delivery-summary i { color:#8e6b24; font-size:1.3rem; }
.dp-delivery-summary div { display:grid; gap:3px; }
.dp-delivery-summary span { color:var(--dp-muted); font-size:.78rem; }
.dp-material-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:24px; }
.dp-material-card { overflow:hidden; background:#fff; border:1px solid var(--dp-line); border-radius:17px; box-shadow:var(--dp-shadow); }
.dp-material-card img { width:100%; height:210px; object-fit:cover; background:#f4f5f7; }
.dp-material-card > div { padding:22px; }
.dp-material-card h2 { margin:8px 0; }
.dp-material-card p, .dp-material-card li { color:var(--dp-muted); line-height:1.55; }
.dp-material-card ul { padding-left:18px; }
.dp-sales-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.dp-sales-flow span { display:flex; align-items:center; gap:9px; padding:14px; border-radius:11px; background:#f6f7f9; font-size:.78rem; }
.dp-sales-flow b { display:grid; place-items:center; flex:0 0 28px; height:28px; border-radius:50%; background:#111; color:#fff; }
.dp-quote-sheet { max-width:980px; margin-inline:auto; }
.dp-quote-brand { display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; margin-bottom:26px; border-bottom:2px solid #111; }
.dp-quote-brand img { width:220px; max-height:70px; object-fit:contain; }
.dp-quote-brand > div { display:grid; text-align:right; }
.dp-quote-totals { display:flex; justify-content:flex-end; gap:20px; margin-top:20px; }
.dp-quote-totals span { display:grid; gap:4px; min-width:130px; padding:12px; background:#f5f6f8; border-radius:9px; }
.dp-quote-note { margin-top:22px; padding:16px; border-left:4px solid var(--dp-accent); background:#faf8f2; }
.dp-quote-valid { margin-top:25px; text-align:right; }
.dp-contract-address { border-left:5px solid var(--dp-accent); }

/* CRM-inspired dealer quote editor */
.dp-quote-editor-page { max-width: 1740px; }
.dp-crm-quote-form { gap: 0; }
.dp-quote-toolbar { position: sticky; z-index: 14; top: 82px; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; padding:12px 14px; border:1px solid var(--dp-line); border-radius:13px; background:rgba(255,255,255,.96); box-shadow:0 10px 28px rgba(22,30,43,.08); backdrop-filter:blur(8px); }
.dp-quote-toolbar > div { display:flex; align-items:center; gap:10px; }
.dp-quote-top-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:stretch; }
.dp-quote-top-grid .dp-panel { height:calc(100% - 24px); }
.dp-panel-head h2 { display:inline-flex; align-items:center; gap:9px; }
.dp-panel-head h2 i { color:#9a762d; }
.dp-validity-shortcuts { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.dp-validity-shortcuts > span { margin-right:4px; color:var(--dp-muted); font-size:.75rem; font-weight:700; }
.dp-chip { min-height:32px; padding:5px 11px; border:1px solid #cfd6df; border-radius:8px; background:#f7f9fb; color:#475365; cursor:pointer; font-size:.72rem; font-weight:700; }
.dp-chip:hover,.dp-chip.active { border-color:var(--dp-accent); background:#fff4d9; color:#604612; }
.dp-search-select { position:relative; }
.dp-search-select::after { content:"\f002"; position:absolute; top:13px; right:13px; color:#8b95a3; font:900 13px/1 "Font Awesome 5 Free"; pointer-events:none; }
.dp-search-select .dp-search-input { padding-right:36px; }
.dp-search-results { position:absolute; z-index:60; top:calc(100% + 5px); left:0; right:0; max-height:310px; overflow:auto; padding:6px; border:1px solid #ccd4de; border-radius:11px; background:#fff; box-shadow:0 18px 42px rgba(24,32,43,.18); }
.dp-search-results button { width:100%; display:flex; align-items:center; gap:11px; padding:10px; border:0; border-radius:8px; background:#fff; color:var(--dp-text); text-align:left; cursor:pointer; }
.dp-search-results button:hover,.dp-search-results button:focus { background:#f5f1e7; outline:none; }
.dp-search-results button > i { width:30px; color:#9a762d; text-align:center; }
.dp-search-results button > span:not(.dp-option-image) { min-width:0; display:grid; gap:3px; }
.dp-search-results b,.dp-search-results small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-search-results small { color:var(--dp-muted); font-size:.7rem; font-weight:400; }
.dp-search-results em { max-width:580px; overflow:hidden; color:#7b8491; font-size:.66rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.dp-search-results .dp-search-create { border:1px solid #d8bd7d; background:#fff8e7; }
.dp-search-results .dp-search-create i { color:#8e6b24; }
.dp-search-results .dp-search-create b { white-space:normal; }
.dp-search-empty { padding:18px; color:var(--dp-muted); text-align:center; font-size:.78rem; }
.dp-option-image { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; overflow:hidden; border:1px solid #e1e6ed; border-radius:8px; background:#f7f9fb; color:#9a762d; }
.dp-option-image img { width:100%; height:100%; object-fit:contain; }
.dp-selected-customer { display:flex; align-items:flex-start; gap:12px; margin-top:12px; padding:13px; border:1px solid #e0d1ad; border-radius:11px; background:#fffaf0; }
.dp-selected-customer > i { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:9px; background:#171717; color:var(--dp-accent); }
.dp-selected-customer > div { min-width:0; display:grid; gap:3px; }
.dp-selected-customer span,.dp-selected-customer small { color:var(--dp-muted); font-size:.72rem; overflow-wrap:anywhere; }
.dp-new-customer-panel { display:grid; gap:12px; margin-top:12px; padding:15px; border:1px dashed #c5a55f; border-radius:12px; background:#fffaf0; }
.dp-new-customer-title { display:flex; align-items:center; gap:11px; padding-bottom:11px; border-bottom:1px solid #eadbb8; }
.dp-new-customer-title > i { display:grid; place-items:center; width:36px; height:36px; border-radius:9px; background:#171717; color:var(--dp-accent); }
.dp-new-customer-title > div { display:grid; gap:2px; }
.dp-new-customer-title small { color:var(--dp-muted); font-size:.68rem; }
.dp-recipient-fields { display:grid; gap:11px; margin-top:16px; padding-top:16px; border-top:1px solid var(--dp-line); }
.dp-recipient-fields > strong { font-size:.8rem; }
.dp-form-error { margin-bottom:16px; padding:13px 15px; border:1px solid #efb6bd; border-radius:10px; background:#fff0f2; color:var(--dp-danger); font-size:.8rem; font-weight:700; }
.dp-quote-products-card { padding:0; overflow:visible; }
.dp-quote-products-card > .dp-panel-head { margin:0; padding:18px 20px; border-bottom:1px solid var(--dp-line); }
.dp-quote-lines-head,.dp-quote-line { --dp-quote-columns:40px minmax(260px,1fr) 140px 170px 170px 70px 150px 100px; display:grid; grid-template-columns:var(--dp-quote-columns); gap:12px; align-items:center; box-sizing:border-box; }
.dp-quote-lines-head { padding:12px 24px; background:#f5f7fa; color:#596577; font-size:.68rem; font-weight:800; }
.dp-quote-lines-head > span:not(:nth-child(2)) { text-align:center; }
.dp-quote-line { position:relative; padding:18px 24px; border-top:1px solid #edf0f3; }
.dp-line-number { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#eef1f5; color:#5d6878; font-size:.72rem; font-weight:800; }
.dp-product-picker { min-width:0; display:grid; grid-template-columns:56px minmax(0,1fr); gap:12px; align-items:center; }
.dp-line-product-image { width:56px; height:56px; display:grid; place-items:center; overflow:hidden; border:1px solid #dce2e9; border-radius:10px; background:#f8fafc; color:#9a762d; }
.dp-line-product-image img { width:100%; height:100%; object-fit:contain; }
.dp-quantity-stepper { display:grid; grid-template-columns:42px minmax(58px,1fr) 42px; align-items:center; }
.dp-quantity-stepper button,.dp-quantity-stepper input { height:56px; min-height:56px; box-sizing:border-box; border:1px solid #cfd6df; border-radius:0; background:#fff; text-align:center; }
.dp-quantity-stepper button { padding:0; color:#3d4857; cursor:pointer; font-size:1rem; }
.dp-quantity-stepper button:first-child { border-radius:8px 0 0 8px; }
.dp-quantity-stepper button:last-child { border-radius:0 8px 8px 0; }
.dp-quantity-stepper input { min-width:0; padding:6px; border-left:0; border-right:0; }
.dp-money-input { display:flex!important; align-items:center; gap:0!important; margin:0!important; }
.dp-money-input > span { display:grid; place-items:center; flex:0 0 44px; height:56px; box-sizing:border-box; border:1px solid #cfd6df; border-right:0; border-radius:9px 0 0 9px; background:#eef1f5; }
.dp-money-input input { min-width:0; height:56px; min-height:56px; box-sizing:border-box; border-radius:0 9px 9px 0; text-align:right; }
.dp-discount-input { display:grid; grid-template-columns:72px minmax(72px,1fr); }
.dp-discount-input select,.dp-discount-input input { min-width:0; border-radius:0; }
.dp-discount-input select,.dp-discount-input input { height:56px; min-height:56px; box-sizing:border-box; }
.dp-discount-input select { border-radius:9px 0 0 9px; background:#eef1f5; }
.dp-discount-input input { border-left:0; border-radius:0 9px 9px 0; text-align:right; }
.dp-product-picker .dp-search-input { height:56px; min-height:56px; box-sizing:border-box; }
.dp-line-vat { min-height:56px; display:flex; align-items:center; justify-content:center; color:var(--dp-muted); font-size:.75rem; font-weight:700; text-align:center; }
.dp-line-total { min-height:56px; display:flex; align-items:center; justify-content:flex-end; font-size:.82rem; text-align:right; white-space:nowrap; }
.dp-line-actions { min-height:56px; display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.dp-line-actions .dp-icon-btn { width:48px; height:48px; }
.dp-line-description-toggle.active { border-color:#b68e3e; background:#fff5dc; color:#7b5b1c!important; }
.dp-line-detail { grid-column:2 / -1; display:grid; grid-template-columns:minmax(220px,.45fr) minmax(340px,1.55fr); gap:14px; align-items:start; margin-top:4px; padding:14px; border:1px solid #e4d6b7; border-radius:10px; background:#fffaf0; }
.dp-line-detail[hidden] { display:none; }
.dp-line-detail > div { display:flex; gap:10px; color:#4e5968; }
.dp-line-detail > div i { color:#9a762d; margin-top:3px; }
.dp-line-detail > div span { display:grid; gap:4px; }
.dp-line-detail > div small { color:var(--dp-muted); font-size:.68rem; line-height:1.45; }
.dp-line-detail textarea { min-height:76px; resize:vertical; }
.dp-product-footer { padding:16px 24px 20px; border-top:1px solid #edf0f3; }
.dp-icon-btn { display:inline-grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid #d3dae3; border-radius:8px; background:#fff; color:#4d5969!important; cursor:pointer; text-decoration:none!important; }
.dp-icon-btn:hover { border-color:#9a762d; color:#7b5b1c!important; }
.dp-icon-btn.dp-danger { color:var(--dp-danger)!important; }
.dp-icon-btn.dp-primary { background:#171717; border-color:#171717; color:#fff!important; }
.dp-quote-bottom-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr); gap:20px; align-items:start; }
.dp-quote-summary { position:sticky; top:154px; }
.dp-quote-summary dl { margin:0; display:grid; gap:9px; }
.dp-quote-summary dl > div { display:flex; justify-content:space-between; gap:20px; padding:8px 0; border-bottom:1px solid #edf0f3; }
.dp-quote-summary dt { color:var(--dp-muted); }
.dp-quote-summary dd { margin:0; font-weight:800; }
.dp-quote-summary .dp-grand-total { margin-top:4px; padding:14px; border:0; border-radius:10px; background:#171717; color:#fff; }
.dp-quote-summary .dp-grand-total dt { color:#d7dbe1; }
.dp-quote-summary .dp-grand-total dd { color:var(--dp-accent); font-size:1.25rem; }
.dp-quote-summary > small { display:flex; gap:7px; margin-top:12px; line-height:1.5; }
.dp-quote-summary-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; }
.dp-quote-list-panel { margin-top:8px; }
.dp-quote-list-panel .dp-table-wrap { overflow:visible; }
.dp-quote-list-panel .dp-list-search { margin:0 0 14px; }
.dp-filter-tabs { display:flex; align-items:center; gap:9px; margin:0 0 16px; }
.dp-filter-tabs a { display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:8px 13px; border:1px solid #d7dde5; border-radius:10px; background:#fff; color:#4d5969; font-size:.78rem; font-weight:700; text-decoration:none!important; }
.dp-filter-tabs a.active { border-color:#c09a4d; background:#fff3d6; color:#5b4314; }
.dp-filter-tabs a span { min-width:24px; padding:3px 7px; border-radius:999px; background:#edf0f4; text-align:center; font-size:.65rem; }
.dp-row-deleted { opacity:.7; background:#fafafa; }
.status-deleted { background:#edeef1; color:#606a78; }
.dp-inline-confirm { position:relative; }
.dp-inline-confirm summary { list-style:none; }
.dp-inline-confirm summary::-webkit-details-marker { display:none; }
.dp-inline-confirm form { position:absolute; z-index:20; right:0; top:42px; width:230px; display:grid; gap:10px; padding:13px; border:1px solid #e3b8bd; border-radius:10px; background:#fff; box-shadow:0 14px 34px rgba(31,38,49,.18); }
.dp-inline-confirm form strong { font-size:.72rem; line-height:1.45; }
.dp-back-link { display:inline-flex; align-items:center; gap:7px; margin-bottom:9px; color:var(--dp-muted)!important; font-size:.75rem; text-decoration:none!important; }
.dp-rich-editor { overflow:hidden; border:1px solid #cfd6df; border-radius:10px; background:#fff; }
.dp-rich-toolbar { display:flex; gap:5px; padding:8px; border-bottom:1px solid #dfe4eb; background:#f6f8fa; }
.dp-rich-toolbar button { display:grid; place-items:center; width:34px; height:32px; border:1px solid transparent; border-radius:7px; background:transparent; color:#3d4857; cursor:pointer; }
.dp-rich-toolbar button:hover { border-color:#c9d0da; background:#fff; }
.dp-rich-content { min-height:190px; padding:14px; color:var(--dp-text); font-size:.82rem; font-weight:400; line-height:1.6; outline:none; }
.dp-rich-content:empty::before { content:attr(data-placeholder); color:#9ba4b1; pointer-events:none; }
.dp-rich-output { line-height:1.6; }
.dp-rich-output ul,.dp-rich-output ol { padding-left:20px; }
.status-sent { background:#e5efff; color:#235ea7; }
.status-prepared { background:#fff2d8; color:#805500; }
.status-accepted { background:#e4f5ed; color:var(--dp-success); }
.status-expired { background:#f0f1f3; color:#5d6878; }
.dp-quote-send-bar { display:grid; grid-template-columns:minmax(260px,1fr) minmax(260px,.7fr) auto; align-items:end; gap:14px; padding:16px 18px; }
.dp-quote-send-bar > div { display:flex; align-items:center; gap:12px; }
.dp-quote-send-bar > div > i { display:grid; place-items:center; flex:0 0 40px; height:40px; border-radius:10px; background:#171717; color:var(--dp-accent); }
.dp-quote-send-bar > div > span { display:grid; gap:3px; }
.dp-quote-send-bar small { color:var(--dp-muted); }
.dp-quote-send-bar label { display:grid; gap:5px; color:var(--dp-muted); font-size:.7rem; font-weight:700; }
.dp-quote-send-bar input { width:100%; min-height:42px; box-sizing:border-box; border:1px solid #cfd6df; border-radius:9px; padding:9px 11px; background:#fff; color:var(--dp-text); }
.dp-quote-document-title { margin:0 0 26px; font-size:1.55rem; }
.dp-quote-product-cell { display:flex; align-items:center; gap:10px; min-width:180px; }
.dp-quote-product-cell img { flex:0 0 44px; width:44px; height:44px; object-fit:contain; border:1px solid #e1e6ed; border-radius:8px; background:#f7f9fb; }
.dp-quote-product-cell span { display:grid; gap:4px; }
.dp-public-quote-main { min-height:100vh; padding:28px 16px 60px; background:#f3f5f8; }
.dp-public-quote-toolbar { max-width:980px; margin:0 auto 16px; display:flex; align-items:center; justify-content:space-between; }
.dp-public-quote-toolbar img { width:180px; max-height:54px; object-fit:contain; }
.dp-public-quote-footer { display:flex; justify-content:space-between; gap:20px; margin-top:30px; padding-top:18px; border-top:1px solid var(--dp-line); color:var(--dp-muted); }
.dp-public-quote-footer strong { color:#8e6b24; }

/* Corporate quote document */
.dp-quote-document { max-width:1160px; margin:22px auto; overflow:hidden; border:1px solid #d9dee6; border-radius:22px; background:#fff; box-shadow:0 24px 62px rgba(16,20,27,.12); }
.dp-quote-document-hero { position:static!important; inset:auto!important; width:auto!important; min-height:148px; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:34px 42px; background:linear-gradient(128deg,#0d0d0e 0%,#191919 76%,#2b2415 100%); color:#fff; }
.dp-quote-document-logo { display:flex; align-items:center; gap:22px; }
.dp-quote-document-logo img { width:230px; max-height:64px; object-fit:contain; }
.dp-quote-document-logo span { padding-left:22px; border-left:1px solid rgba(215,181,109,.45); color:#d7b56d; font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.dp-quote-document-number { min-width:210px; display:grid; gap:5px; text-align:right; }
.dp-quote-document-number small { color:#d7b56d; font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.dp-quote-document-number strong { font-size:1.18rem; }
.dp-quote-document-number span { color:#bec3cb; font-size:.72rem; }
.dp-quote-document-body { padding:42px; }
.dp-quote-document-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; margin-bottom:32px; }
.dp-quote-document-intro > div { max-width:760px; }
.dp-quote-document-intro h1 { margin:7px 0 10px; color:#14171d; font-size:2rem; line-height:1.18; }
.dp-quote-document-intro p { margin:0; color:#687386; line-height:1.6; }
.dp-quote-parties { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:30px; }
.dp-quote-parties section { display:flex; gap:16px; padding:22px; border:1px solid #e0e4ea; border-radius:15px; background:#f8f9fb; }
.dp-quote-parties section > i { width:42px; height:42px; display:grid; place-items:center; flex:0 0 42px; border-radius:11px; background:#171717; color:#d7b56d; }
.dp-quote-parties section > div { min-width:0; }
.dp-quote-parties span { color:#9a762d; font-size:.65rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.dp-quote-parties h2 { margin:5px 0; color:#1a1d24; font-size:1rem; }
.dp-quote-parties p { margin:0; color:#697486; font-size:.74rem; line-height:1.55; overflow-wrap:anywhere; }
.dp-quote-document-table { overflow:hidden; border:1px solid #dfe3e9; border-radius:15px; }
.dp-quote-document-table table { margin:0; }
.dp-quote-document-table thead { background:#171717; color:#fff; }
.dp-quote-document-table th { padding:15px 14px; border:0; color:#d7b56d; font-size:.65rem; letter-spacing:.04em; }
.dp-quote-document-table td { padding:17px 14px; border-bottom:1px solid #e7eaf0; vertical-align:middle; }
.dp-quote-document-table th:not(:first-child),.dp-quote-document-table td:not(:first-child) { text-align:right; }
.dp-quote-product-placeholder { width:44px; height:44px; display:grid!important; place-items:center; flex:0 0 44px; border-radius:9px; background:#171717; color:#d7b56d; }
.dp-quote-document-closing { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:26px; align-items:start; margin-top:30px; }
.dp-quote-document-notes { min-height:212px; padding:22px; border:1px solid #e1e5eb; border-radius:15px; background:#fafbfc; }
.dp-quote-document-notes p { color:#626e80; line-height:1.65; }
.dp-quote-validity { display:flex; align-items:center; gap:12px; margin-top:24px; padding:14px; border-radius:11px; background:#fff6df; color:#6e531b; }
.dp-quote-validity i { font-size:1.15rem; }
.dp-quote-validity span { display:grid; gap:3px; font-size:.67rem; }
.dp-quote-validity strong { color:#1b1e24; font-size:.8rem; }
.dp-quote-document-totals { overflow:hidden; border:1px solid #dce1e8; border-radius:15px; background:#fff; }
.dp-quote-document-totals h3 { margin:0; padding:18px 20px; background:#f2f4f7; font-size:.9rem; }
.dp-quote-document-totals dl { margin:0; padding:8px 20px 20px; }
.dp-quote-document-totals dl > div { display:flex; justify-content:space-between; gap:18px; padding:11px 0; border-bottom:1px solid #eaedf1; }
.dp-quote-document-totals dt { color:#6c7788; }
.dp-quote-document-totals dd { margin:0; color:#1c2028; font-weight:800; }
.dp-quote-document-totals .dp-quote-document-grand { align-items:center; margin-top:10px; padding:17px; border:0; border-radius:11px; background:#171717; color:#fff; }
.dp-quote-document-grand dt { color:#d4d8df; }
.dp-quote-document-grand dd { color:#d7b56d; font-size:1.15rem; }
.dp-quote-document-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 42px; background:#111; color:#c1c5cc; font-size:.7rem; }
.dp-quote-document-footer strong { color:#d7b56d; }
.dp-public-quote-toolbar { max-width:1160px; }
.dp-crm-control-panel { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 18px; }
.dp-crm-control-panel .dp-filter-tabs { margin:0; }
.dp-admin-filter-form { display:flex; align-items:flex-end; gap:10px; }
.dp-admin-filter-form label { display:grid; gap:5px; color:var(--dp-muted); font-size:.7rem; font-weight:700; }
.dp-admin-filter-form select { min-width:250px; min-height:40px; border:1px solid #cfd6df; border-radius:9px; padding:7px 10px; background:#fff; }
.dp-dealer-records-shortcut { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; padding:14px 18px; border:1px solid #e1d2ad; border-radius:13px; background:#fff9eb; }
.dp-dealer-records-shortcut span { color:#756442; font-size:.74rem; }
.dp-detail-tabs { display:flex; align-items:center; gap:7px; margin-bottom:20px; padding:7px; overflow-x:auto; border:1px solid var(--dp-line); border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(19,24,32,.05); scrollbar-width:thin; }
.dp-detail-tab { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; flex:0 0 auto; padding:9px 14px; border:0; border-radius:10px; background:transparent; color:#626d7d; font:inherit; font-size:.75rem; font-weight:750; cursor:pointer; white-space:nowrap; }
.dp-detail-tab i { color:#a17a2c; }
.dp-detail-tab:hover { background:#f5f6f8; color:#202631; }
.dp-detail-tab.is-active { background:#171717; color:#fff; box-shadow:0 7px 16px rgba(17,17,17,.16); }
.dp-detail-tab.is-active i { color:var(--dp-accent); }
.dp-detail-tab:focus-visible { outline:3px solid rgba(166,132,59,.32); outline-offset:2px; }
.dp-detail-tab-panel { display:grid; gap:18px; animation:dp-tab-enter .18s ease; }
.dp-detail-tab-panel[hidden] { display:none!important; }
.dp-tab-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding:20px 22px; border:1px solid var(--dp-line); border-radius:15px; background:linear-gradient(135deg,#fff 0%,#faf7ef 100%); }
.dp-tab-intro h2 { margin:4px 0 5px; font-size:1.2rem; }
.dp-tab-intro p,.dp-panel-head p { margin:4px 0 0; color:var(--dp-muted); font-size:.76rem; line-height:1.55; }
@keyframes dp-tab-enter { from { opacity:.45; transform:translateY(4px); } to { opacity:1; transform:none; } }
.dp-sender-identity-admin { border-left:5px solid var(--dp-accent); }
.dp-sender-identity-admin .dp-panel-head { align-items:flex-start; }
.dp-sender-identity-admin .dp-panel-head p { max-width:760px; margin:5px 0 0; color:var(--dp-muted); line-height:1.55; }
.dp-sender-identity-form { grid-template-columns:minmax(220px,.7fr) minmax(300px,1fr) auto; display:grid; align-items:end; gap:14px; }
.dp-sender-identity-strip { display:flex; align-items:center; gap:14px; margin:0 0 16px; padding:14px 17px; border:1px solid #d7dde6; border-radius:13px; background:#fff; }
.dp-sender-identity-strip > i { width:42px; height:42px; display:grid; place-items:center; flex:0 0 42px; border-radius:11px; background:#171717; color:var(--dp-accent); }
.dp-sender-identity-strip > div { min-width:0; display:grid; gap:3px; }
.dp-sender-identity-strip span { color:#8c6a23; font-size:.64rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.dp-sender-identity-strip strong { overflow-wrap:anywhere; }
.dp-sender-identity-strip small,.dp-field-help { color:var(--dp-muted); font-size:.7rem; line-height:1.5; }
.dp-sender-identity-strip.is-ready { border-color:#b9dfd0; background:#f1fbf7; }
.dp-sender-identity-strip.is-locked { border-color:#ead19a; background:#fff8e7; }
.dp-btn:disabled,.dp-btn[aria-disabled="true"] { cursor:not-allowed; opacity:.45; filter:grayscale(.5); }

/* Dealer management directory */
.dp-dealer-management-page { max-width:1780px; }
.dp-management-head { align-items:center; }
.dp-management-head > div { max-width:760px; }
.dp-management-summary { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)) minmax(220px,1.3fr); gap:14px; margin-bottom:22px; }
.dp-management-stat { min-width:0; min-height:112px; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; gap:14px; padding:17px 18px; border:1px solid var(--dp-line); border-radius:15px; background:#fff; color:var(--dp-text); box-shadow:var(--dp-shadow); text-align:left; cursor:pointer; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.dp-management-stat:hover,.dp-management-stat.is-active { transform:translateY(-2px); border-color:#c3a358; box-shadow:0 15px 32px rgba(23,31,44,.1); }
.dp-management-stat span { display:flex; align-items:center; gap:8px; color:var(--dp-muted); font-size:.72rem; font-weight:700; }
.dp-management-stat span i { color:#9a762d; }
.dp-management-stat strong { overflow:hidden; font-size:1.5rem; line-height:1.15; text-overflow:ellipsis; }
.dp-management-sales { border-color:#272727; background:linear-gradient(145deg,#111,#29251d); color:#fff; cursor:default; }
.dp-management-sales:hover { transform:none; border-color:#272727; }
.dp-management-sales span { color:#d3d5d9; }
.dp-management-sales strong { color:var(--dp-accent); }
.dp-dealer-directory { padding:0; overflow:hidden; }
.dp-directory-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) auto minmax(170px,auto); align-items:end; gap:14px; padding:20px 22px; border-bottom:1px solid var(--dp-line); }
.dp-directory-search { position:relative; min-width:0; }
.dp-directory-search i { position:absolute; top:50%; left:14px; transform:translateY(-50%); color:#8b95a3; }
.dp-directory-search input { width:100%; height:44px; box-sizing:border-box; border:1px solid #cfd6df; border-radius:10px; padding:10px 14px 10px 40px; outline:none; }
.dp-directory-search input:focus { border-color:#a6843b; box-shadow:0 0 0 3px rgba(215,181,109,.2); }
.dp-directory-filters { display:flex; align-items:center; gap:6px; padding:4px; border:1px solid #d9dfe7; border-radius:11px; background:#f4f6f8; }
.dp-directory-filters button { min-height:34px; padding:7px 11px; border:0; border-radius:8px; background:transparent; color:#5c6675; font-size:.7rem; font-weight:800; cursor:pointer; white-space:nowrap; }
.dp-directory-filters button:hover,.dp-directory-filters button.active { background:#fff; color:#1d2430; box-shadow:0 2px 8px rgba(24,31,43,.09); }
.dp-directory-sort { display:grid; gap:5px; color:var(--dp-muted); font-size:.66rem; font-weight:800; }
.dp-directory-sort select { min-height:44px; border:1px solid #cfd6df; border-radius:10px; padding:8px 32px 8px 11px; background:#fff; color:var(--dp-text); }
.dp-directory-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 22px; border-bottom:1px solid var(--dp-line); background:#fafbfc; color:var(--dp-muted); font-size:.69rem; }
.dp-directory-meta strong { color:#384353; }
.dp-dealer-table { width:100%; }
.dp-dealer-table-head,.dp-dealer-row { display:grid; grid-template-columns:minmax(230px,1.35fr) minmax(190px,.9fr) minmax(230px,1.1fr) minmax(185px,.82fr) minmax(210px,.92fr) 38px; gap:14px; align-items:center; }
.dp-dealer-table-head { padding:11px 22px; background:#f2f4f7; color:#5b6675; font-size:.65rem; font-weight:800; }
.dp-dealer-row { margin:0; padding:17px 22px; border:0; border-bottom:1px solid #e9edf2; border-radius:0; background:#fff; }
.dp-dealer-row:last-of-type { border-bottom:0; }
.dp-dealer-row:hover,.dp-dealer-row:focus { position:relative; z-index:1; transform:none; border-color:#d8bd7d; background:#fffdf8; box-shadow:inset 4px 0 0 var(--dp-accent); }
.dp-dealer-identity { min-width:0; display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:12px; }
.dp-dealer-avatar { display:grid; place-items:center; width:46px; height:46px; border-radius:13px; background:#171717; color:var(--dp-accent); font-size:1rem; font-weight:800; }
.dp-dealer-identity > div,.dp-dealer-stage,.dp-dealer-activity,.dp-dealer-mail-status > div { min-width:0; display:grid; gap:4px; }
.dp-dealer-identity strong,.dp-dealer-identity span,.dp-dealer-identity small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-dealer-identity > div > span { color:#956f22; font-size:.64rem; font-weight:800; letter-spacing:.04em; }
.dp-dealer-identity small,.dp-dealer-stage small,.dp-dealer-activity small { color:var(--dp-muted); font-size:.65rem; line-height:1.45; }
.dp-dealer-stage > div { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.dp-dealer-stage small { font-weight:700; }
.dp-dealer-crm-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.dp-dealer-crm-counts span { min-width:0; display:grid; gap:2px; padding:8px 5px; border-radius:8px; background:#f4f6f8; color:#667181; font-size:.57rem; text-align:center; }
.dp-dealer-crm-counts b { color:#1e2632; font-size:.88rem; }
.dp-dealer-activity strong { font-size:.9rem; }
.dp-today-summary { overflow:hidden; border-top:3px solid var(--dp-accent); }
.dp-today-summary .dp-panel-head h2 { margin:3px 0 0; font-size:1.35rem; }
.dp-today-summary .dp-panel-head p { margin:5px 0 0; color:var(--dp-muted); font-size:.78rem; }
.dp-today-cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.dp-today-cards article { min-width:0; display:flex; align-items:center; gap:12px; padding:15px; border:1px solid var(--dp-line); border-radius:12px; background:#f8f9fb; }
.dp-today-cards article > i { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:10px; background:#171717; color:var(--dp-accent); }
.dp-today-cards article > div { min-width:0; display:grid; gap:5px; }
.dp-today-cards span { overflow:hidden; color:var(--dp-muted); font-size:.68rem; text-overflow:ellipsis; white-space:nowrap; }
.dp-today-cards strong { overflow-wrap:anywhere; font-size:1.05rem; }
.dp-today-cards .is-danger { border-color:#f1bdc4; background:#fff5f6; }
.dp-today-cards .is-danger > i { background:var(--dp-danger); color:#fff; }
.dp-today-actions { display:grid; gap:8px; margin-top:16px; }
.dp-today-actions > a { display:grid; grid-template-columns:38px minmax(0,1fr) auto 14px; align-items:center; gap:12px; padding:11px 13px; border:1px solid var(--dp-line); border-radius:11px; color:var(--dp-text); text-decoration:none; transition:.18s ease; }
.dp-today-actions > a:hover { border-color:var(--dp-accent); background:#fffaf0; transform:translateX(2px); }
.dp-today-actions > a > span:nth-child(2) { min-width:0; display:grid; gap:3px; }
.dp-today-actions > a strong,.dp-today-actions > a small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-today-actions > a small { color:var(--dp-muted); }
.dp-today-actions > a > i { color:#9aa3af; }
.dp-today-action-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:9px; background:#171717; color:var(--dp-accent); }
.dp-today-clear { display:flex; align-items:center; gap:13px; padding:17px; border-radius:12px; background:#edf8f2; color:var(--dp-success); }
.dp-today-clear > i { font-size:1.5rem; }
.dp-today-clear > div { display:grid; gap:3px; }
.dp-today-clear span { color:#47715e; font-size:.76rem; }
.dp-customer-detail-grid { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(460px,1.28fr); gap:22px; align-items:start; }
.dp-customer-detail-page .dp-panel-head h2 { display:flex; align-items:center; gap:9px; }
.dp-customer-detail-page .dp-panel-head h2 i { color:#987224; }
.dp-customer-detail-page .dp-panel-head p { margin:5px 0 0; color:var(--dp-muted); font-size:.76rem; }
.dp-customer-details dd { overflow-wrap:anywhere; }
.dp-customer-details a { color:#765a1d; }
.dp-followup-list { display:grid; gap:9px; }
.dp-followup-list article { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px; border:1px solid var(--dp-line); border-radius:11px; background:#fffaf0; }
.dp-followup-list article.is-overdue { border-color:#f1bdc4; background:#fff5f6; }
.dp-followup-list article > div { min-width:0; display:grid; grid-template-columns:auto 1fr; gap:5px 9px; align-items:center; }
.dp-followup-list article strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-followup-list article small { grid-column:1/-1; color:var(--dp-muted); }
.dp-followup-list form { margin:0; }
.dp-activity-timeline { position:relative; display:grid; gap:0; }
.dp-activity-timeline::before { content:""; position:absolute; top:20px; bottom:20px; left:19px; width:2px; background:#e2e6eb; }
.dp-activity-timeline > article { position:relative; display:grid; grid-template-columns:40px minmax(0,1fr); gap:14px; padding:0 0 22px; }
.dp-activity-timeline > article:last-of-type { padding-bottom:0; }
.dp-activity-icon { position:relative; z-index:1; display:grid; place-items:center; width:40px; height:40px; border:4px solid #fff; border-radius:50%; background:#171717; color:var(--dp-accent); }
.dp-activity-icon.type-email { background:#315f9a; color:#fff; }
.dp-activity-icon.type-opportunity { background:#987224; color:#fff; }
.dp-activity-icon.type-order { background:var(--dp-success); color:#fff; }
.dp-activity-icon.type-follow_up { background:var(--dp-warning); color:#fff; }
.dp-activity-timeline article > div { min-width:0; padding:3px 0 0; }
.dp-activity-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.dp-activity-head time { color:var(--dp-muted); font-size:.7rem; white-space:nowrap; }
.dp-activity-timeline h3 { margin:7px 0 4px; font-size:.91rem; }
.dp-activity-timeline h3 a { color:var(--dp-text); }
.dp-activity-timeline p { margin:4px 0; color:var(--dp-muted); font-size:.78rem; line-height:1.55; }
.dp-activity-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:7px; color:var(--dp-muted); font-size:.7rem; }
.dp-activity-meta span:not(.dp-badge) { display:inline-flex; align-items:center; gap:5px; }
.dp-dealer-mail-status { min-width:0; display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:9px; padding:9px; border:1px solid #ead19a; border-radius:10px; background:#fff8e7; }
.dp-dealer-mail-status > i { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:#fff0c9; color:#95690d; }
.dp-dealer-mail-status strong,.dp-dealer-mail-status small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-dealer-mail-status strong { font-size:.67rem; }
.dp-dealer-mail-status small { color:var(--dp-muted); font-size:.58rem; }
.dp-dealer-mail-status.is-ready { border-color:#b9dfd0; background:#f1fbf7; }
.dp-dealer-mail-status.is-ready > i { background:#dff3e9; color:var(--dp-success); }
.dp-dealer-open { justify-self:end; }
.dp-directory-empty { display:grid; justify-items:center; gap:12px; padding:54px 24px; color:var(--dp-muted); text-align:center; }
.dp-directory-empty[hidden] { display:none; }
.dp-directory-empty > i { font-size:1.7rem; color:#b79a58; }
.dp-credentials-success { display:grid; grid-template-columns:44px minmax(190px,1fr) minmax(230px,auto) minmax(230px,auto); align-items:center; gap:14px; border-color:#b9dfd0; background:#f1fbf7; }
.dp-credential-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--dp-success); color:#fff; }
.dp-credential-copy { display:grid; gap:3px; }
.dp-credential-copy small { color:var(--dp-muted); }
.dp-credential-value { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 34px; align-items:center; gap:6px; }
.dp-credential-value > span { grid-column:1 / -1; color:var(--dp-muted); font-size:.62rem; font-weight:800; }
.dp-credential-value code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.dp-modal-open { overflow:hidden; }
.dp-modal { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:24px; }
.dp-modal[hidden] { display:none; }
.dp-modal-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(8,11,16,.66); backdrop-filter:blur(4px); cursor:default; }
.dp-modal-card { position:relative; width:min(940px,100%); max-height:calc(100vh - 48px); overflow:auto; border:1px solid rgba(255,255,255,.15); border-radius:20px; background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.35); }
.dp-modal-head { position:sticky; z-index:2; top:0; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px 24px; border-bottom:1px solid var(--dp-line); background:rgba(255,255,255,.96); backdrop-filter:blur(8px); }
.dp-modal-head h2 { margin:3px 0 0; }
.dp-modal-head p { margin:6px 0 0; color:var(--dp-muted); }
.dp-create-dealer-form { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:24px; }
.dp-create-dealer-form fieldset { min-width:0; display:grid; align-content:start; gap:14px; margin:0; padding:18px; border:1px solid var(--dp-line); border-radius:14px; }
.dp-create-dealer-form legend { padding:0 8px; color:#202733; font-size:.8rem; font-weight:800; }
.dp-create-dealer-form legend i { margin-right:7px; color:#987224; }
.dp-create-sender-fieldset,.dp-modal-actions { grid-column:1 / -1; }
.dp-create-sender-fieldset > small { color:var(--dp-muted); font-size:.68rem; }
.dp-modal-actions { display:flex; justify-content:flex-end; gap:10px; padding-top:2px; }

html[dir="rtl"] .dp-sidebar { left: auto; right: 0; }
html[dir="rtl"] .dp-main { margin-left: 0; margin-right: 230px; }
html[dir="rtl"] .dp-nav-group summary .dp-nav-chevron { margin-left:0; margin-right:auto; }
html[dir="rtl"] .dp-nav-submenu { margin-left:0; margin-right:23px; padding-left:0; padding-right:9px; border-left:0; border-right:1px solid rgba(215,181,109,.26); }
html[dir="rtl"] .dp-table-wrap th { text-align: right; }
html[dir="rtl"] .dp-search-select::after { right:auto; left:13px; }
html[dir="rtl"] .dp-search-select .dp-search-input { padding-right:11px; padding-left:36px; }
html[dir="rtl"] .dp-search-results button { text-align:right; }

/* The 230px dealer navigation reduces the usable canvas before the global
   tablet breakpoint is reached. Collapse only the quote editor sooner so its
   product grid never forces horizontal page scrolling on laptops. */
@media (max-width: 1500px) and (min-width: 761px) {
    .dp-quote-top-grid,.dp-quote-bottom-grid { grid-template-columns:1fr; }
    .dp-quote-summary { position:static; }
    .dp-quote-lines-head { display:none; }
    .dp-quote-line { grid-template-columns:34px minmax(260px,1fr) 120px 140px; align-items:start; }
    .dp-product-picker { grid-column:2 / -1; }
    .dp-quantity-stepper { grid-column:2; }
    .dp-line-actions { grid-column:4; justify-content:flex-end; }
    .dp-line-detail { grid-column:2 / -1; }
    .dp-opportunity-contact-grid,.dp-opportunity-bottom-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .dp-opportunity-lines-head { display:none; }
    .dp-opportunity-item-row { grid-template-columns:30px repeat(2,minmax(0,1fr)) 38px; gap:12px; align-items:end; }
    .dp-opportunity-item-row label > span { display:block; }
    .dp-opportunity-item-row > .dp-line-number { grid-column:1; grid-row:1; align-self:center; }
    .dp-opportunity-product-field { grid-column:2 / 4; grid-row:1; }
    .dp-opportunity-remove-row { grid-column:4; grid-row:1; align-self:center; }
    .dp-opportunity-quantity-field { grid-column:2; grid-row:2; }
    .dp-opportunity-price-field { grid-column:3; grid-row:2; }
    .dp-opportunity-discount-field { grid-column:2; grid-row:3; }
    .dp-opportunity-vat { grid-column:3; grid-row:3; text-align:left; }
    .dp-opportunity-line-total { grid-column:2 / 4; grid-row:4; text-align:right; }
    .dp-opportunity-vat::before,.dp-opportunity-line-total::before { content:attr(data-label) ": "; color:var(--dp-muted); font-weight:600; }
    .dp-opportunity-summary { position:static; }
}

@media (max-width: 1450px) and (min-width: 761px) {
    .dp-dealer-table-head { display:none; }
    .dp-dealer-row { grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr) 38px; align-items:start; margin:12px; padding:17px; border:1px solid var(--dp-line); border-radius:13px; }
    .dp-dealer-row:hover,.dp-dealer-row:focus { border-color:#d8bd7d; box-shadow:0 12px 28px rgba(20,25,35,.1); }
    .dp-dealer-stage,.dp-dealer-crm-counts,.dp-dealer-activity { grid-column:1; margin-left:58px; }
    .dp-dealer-mail-status { grid-column:2; grid-row:1 / span 2; }
    .dp-dealer-open { grid-column:3; grid-row:1; }
    .dp-dealer-crm-counts { max-width:420px; }
}

.dp-login-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
.dp-login-summary article { min-width:0; padding:15px; border:1px solid var(--dp-line); border-radius:12px; background:#f8f9fb; }
.dp-login-summary span { display:block; margin-bottom:7px; color:var(--dp-muted); font-size:.68rem; font-weight:700; }
.dp-login-summary strong { display:block; overflow-wrap:anywhere; font-size:.92rem; }
.dp-login-history td code { white-space:nowrap; }
.dp-login-history td:nth-child(6) { min-width:145px; }
.dp-login-history td small { display:block; margin-top:5px; color:var(--dp-muted); font-size:.66rem; }

@media (max-width: 1100px) {
    .dp-today-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .dp-customer-detail-grid { grid-template-columns:1fr; }
    .dp-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dp-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dp-two-column, .dp-list-layout { grid-template-columns: 1fr; }
    .dp-design-layout { grid-template-columns:1fr; }
    .dp-material-grid { grid-template-columns:repeat(2,1fr); }
    .dp-delivery-choices, .dp-sales-flow { grid-template-columns:repeat(2,1fr); }
    .dp-quote-top-grid,.dp-quote-bottom-grid { grid-template-columns:1fr; }
    .dp-quote-summary { position:static; }
    .dp-quote-lines-head { display:none; }
    .dp-quote-line { grid-template-columns:34px minmax(260px,1fr) 120px 140px; align-items:start; }
    .dp-product-picker { grid-column:2 / -1; }
    .dp-quantity-stepper { grid-column:2; }
    .dp-quote-send-bar { grid-template-columns:1fr; align-items:stretch; }
    .dp-quote-document-closing { grid-template-columns:1fr; }
    .dp-crm-control-panel { align-items:stretch; flex-direction:column; }
    .dp-sender-identity-form { grid-template-columns:1fr; }
    .dp-management-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .dp-management-sales { grid-column:span 2; }
    .dp-login-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .dp-directory-toolbar { grid-template-columns:1fr auto; }
    .dp-directory-search { grid-column:1 / -1; }
}
@media (max-width: 760px) {
    .dp-today-cards { grid-template-columns:1fr; }
    .dp-today-actions > a { grid-template-columns:38px minmax(0,1fr) auto; }
    .dp-today-actions > a > i { display:none; }
    .dp-followup-list article { align-items:flex-start; flex-direction:column; }
    .dp-followup-list article form,.dp-followup-list article .dp-btn { width:100%; }
    .dp-topbar { height: 62px; padding: 0 14px; }
    .dp-brand img { width: 158px; max-height: 44px; }
    .dp-brand span, .dp-topbar-meta > span { display: none; }
    .dp-sidebar { inset: auto 0 0 0; width: auto; height: 64px; padding: 6px; display: block; overflow-x: auto; overflow-y:hidden; }
    html[dir="rtl"] .dp-sidebar { left: 0; right: 0; }
    .dp-nav-tree { display:flex; gap:4px; width:max-content; }
    .dp-nav-group { display:contents; }
    .dp-nav-group > summary { display:none; }
    .dp-nav-submenu { display:contents!important; }
    .dp-sidebar a { width:52px; flex:0 0 52px; justify-content: center; padding: 8px; margin: 0; }
    .dp-sidebar a span { display: none; }
    .dp-sidebar i { font-size: 1rem; }
    .dp-main, html[dir="rtl"] .dp-main { width: 100%; margin: 0; padding: 74px 14px 90px; }
    .dp-page-head { align-items: flex-start; flex-direction: column; }
    .dp-stat-grid, .dp-product-grid { grid-template-columns: 1fr; }
    .dp-form-grid, .dp-order-row { grid-template-columns: 1fr; }
    .dp-opportunity-contact-grid,.dp-opportunity-bottom-grid { grid-template-columns:1fr; }
    .dp-opportunity-contact-grid label:first-child,.dp-opportunity-contact-grid .lead-company-field { grid-column:auto; }
    .dp-opportunity-products > .dp-panel-head { align-items:flex-start; flex-direction:column; }
    .dp-opportunity-lines-head { display:none; }
    .dp-opportunity-item-row { grid-template-columns:28px minmax(0,1fr) 38px; gap:10px; padding:15px; }
    .dp-opportunity-item-row label { grid-column:2; }
    .dp-opportunity-item-row label > span { display:block; }
    .dp-opportunity-item-row > .dp-line-number { grid-column:1; grid-row:1; }
    .dp-opportunity-product-field { grid-row:1; }
    .dp-opportunity-remove-row { grid-column:3; grid-row:1; }
    .dp-opportunity-vat,.dp-opportunity-line-total { grid-column:2; text-align:left; }
    .dp-opportunity-vat::before,.dp-opportunity-line-total::before { content:attr(data-label) ": "; color:var(--dp-muted); font-weight:600; }
    .dp-opportunity-summary { position:static; }
    .dp-card-list article, .dp-agreement-status { align-items: flex-start; flex-direction: column; }
    .dp-product-actions { width: 100%; justify-content: space-between; }
    .dp-actions { justify-content: flex-start; }
    .dp-auth-card { padding: 27px 22px; }
    .dp-auth-logo { width: 175px; margin-top: 27px; }
    .dp-auth-card > .dp-language-switcher { top: 14px; right: 14px; }
    .dp-topbar .dp-language-switcher a { min-width: 28px; padding: 0 5px; }
    .dp-details { grid-template-columns: 1fr; }
    .dp-stepper { grid-template-columns: 1fr; gap: 8px; }
    .dp-step { grid-template-columns: 34px 1fr; justify-items: start; align-items: center; text-align: left; }
    .dp-step::after { top: 34px; left: 16px; width: 2px; height: calc(100% + 8px); }
    .dp-details dd { margin-bottom: 8px; }
    .dp-material-grid, .dp-delivery-choices, .dp-sales-flow { grid-template-columns:1fr; }
    .dp-card-preview { grid-template-columns:1fr; }
    .dp-card-preview-face { border-radius:14px; }
    .dp-quote-toolbar { top:70px; align-items:flex-start; }
    .dp-quote-toolbar .dp-actions { width:100%; }
    .dp-quote-toolbar .dp-actions .dp-btn { flex:1; }
    .dp-quote-line { grid-template-columns:30px minmax(0,1fr); gap:10px; padding:14px; }
    .dp-product-picker,.dp-quantity-stepper,.dp-money-input,.dp-discount-input,.dp-line-vat,.dp-line-total,.dp-line-actions,.dp-line-detail { grid-column:2; }
    .dp-product-picker { grid-template-columns:42px minmax(0,1fr); }
    .dp-line-vat,.dp-line-total { text-align:left; }
    .dp-line-actions { justify-content:flex-start; }
    .dp-line-detail { grid-template-columns:1fr; }
    .dp-line-vat::before { content:attr(data-label) ": "; }
    .dp-line-total::before { content:attr(data-label) ": "; color:var(--dp-muted); font-weight:600; }
    .dp-quote-summary-actions { grid-template-columns:1fr; }
    .dp-filter-tabs { align-items:stretch; }
    .dp-filter-tabs a { flex:1; justify-content:center; }
    .dp-quote-document { border-radius:15px; }
    .dp-quote-document-hero,.dp-quote-document-footer { padding:24px; }
    .dp-quote-document-hero,.dp-quote-document-logo,.dp-quote-document-intro { align-items:flex-start; flex-direction:column; }
    .dp-quote-document-number { min-width:0; text-align:left; }
    .dp-quote-document-logo span { padding:0; border:0; }
    .dp-quote-document-body { padding:24px; }
    .dp-quote-document-intro h1 { font-size:1.45rem; }
    .dp-quote-parties { grid-template-columns:1fr; }
    .dp-admin-filter-form { align-items:stretch; flex-direction:column; }
    .dp-admin-filter-form select { min-width:0; width:100%; }
    .dp-management-head .dp-btn { width:100%; }
    .dp-management-head .dp-online-badge { align-self:flex-start; }
    .dp-detail-tabs { margin-inline:-2px; border-radius:11px; }
    .dp-detail-tab { min-height:40px; padding:8px 11px; }
    .dp-tab-intro { align-items:flex-start; flex-direction:column; padding:17px; }
    .dp-tab-intro .dp-btn { width:100%; }
    .dp-management-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .dp-login-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .dp-management-stat { min-height:98px; padding:14px; }
    .dp-management-stat strong { font-size:1.25rem; }
    .dp-management-sales { grid-column:1 / -1; }
    .dp-directory-toolbar { grid-template-columns:1fr; padding:15px; }
    .dp-directory-search,.dp-directory-filters,.dp-directory-sort { grid-column:1; }
    .dp-directory-filters { overflow-x:auto; }
    .dp-directory-filters button { flex:1; }
    .dp-directory-meta { align-items:flex-start; flex-direction:column; padding:11px 15px; }
    .dp-dealer-table-head { display:none; }
    .dp-dealer-row { grid-template-columns:minmax(0,1fr) 36px; margin:10px; padding:14px; }
    .dp-dealer-identity { grid-column:1; }
    .dp-dealer-open { grid-column:2; grid-row:1; }
    .dp-dealer-stage,.dp-dealer-crm-counts,.dp-dealer-activity,.dp-dealer-mail-status { grid-column:1 / -1; grid-row:auto; margin-left:0; }
    .dp-dealer-crm-counts { max-width:none; }
    .dp-credentials-success { grid-template-columns:42px 1fr; }
    .dp-credential-value { grid-column:1 / -1; }
    .dp-modal { padding:0; place-items:stretch; }
    .dp-modal-card { width:100%; max-height:100vh; border:0; border-radius:0; }
    .dp-create-dealer-form { grid-template-columns:1fr; padding:16px; }
    .dp-create-sender-fieldset,.dp-modal-actions { grid-column:1; }
    .dp-create-dealer-form .dp-form-grid { grid-template-columns:1fr; }
    .dp-modal-actions { position:sticky; bottom:0; padding:12px; margin:0 -16px -16px; border-top:1px solid var(--dp-line); background:#fff; }
    .dp-modal-actions .dp-btn { flex:1; }
}

@media print {
    .dp-topbar,.dp-sidebar,.dp-no-print,#footer-scripts { display:none!important; }
    .dp-main,html[dir="rtl"] .dp-main { margin:0; padding:0; max-width:none; }
    .dp-quote-sheet,.dp-quote-document { border:0; box-shadow:none; }
    .dp-quote-document { margin:0; border-radius:0; }
    body.dealer-portal-body { background:#fff; }
}

/* Dealer mailbox */
.dp-mail-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #3a3a3a;border-radius:12px;color:#fff!important;text-decoration:none}.dp-mail-indicator [data-mail-unread]{position:absolute;right:-6px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#c22132;color:#fff;font-size:11px;font-weight:800;line-height:20px;text-align:center}.dp-mail-list{display:flex;flex-direction:column}.dp-mail-row{display:grid;grid-template-columns:42px minmax(180px,260px) minmax(260px,1fr) 150px;gap:16px;align-items:center;padding:16px 10px;border-bottom:1px solid #e5e9ef;color:#222;text-decoration:none}.dp-mail-row:hover{background:#faf7f0}.dp-mail-row.is-unread{background:#fff9eb}.dp-mail-row.is-unread .dp-mail-subject,.dp-mail-row.is-unread .dp-mail-from strong{font-weight:800}.dp-mail-state{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f0f2f5;color:#987126}.dp-mail-from{display:flex;flex-direction:column;min-width:0}.dp-mail-from strong,.dp-mail-from small,.dp-mail-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-mail-from small{color:#748094}.dp-mail-row time{color:#748094;font-size:13px;text-align:right}.dp-mail-content{min-height:220px;padding:22px;border:1px solid #e3e7ed;border-radius:14px;background:#fff;overflow:auto;line-height:1.65}.dp-mail-content img{display:none!important}.dp-mail-content table{max-width:100%!important}.dp-mail-attachments{margin-top:20px;padding-top:18px;border-top:1px solid #e3e7ed}.dp-mail-attachments .dp-btn{margin:6px 8px 0 0}.dp-mailbox-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.dp-mailbox-actions form{margin:0}.dp-pagination{display:flex;gap:6px;justify-content:center;padding:18px}.dp-pagination a{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid #dbe0e8;border-radius:9px;color:#333;text-decoration:none}.dp-pagination a.active{background:#151515;color:#fff}.dp-alert-error{color:#a61928;background:#fff0f2;border:1px solid #f3c8ce;padding:12px;border-radius:10px}
@media(max-width:900px){.dp-mail-row{grid-template-columns:38px 1fr auto}.dp-mail-subject{grid-column:2/4;grid-row:2}.dp-mail-row time{grid-column:3;grid-row:1}.dp-mail-from{grid-column:2}.dp-mail-state{grid-row:1/3}.dp-topbar-meta>span{display:none}}

/* Sales library */
.dp-sales-library{max-width:none}.dp-library-head{align-items:center}.dp-head-actions{display:flex;gap:10px;flex-wrap:wrap}.dp-head-actions .dp-btn{gap:8px}.dp-library-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:14px 22px;align-items:center;margin-bottom:24px;padding:18px;border:1px solid var(--dp-line);border-radius:18px;background:#fff;box-shadow:var(--dp-shadow)}.dp-library-search{position:relative;display:block}.dp-library-search i{position:absolute;left:16px;top:50%;translate:0 -50%;color:#8b95a5}.dp-library-search input{width:100%;height:48px;padding:0 16px 0 44px;border:1px solid #d8dee8;border-radius:12px;background:#f8f9fb;font:inherit}.dp-library-search input:focus{outline:0;border-color:var(--dp-gold);box-shadow:0 0 0 4px rgba(190,145,52,.12);background:#fff}.dp-library-filters{grid-column:1/-1;display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.dp-filter-chip{flex:0 0 auto;min-height:36px;padding:7px 13px;border:1px solid #d9dee7;border-radius:999px;background:#fff;color:#485366;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.dp-filter-chip:hover,.dp-filter-chip.active{border-color:#1a1a1a;background:#171717;color:#fff}.dp-filter-favorite{margin-left:auto}.dp-filter-favorite i{margin-right:6px;color:#d0a13e}.dp-library-result{grid-row:1;grid-column:2;margin:0;color:var(--dp-muted);font-size:.82rem;white-space:nowrap}.dp-library-result strong{color:var(--dp-text);font-size:1.05rem}.dp-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.dp-library-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--dp-line);border-radius:18px;background:#fff;box-shadow:var(--dp-shadow);transition:translate .2s ease,box-shadow .2s ease}.dp-library-card:hover{translate:0 -3px;box-shadow:0 18px 38px rgba(20,28,40,.11)}.dp-library-card[hidden]{display:none}.dp-library-media{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(140deg,#101010,#28251d)}.dp-library-media>img,.dp-library-media>video{width:100%;height:100%;object-fit:cover}.dp-library-media-icon{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);color:#171717}.dp-library-type-icon{display:grid;place-items:center;width:74px;height:74px;border:1px solid rgba(220,181,98,.5);border-radius:22px;background:rgba(0,0,0,.28);color:#e0b95f;font-size:2rem}.dp-library-type-icon.type-pdf{color:#ff6b79}.dp-material-favorite{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(15,15,15,.72);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}.dp-material-favorite.active{background:#e0b95f;color:#171717}.dp-library-card-body{display:flex;flex:1;flex-direction:column;padding:18px}.dp-library-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.dp-library-tags span{padding:4px 8px;border-radius:999px;background:#f3f0e8;color:#866521;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.dp-library-card-body h2{margin:12px 0 7px;font-size:1.14rem;line-height:1.25}.dp-library-card-body>p{margin:0;color:var(--dp-muted);font-size:.86rem;line-height:1.55}.dp-library-card blockquote{max-height:145px;overflow:auto;margin:14px 0 0;padding:13px;border-left:3px solid #d8af55;border-radius:0 10px 10px 0;background:#faf8f2;color:#343b48;font-size:.82rem;line-height:1.55}.dp-library-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0 18px 18px}.dp-library-actions .dp-btn{justify-content:center;min-width:0;padding:7px 5px}.dp-library-actions .dp-btn span{display:none}.dp-library-actions .dp-share-whatsapp{color:#14884c}.dp-library-actions .is-complete{border-color:#2f9f6b;background:#e8f8ef;color:#167044}.dp-library-empty{padding:54px 24px;margin-bottom:24px;border:1px dashed #ccd3df;border-radius:18px;text-align:center;color:var(--dp-muted)}.dp-library-empty i{font-size:2rem;color:#c09a48}.dp-library-empty h2{margin:14px 0 6px;color:var(--dp-text)}.dp-guided-flow{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(480px,1.3fr);gap:24px;align-items:center}.dp-guided-flow h2{margin:5px 0 0}.dp-material-dialog{width:min(920px,calc(100vw - 32px));max-height:88vh;padding:0;overflow:auto;border:0;border-radius:20px;background:#fff;box-shadow:0 32px 90px rgba(0,0,0,.34)}.dp-material-dialog::backdrop{background:rgba(10,12,16,.72);backdrop-filter:blur(4px)}.dp-dialog-close{position:sticky;z-index:3;top:14px;float:right;display:grid;place-items:center;width:42px;height:42px;margin:14px;border:0;border-radius:50%;background:#171717;color:#fff;cursor:pointer}.dp-material-dialog [data-material-dialog-media]{clear:both;display:grid;place-items:center;min-height:0;background:#111}.dp-material-dialog [data-material-dialog-media]:empty{display:none}.dp-material-dialog [data-material-dialog-media] img,.dp-material-dialog [data-material-dialog-media] video{display:block;max-width:100%;max-height:58vh}.dp-material-dialog [data-material-dialog-media] iframe{width:100%;height:65vh;border:0}.dp-material-dialog-copy{padding:26px 30px 32px}.dp-material-dialog-copy h2{margin:6px 0 8px;font-size:1.65rem}.dp-material-dialog-copy p{color:var(--dp-muted)}.dp-material-dialog-copy [data-material-dialog-content]{white-space:pre-wrap;line-height:1.7}
@media(max-width:1180px){.dp-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-guided-flow{grid-template-columns:1fr}.dp-library-actions .dp-btn span{display:inline}.dp-library-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dp-library-head .dp-head-actions{width:100%}.dp-library-head .dp-head-actions .dp-btn{flex:1}.dp-library-toolbar{grid-template-columns:1fr;padding:14px}.dp-library-result{grid-row:auto;grid-column:1}.dp-library-filters{grid-column:1}.dp-filter-favorite{margin-left:0}.dp-library-grid{grid-template-columns:1fr}.dp-library-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-library-actions .dp-btn span{display:inline}.dp-guided-flow{padding:18px}.dp-material-dialog-copy{padding:20px}}
.dp-material-admin-layout{grid-template-columns:minmax(360px,.8fr) minmax(540px,1.2fr)}.dp-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.dp-material-admin-layout .dp-panel-head>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.dp-panel-head h2,.dp-panel-head p{margin:0}.dp-panel-head .dp-eyebrow+h2{margin-top:6px}.dp-panel-head p{color:var(--dp-muted)}.dp-current-file{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:10px;background:#f5f6f8}.dp-current-file a{color:var(--dp-text);word-break:break-all}.dp-material-active{align-self:end;min-height:48px;margin:0}.dp-material-admin-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.dp-material-admin-list article{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid var(--dp-line);border-radius:14px;background:#fff}.dp-material-admin-thumb{display:grid;place-items:center;width:76px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#171717;color:#dfb65b;font-size:1.6rem}.dp-material-admin-thumb img{width:100%;height:100%;object-fit:cover}.dp-material-admin-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.dp-material-admin-copy>div:first-child{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.dp-material-admin-copy>strong{font-size:.9rem}.dp-material-admin-copy>small{display:-webkit-box;overflow:hidden;color:var(--dp-muted);font-size:.73rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dp-material-meta{color:var(--dp-muted);font-size:.65rem;font-weight:700}.dp-material-usage{display:flex!important;gap:12px!important;color:var(--dp-muted);font-size:.68rem}.dp-material-usage span{display:inline-flex;gap:5px;align-items:center}.dp-material-usage i{color:#a77d27}.dp-material-admin-list .dp-product-actions{flex-direction:column}.dp-material-admin-list .dp-product-actions form{margin:0}
@media(max-width:1180px){.dp-material-admin-layout{grid-template-columns:1fr}.dp-material-admin-list .dp-product-actions{flex-direction:row}}
@media(max-width:760px){.dp-material-admin-list article{grid-template-columns:58px minmax(0,1fr)}.dp-material-admin-thumb{width:58px}.dp-material-admin-list .dp-product-actions{grid-column:1/-1;width:100%;flex-direction:row}.dp-material-admin-list .dp-product-actions .dp-btn{margin-left:auto}}