:root{--ink:#172033;--muted:#6d7586;--line:#e8eaf0;--panel:#fff;--bg:#f5f6f8;--nav:#121a2a;--nav2:#1b2538;--brand:#5b67f1;--brand2:#7c5cf1;--green:#1ea97c;--amber:#e99b32;--red:#dc5b67;--blue:#3976d8;--shadow:0 12px 34px rgba(25,32,52,.08);--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 "DM Sans",system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#cad0dc;padding:22px 15px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#fff;padding:0 8px 24px;font:800 17px Manrope}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#7f6cf4,#4b64ef);display:grid;place-items:center;box-shadow:0 7px 18px #5964ee50}.nav-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#68758c;padding:18px 12px 8px}.nav-item{width:100%;border:0;background:transparent;color:#9faabd;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;text-align:left;margin:2px 0}.nav-item:hover,.nav-item.active{background:var(--nav2);color:#fff}.nav-icon{width:19px;text-align:center;font-size:16px}.nav-badge{margin-left:auto;background:#eb5968;color:#fff;border-radius:10px;padding:1px 7px;font-size:10px}.sidebar-user{margin-top:auto;border-top:1px solid #263148;padding:16px 8px 2px;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:50%;background:#e8e9ff;color:#5660d9;display:grid;place-items:center;font-weight:700;flex:none}.sidebar .avatar{background:#5a65ec;color:#fff}.main{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:16px;position:sticky;top:0;z-index:8}.mobile-menu{display:none}.global-search{position:relative;max-width:440px;flex:1}.global-search input,.field input,.field select,.field textarea,.filter-input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fafbfc;padding:10px 12px;outline:none;color:var(--ink)}.global-search input{padding-left:38px}.global-search:before{content:'⌕';position:absolute;left:14px;top:7px;font-size:20px;color:#8991a0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;width:38px;height:38px;color:#626a78}.page{padding:26px 30px 42px;max-width:1520px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;color:var(--brand);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}h1,h2,h3{font-family:Manrope;margin:0}h1{font-size:27px;letter-spacing:-.03em}h2{font-size:18px}h3{font-size:14px}.sub{color:var(--muted);margin-top:5px}.btn{border:0;border-radius:10px;padding:10px 15px;font-weight:600;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn.primary{color:#fff;background:var(--brand);box-shadow:none}.btn.dark{color:#fff;background:var(--ink)}.btn.small{padding:7px 10px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px;position:relative}.metric-label{color:var(--muted);font-size:12px}.metric-value{font:700 25px Manrope;margin-top:7px}.metric-change{position:absolute;right:16px;bottom:18px;font-size:11px;color:var(--green);background:#eaf8f2;padding:3px 7px;border-radius:8px}.metric-change.warn{color:#b46b13;background:#fff4e2}.grid-2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 3px rgba(20,28,45,.02)}.panel-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-body{padding:18px}.segmented{background:#f2f3f6;padding:3px;border-radius:9px;display:flex}.segment{border:0;background:transparent;color:var(--muted);padding:6px 10px;border-radius:7px;font-size:12px}.segment.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px #20253a16}.todo{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f1f4}.todo:last-child{border:0}.todo-dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}.todo-main{flex:1}.todo-title{font-weight:600}.todo-meta{font-size:11px;color:var(--muted);margin-top:2px}.time{font-size:12px;font-weight:600}.pipeline-bars{display:flex;align-items:flex-end;height:172px;gap:11px;padding-top:16px}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar{width:100%;max-width:38px;background:linear-gradient(#747cf4,#5663ea);border-radius:7px 7px 3px 3px;min-height:5px}.bar-value{font-size:11px;font-weight:700}.bar-label{font-size:10px;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.activity{display:flex;gap:11px;padding:11px 0}.activity-icon{width:31px;height:31px;border-radius:9px;background:#f0f1ff;color:var(--brand);display:grid;place-items:center;flex:none}.activity-copy{font-size:12px}.activity-copy strong{font-weight:700}.activity-time{color:var(--muted);font-size:10px;margin-top:3px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.toolbar .filter-input{max-width:300px;background:#fff}.toolbar select{border:1px solid var(--line);padding:9px 11px;border-radius:10px;background:#fff;color:var(--muted)}.table-panel{overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8b92a0;padding:12px 16px;background:#fafbfc;border-bottom:1px solid var(--line)}.data-table td{padding:13px 16px;border-bottom:1px solid #f0f1f4;vertical-align:middle}.data-table tr:last-child td{border:0}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#fafbff}.person{display:flex;align-items:center;gap:10px}.person .avatar{border-radius:10px}.person-name{font-weight:600}.person-meta{font-size:11px;color:var(--muted)}.pill{display:inline-flex;border-radius:14px;padding:4px 8px;font-size:10px;font-weight:700;background:#eef0ff;color:#5963da}.pill.green{background:#eaf8f2;color:#17875f}.pill.amber{background:#fff3df;color:#b76a0d}.pill.red{background:#ffeaed;color:#c84755}.pill.gray{background:#eef0f3;color:#707786}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(255px,1fr);gap:13px;overflow-x:auto;padding-bottom:14px}.column{background:#edeff3;border-radius:14px;padding:11px;min-height:530px}.column-head{display:flex;align-items:center;padding:5px 4px 13px;font-weight:700}.count{margin-left:auto;background:#fff;border-radius:10px;padding:2px 7px;color:var(--muted);font-size:11px}.lead-card{background:#fff;border:1px solid #e2e4e9;border-radius:12px;padding:13px;margin-bottom:9px;box-shadow:0 2px 5px #20253a08;cursor:pointer}.lead-card:hover{border-color:#bfc3f7}.card-company{font-weight:700;margin-bottom:3px}.card-contact{font-size:11px;color:var(--muted)}.card-tags{display:flex;gap:5px;margin:11px 0}.card-foot{display:flex;align-items:center;font-size:11px;color:var(--muted)}.card-value{font-weight:700;color:var(--ink);margin-left:auto}.overdue{color:var(--red)!important}.profile-hero{padding:21px;display:flex;gap:18px;align-items:center;margin-bottom:16px}.profile-avatar{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#6e73ed,#7c5cf1);color:#fff;display:grid;place-items:center;font:700 20px Manrope}.profile-info{flex:1}.profile-title{display:flex;align-items:center;gap:8px}.profile-contact{color:var(--muted);font-size:12px;margin-top:5px}.profile-actions{display:flex;gap:8px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);padding:0 18px;overflow-x:auto}.tab{border:0;background:none;padding:13px 12px;color:var(--muted);white-space:nowrap}.tab.active{color:var(--brand);box-shadow:inset 0 -2px var(--brand);font-weight:700}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.summary-card{border:1px solid var(--line);border-radius:12px;padding:14px}.summary-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.summary-value{font-weight:700;margin-top:6px}.timeline{position:relative;margin-left:8px}.timeline:before{content:"";position:absolute;left:15px;top:12px;bottom:12px;width:1px;background:var(--line)}.timeline-item{position:relative;display:flex;gap:14px;padding:9px 0 14px}.timeline-icon{z-index:1;width:31px;height:31px;border-radius:50%;background:#f0f1ff;border:4px solid #fff;display:grid;place-items:center;color:var(--brand);font-size:10px}.timeline-content{padding-top:3px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#11182ab5;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:18px;box-shadow:var(--shadow);width:min(620px,100%);max-height:90vh;overflow:auto}.modal-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:20px 22px}.modal-foot{padding:15px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.close{border:0;background:none;font-size:20px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#565e6c}.field textarea{min-height:92px;resize:vertical}.toast{position:fixed;right:24px;bottom:24px;background:#172033;color:#fff;border-radius:11px;padding:12px 16px;box-shadow:var(--shadow);z-index:70}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.integration-card{padding:19px}.integration-logo{width:42px;height:42px;border-radius:12px;background:#f1f2ff;color:var(--brand);display:grid;place-items:center;font-size:20px;margin-bottom:14px}.integration-card p{color:var(--muted);font-size:12px;min-height:54px}.notice{background:#fff8e9;border:1px solid #f4dfb3;color:#96621f;border-radius:11px;padding:12px 14px;font-size:12px}.mobile-scrim{display:none}
@media(max-width:1050px){.metrics,.summary-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.data-table{min-width:800px}.table-panel{overflow-x:auto}}
@media(max-width:1300px){.page>.metrics{grid-template-columns:repeat(2,1fr)}.page>.grid-2{grid-template-columns:1fr}}
@media(max-width:1300px){.profile-hero{flex-wrap:wrap}.profile-actions{width:100%}.profile-actions .btn{flex:1}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-250px;z-index:30;width:240px;transition:.2s}.sidebar.open{left:0}.mobile-scrim.open{display:block;position:fixed;inset:0;background:#11182780;z-index:20}.mobile-menu{display:block}.topbar{padding:0 15px}.page{padding:20px 15px 34px}.page-head{align-items:center}.page-head .sub{display:none}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric-value{font-size:21px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-actions{width:100%}.profile-actions .btn{flex:1}.summary-grid{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.toolbar .filter-input{max-width:none;flex-basis:100%}.topbar .avatar{display:none}}
@media(max-width:430px){.metrics,.summary-grid{grid-template-columns:1fr}.page-head h1{font-size:23px}.page-head .btn span{display:none}.global-search{display:none}}

/* Interactive pipeline */
.pipeline-hint{display:inline-flex;align-items:center;margin:0 0 12px;padding:7px 11px;border-radius:9px;background:#eef0ff;color:#5963da;font-size:11px;font-weight:600}.column{border:2px solid transparent;transition:border-color .15s,background .15s,transform .15s}.column.drag-over{border-color:var(--brand);background:#e7e9fb;transform:translateY(-2px)}.column-cards{min-height:460px}.lead-card{position:relative;cursor:grab;user-select:none}.lead-card:active{cursor:grabbing}.lead-card.dragging{opacity:.38;transform:rotate(1deg)}.drag-handle{position:absolute;right:10px;top:9px;color:#a6acb8;font-size:16px}.stage-arrows{display:flex;gap:4px}.stage-arrows button{width:27px;height:25px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-weight:700}.stage-arrows button:hover:not(:disabled){background:var(--brand);color:#fff}.stage-arrows button:disabled{opacity:.3;cursor:not-allowed}

/* Calendar views */
.calendar-panel{overflow:hidden}.calendar-toolbar{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-nav h2{margin-left:8px}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#fafbfc;border-bottom:1px solid var(--line)}.month-weekdays div{padding:9px 10px;text-align:center;color:var(--muted);font-size:11px;font-weight:700}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-cell{min-height:118px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.outside{background:#fafbfc;color:#abb0ba}.calendar-day{width:25px;height:25px;display:grid;place-items:center;margin-bottom:4px;font-size:12px;font-weight:700}.today-cell .calendar-day{border-radius:50%;background:var(--brand);color:#fff}.calendar-event{display:block;width:100%;border:0;background:#eef0ff;color:#4f59ce;border-left:3px solid var(--brand);border-radius:5px;padding:4px 5px;margin:3px 0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.calendar-event span{font-weight:700}.calendar-event.task-event{background:#fff1e2;color:#a95e0c;border-left-color:var(--amber)}.more-events{font-size:9px;color:var(--muted);padding-left:5px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));overflow-x:auto;min-height:525px}.week-day{border-right:1px solid var(--line);background:#fff}.week-day:last-child{border:0}.week-day.today-column{background:#fafaff}.week-day-head{padding:13px;text-align:center;border-bottom:1px solid var(--line);color:var(--muted)}.week-day-head span{display:grid;place-items:center;width:29px;height:29px;margin:5px auto 0;border-radius:50%;font:700 15px Manrope}.today-column .week-day-head span{background:var(--brand);color:#fff}.week-events{padding:9px}.week-event{background:#eef0ff;border-left:3px solid var(--brand);border-radius:8px;padding:9px;margin-bottom:8px;font-size:11px}.week-event div{font-weight:700;margin:3px 0}.week-event small{color:var(--muted)}.no-events{text-align:center;color:#adb2bc;font-size:10px;padding-top:25px}.agenda-date{width:52px;text-align:center}
@media(max-width:760px){.calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-nav{width:100%;flex-wrap:wrap}.calendar-nav h2{margin-left:0;flex-basis:100%;order:-1}.calendar-cell{min-height:82px;padding:4px}.calendar-event{font-size:0;height:7px;padding:0;border:0;border-radius:4px}.calendar-event span{font-size:0}.month-weekdays div{padding:7px 2px}.column-cards{min-height:300px}}

/* Connected record interactions */
.metric{font:inherit;text-align:left;color:inherit}.metric.interactive{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.metric.interactive:hover{transform:translateY(-2px);border-color:#cfd2fa;box-shadow:var(--shadow)}.record-link{width:100%;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.record-link:hover{background:#fafbff}.open-chevron{color:#a0a6b2;font-size:20px;margin-left:4px}.data-table tr[data-record-id]{cursor:pointer}.modal-extra{display:flex;gap:8px;margin-right:auto}.calendar-event.dragging,.week-event.dragging{opacity:.35}.calendar-cell.calendar-drag-over,.week-day.calendar-drag-over{background:#e9ebff;box-shadow:inset 0 0 0 2px var(--brand)}.week-event{display:block;width:100%;border:0;text-align:left;color:inherit;cursor:pointer}.week-event:hover,.calendar-event:hover{filter:brightness(.97);box-shadow:0 3px 9px #5260e425}.profile-actions{flex-wrap:wrap}
@media(max-width:760px){.modal-foot{flex-wrap:wrap}.modal-extra{width:100%;margin:0 0 5px}.modal-extra .btn{flex:1}.profile-actions .btn{min-width:calc(50% - 4px)}}

/* Planning, filters, and completion */
.calendar-filters{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.calendar-filters>div{display:flex;align-items:center;gap:14px}.calendar-filters label{color:var(--muted);font-size:12px}.calendar-filters select{border:1px solid var(--line);border-radius:8px;padding:6px 9px;background:#fff}.calendar-cell[data-new-date],.week-day[data-new-date]{cursor:pointer}.calendar-cell[data-new-date]:hover,.week-day[data-new-date]:hover{background:#f7f7ff}.calendar-event.issue-event{background:#ffeaed;color:#b63e4c;border-left-color:var(--red)}.availability{padding:11px;border:1px solid #dfe2f7;border-radius:10px;background:#f8f8ff}.availability-item{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #e8e9f4;font-size:11px}.availability-empty{color:var(--green);font-size:12px;padding-top:5px}.record-tools{margin-top:16px;padding:14px;border-radius:12px;background:#f7f8fa;border:1px solid var(--line)}.record-tools h3{margin-bottom:9px}.record-tools textarea{width:100%;min-height:64px;border:1px solid var(--line);border-radius:9px;padding:9px;resize:vertical}.file-picker{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:var(--brand);font-weight:700;font-size:12px}.record-history{margin-top:10px}.record-history>div{padding:6px 0;border-top:1px solid var(--line);font-size:12px}.record-history small{color:var(--muted);margin-left:5px}.record-history-empty{margin-top:8px;color:var(--muted);font-size:11px}.btn.success{background:var(--green);color:#fff;box-shadow:none}.lead-quick{display:flex;gap:5px;margin:8px 0}.lead-quick button{border:1px solid var(--line);background:#fafbfc;border-radius:7px;padding:5px 7px;color:#5963da;font-size:9px;font-weight:700}.lead-quick button:hover{background:#eef0ff}
@media(max-width:760px){.calendar-filters{align-items:flex-start;flex-direction:column}.calendar-filters>div{flex-wrap:wrap;gap:9px}.availability-item{grid-template-columns:45px 1fr}.availability-item .pill{display:none}}

/* Administration and responsive pipeline */
.pipeline-bars{max-width:100%;overflow:hidden;gap:6px}.bar-wrap{min-width:0}.bar-label{font-size:9px}.panel{min-width:0;overflow:hidden}.pipeline-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pipeline-controls select{border:1px solid var(--line);border-radius:8px;padding:6px 9px;background:#fff}.kanban.compact{grid-auto-columns:minmax(210px,1fr)}.kanban.compact .lead-card{padding:10px}.kanban.compact .card-tags{margin:6px 0}.btn.danger{color:#fff;background:var(--red);box-shadow:none}.team-card{font:inherit;text-align:left;color:inherit;cursor:pointer}.team-card:hover{border-color:#cfd2fa;transform:translateY(-2px)}.permission-summary{font-size:10px;color:var(--muted);margin-top:10px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.permission-grid label{font-size:12px;color:var(--ink)}.settings-panel{padding:0 20px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border:0}.settings-row p{color:var(--muted);margin:5px 0 0}.settings-row select{border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:#fff}
@media(max-width:760px){.pipeline-controls,.settings-row{align-items:flex-start;flex-direction:column}.permission-grid{grid-template-columns:1fr}.pipeline-bars{overflow-x:auto}.bar-label{font-size:8px}}
.sidebar{overflow-y:auto}

/* Search picker and file workspace */
.related-picker{position:relative;padding:14px;border:1px solid #dfe2f2;border-radius:13px;background:#fafaff}.related-search-box{height:48px;display:flex;align-items:center;gap:10px;border:2px solid #d9dcf5;border-radius:11px;background:#fff;padding:0 13px}.related-search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #5963da15}.related-search-box>span{font-size:22px;color:var(--brand)}.related-search-box input{border:0!important;background:#fff!important;padding:0!important;font-size:14px;font-weight:600}.related-results{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;max-height:220px;overflow:auto}.related-results button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px;text-align:left;color:var(--ink)}.related-results button:hover{border-color:#c8cdf7;background:#f8f8ff}.related-results button>span:last-child{display:flex;min-width:0;flex-direction:column}.related-results small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.search-kind{flex:none;width:58px;border-radius:7px;padding:4px;text-align:center;font-size:9px;font-weight:800;background:#eaf8f2;color:#17875f}.search-kind.lead{background:#eef0ff;color:#5963da}.search-empty{grid-column:1/-1;color:var(--muted);padding:15px;text-align:center}.more-events{border:0;background:transparent;color:var(--brand);font-size:9px;font-weight:700;padding:3px 5px}.more-events:hover{text-decoration:underline}.day-modal .modal-body{max-height:480px;overflow:auto}.quotation-upload{padding:12px;border:1px dashed #bfc5ee;border-radius:11px;background:#fafaff}.quotation-upload input{background:#fff}.quotation-files{margin-top:10px}.record-history .file-row,.file-center .file-row,.quotation-files .file-row{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--line)}.file-icon{width:40px;height:36px;display:grid;place-items:center;border-radius:8px;background:#eef0ff;color:#5963da;font-size:9px;font-weight:800}.file-info{display:flex;flex:1;min-width:0;flex-direction:column}.file-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info small{color:var(--muted)}.file-row button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 8px;color:var(--brand);font-size:10px;font-weight:700}.file-unavailable{font-size:10px;color:var(--muted)}.note-row{display:flex;gap:7px}.note-row span{flex:1}.file-center-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.file-center-head p{margin:4px 0;color:var(--muted)}.file-center{border:1px solid var(--line);border-radius:12px;overflow:hidden}.file-name-cell{font-size:11px;color:var(--brand)}
@media(max-width:760px){.related-results{grid-template-columns:1fr}.file-center-head{align-items:flex-start;flex-direction:column;gap:10px}.file-row{flex-wrap:wrap}.file-info{min-width:160px}}

/* Pipeline status, filters, and admin controls */
.pipeline-quote{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin:8px 0;padding:8px;border-radius:8px;background:#eaf8f2;color:#17875f;font-size:10px}.pipeline-quote span{font-weight:700}.pipeline-quote small{grid-column:1/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-controls{justify-content:flex-start;gap:12px}.pipeline-controls .btn{margin-left:auto}.list-filters{display:flex;gap:10px;margin:-6px 0 14px}.list-filters label,.pipeline-controls label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.list-filters select,.pipeline-controls select{min-width:145px}.permission-grid label{min-height:36px;display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;background:#fff;border:1px solid var(--line);line-height:1.2}.permission-grid input{margin:0;flex:none}.note-row{align-items:center}.note-row button{width:25px;height:25px;border:0;border-radius:6px;background:#ffeaed;color:var(--red);font-weight:800}.modal-extra{align-items:center;flex-wrap:wrap}
@media(max-width:760px){.list-filters,.pipeline-controls{align-items:stretch;flex-direction:column}.pipeline-controls .btn{margin-left:0}.list-filters label,.pipeline-controls label{justify-content:space-between}}
.permission-grid input[type="checkbox"]{width:16px!important;height:16px!important;margin:0;flex:none}

/* Lead age and quotation version history */
.lead-created{margin-top:3px;color:#8b92a0;font-size:9px}.quotation-history{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.quotation-history-head{display:flex;justify-content:space-between;margin-bottom:10px}.quotation-history-head small{color:var(--muted)}.quote-group{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;margin-top:9px}.quote-group-head{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:#f5f6fa}.quote-group-head span{color:var(--muted);font-size:10px}.quote-version{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;border:0;border-top:1px solid var(--line);background:#fff;padding:10px;text-align:left;color:var(--ink)}.quote-version:hover{background:#fafaff}.quote-version>span:nth-child(2){display:flex;flex-direction:column}.quote-version small{color:var(--muted);margin-top:2px}.version-number{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#eef0ff;color:var(--brand);font-weight:800}

/* Grouped quotation workspace and single-quotation outcomes */
.quotation-workspace{display:grid;gap:16px}.quotation-account{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:0 2px 4px #20253a08}.quotation-account-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.quotation-account-head>div{display:flex;flex-direction:column}.quotation-account-head small{color:var(--muted)}.quotation-account .quotation-history{margin-top:12px}.quote-related-link,.quote-linked-record{border:0;background:transparent;color:var(--ink);font-weight:800;text-align:left;padding:0;font-size:16px}.quote-related-link:hover,.quote-linked-record:hover{color:var(--brand);text-decoration:underline}.quote-linked-record{width:100%;padding:10px 12px;margin-bottom:10px;border:1px solid #dfe2f7;border-radius:10px;background:#f7f8ff;font-size:13px}.outcome-options{display:grid;gap:9px;margin-top:17px}.outcome-option{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);text-align:left}.outcome-option:hover{border-color:var(--brand);background:#fafaff}.outcome-option>span:first-child{display:flex;flex-direction:column}.outcome-option small{color:var(--muted);margin-top:3px}.outcome-option>span:last-child{color:var(--brand);font-weight:700}.remove-file{color:var(--red)!important}.btn.danger{background:#fff0f1;color:var(--red);box-shadow:inset 0 0 0 1px #f2c9ce}
@media(max-width:760px){.quotation-account-head{align-items:flex-start;flex-direction:column}.quotation-account-head .btn{width:100%}.outcome-option{align-items:flex-start;flex-direction:column}}

.quotation-filterbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.quote-search{position:relative;flex:1;max-width:560px}.quote-search span{position:absolute;left:14px;top:7px;color:var(--brand);font-size:20px}.quote-search input{width:100%;height:43px;padding:0 13px 0 42px;border:1px solid var(--line);border-radius:11px;background:#fff;outline:none}.quote-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5963da15}.quotation-filterbar select{height:43px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}.won-check{display:inline-flex;align-items:center;padding:2px 7px;border-radius:12px;background:#e7f8f0;color:#11815b;font-weight:800}.decision-modal .modal-body{display:grid;gap:16px}.loss-note{margin-top:12px}.loss-note textarea{min-height:90px}.pipeline-decision{padding:15px;border:1px solid #dfe2f7;border-radius:12px;background:#fafaff}.pipeline-decision p{margin:5px 0 13px;color:var(--muted)}.pipeline-decision>div{display:flex;gap:8px;flex-wrap:wrap}.won-confirm{display:flex;align-items:center;gap:13px;padding:14px;border-radius:12px;background:#eaf8f2}.won-confirm>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:22px;font-weight:900}.won-confirm div{display:flex;flex-direction:column}.won-confirm small{color:#497361}.customer-outcome-save{justify-self:end}.loss-details{margin-bottom:13px;padding:12px 14px;border:1px solid #f0cbd0;border-radius:11px;background:#fff4f5;color:#a63d49}.loss-details p{margin:5px 0 0;color:#714e53}.kanban{scroll-behavior:smooth}
.quote-filter{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.quote-filter select{font-size:13px;font-weight:500;text-transform:none;letter-spacing:normal}.lost-check{display:inline-flex;align-items:center;padding:2px 7px;border-radius:12px;background:#ffeaed;color:#c33e4d;font-weight:800}.outcome-option.selected{border-color:var(--brand);background:#f4f5ff;box-shadow:0 0 0 2px #5963da12}.outcome-reason{margin-top:16px}.outcome-modal textarea{min-height:90px}.outcome-modal .modal-body{display:grid;gap:13px}.outcome-modal .modal-foot{position:sticky;bottom:0;background:#fff}
@media(max-width:760px){.quotation-filterbar{align-items:stretch;flex-direction:column}.quote-search{max-width:none}.quotation-filterbar select{width:100%}.pipeline-decision>div .btn{width:100%}}
.quotation-filterbar{justify-content:center;align-items:flex-end}.quote-filter{align-items:center;text-align:center}.pipeline-loss-reason{display:flex;align-items:center;gap:6px;margin:7px 0;padding:7px 8px;border-radius:8px;background:#fff0f2;color:#a93d49;font-size:10px}.pipeline-loss-reason span{padding:2px 6px;border-radius:10px;background:#dc5b67;color:#fff;font-weight:900}.pipeline-loss-reason strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-other.hidden{display:none}.business-other>.field{display:contents}.issue-upload{padding:12px;border:1px dashed #bfc5ee;border-radius:11px;background:#fafaff}.file-thumb{width:52px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#f1f2f5}.media-modal{width:min(1000px,96vw);max-height:94vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.media-viewer{min-height:300px;max-height:72vh;padding:14px;background:#151922;display:grid;place-items:center}.media-viewer img,.media-viewer video{display:block;max-width:100%;max-height:68vh}.media-viewer iframe{width:100%;height:68vh;border:0;background:#fff}.cancel-details{margin-bottom:13px;padding:12px 14px;border:1px solid #edcfab;border-radius:11px;background:#fff8e9;color:#93601e}.cancel-details p{margin:5px 0 0;color:#70583b}.brand-mark{font-size:11px}.file-row .file-info+button{flex:none}
.post-sale-customer{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.post-sale-customer>div{display:flex;flex:1;flex-direction:column}.post-sale-customer small{color:var(--muted)}.post-sale-success{margin-top:12px;padding:10px 12px;border-radius:10px;background:#eaf8f2;color:#147954;font-weight:700}.post-sale-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.post-sale-action{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;text-align:left;color:var(--ink)}.post-sale-action:hover{border-color:var(--brand);background:#fafaff}.post-sale-action>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eef0ff;color:var(--brand);font-size:20px}.post-sale-action div{display:flex;flex-direction:column}.post-sale-action small{color:var(--muted);margin-top:3px}.post-sale-form .field small{color:var(--muted)}.notification-button{position:relative}.notification-button>span{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}.notification-list{display:grid;gap:8px}.notification-list>button{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px;text-align:left;color:var(--ink)}.notification-list>button:hover{border-color:var(--brand);background:#fafaff}.notification-list>button>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eaf8f2;color:var(--green)}.notification-list>button>div{display:flex;flex-direction:column}.notification-list small{color:var(--muted)}.notification-list b{color:var(--brand);font-size:11px}.post-sale-context{margin-bottom:14px;padding:14px;border:1px solid #dfe2f7;border-radius:12px;background:#fafaff}.post-sale-context>div{display:flex;align-items:center;gap:10px}.post-sale-context>div>div{display:flex;flex:1;flex-direction:column}.post-sale-context small{color:var(--muted)}.post-sale-context button{border:0;background:transparent;color:var(--brand);font-weight:700}.post-sale-context h3{margin:13px 0 6px}.post-sale-context p{margin:4px 0;padding-top:4px;border-top:1px solid var(--line);font-size:11px}
@media(max-width:760px){.post-sale-actions{grid-template-columns:1fr}}
.issue-filters{align-items:flex-end;flex-wrap:wrap}.issue-filters label{flex-direction:column;align-items:flex-start;gap:4px}.issue-filters .btn{margin-left:auto}.reassign-warning{padding:13px 14px;border:1px solid #f1d5ac;border-radius:11px;background:#fff8e9;color:#825a25}.reassign-warning p{margin:5px 0 0;color:#745f43}.workload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.workload-grid>div{display:flex;flex-direction:column;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.workload-grid strong{font:800 22px Manrope;color:var(--brand)}.workload-grid span{font-size:10px;color:var(--muted);text-transform:capitalize}.reassign-select select{height:46px;background:#fff;font-weight:700}
@media(max-width:760px){.issue-filters{align-items:stretch}.issue-filters label{align-items:stretch}.issue-filters .btn{margin-left:0}.workload-grid{grid-template-columns:repeat(2,1fr)}}

/* Shared filter system */
.unified-filterbar{display:flex;align-items:flex-end;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 2px 4px #20253a08}.unified-filterbar label,.unified-filterbar .quote-filter{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:132px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.06em;text-align:center;text-transform:uppercase}.unified-filterbar label>span{display:block}.unified-filterbar select,.unified-filterbar label select,.unified-filterbar .quote-filter select{width:100%;min-width:132px;height:43px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;color:var(--ink);font-size:13px;font-weight:500;letter-spacing:normal;text-transform:none}.unified-filterbar select:focus,.unified-filterbar input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5963da15;outline:none}.unified-search,.quote-search{position:relative;flex:1 1 260px;max-width:480px;min-width:220px}.unified-search>span,.quote-search>span{position:absolute;left:14px;top:7px;color:var(--brand);font-size:20px;z-index:1}.unified-search .filter-input,.quote-search input{width:100%;max-width:none;height:43px;padding:0 13px 0 42px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.unified-filterbar>.btn{height:43px;margin-left:0;white-space:nowrap}.quotation-filterbar{align-items:flex-end;justify-content:center}.issue-filters label,.task-filters label{align-items:center}.pipeline-controls .btn{margin-left:0}.list-filters,.pipeline-controls{margin-top:0}.toolbar:has(+ .unified-filterbar){display:none}
@media(max-width:900px){.unified-filterbar{align-items:stretch;justify-content:flex-start}.unified-filterbar label,.unified-filterbar .quote-filter{align-items:stretch;flex:1 1 150px}.unified-search,.quote-search{max-width:none;flex-basis:100%}.unified-filterbar>.btn{flex:1 1 140px}}
@media(max-width:560px){.unified-filterbar{flex-direction:column}.unified-filterbar label,.unified-filterbar .quote-filter,.unified-filterbar>.btn,.unified-search,.quote-search{width:100%;min-width:0;flex-basis:auto}}

/* Compact quotation filters and customer filter alignment */
.quotation-filterbar.unified-filterbar{width:fit-content;max-width:100%;margin:0 auto 18px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 10px #20253a0b;gap:8px}.quotation-filterbar .quote-search{flex:0 1 390px;width:390px;min-width:260px}.quotation-filterbar .quote-filter{min-width:118px}.quotation-filterbar .quote-filter select{min-width:118px;background:#fafbfc;box-shadow:none}.customer-filters label{align-items:center}.customer-filters .unified-search{max-width:400px}
@media(max-width:900px){.quotation-filterbar.unified-filterbar{width:100%;padding:10px}.quotation-filterbar .quote-search{width:auto;max-width:none;flex:1 1 100%}}

/* Inventory, landed cost, and stock control */
.inventory-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.inventory-summary>div{display:flex;flex-direction:column;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:#fff}.inventory-summary span{color:var(--muted);font-size:11px}.inventory-summary strong{margin-top:5px;font:800 22px Manrope}.product-table tbody tr{cursor:pointer}.stock-location-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:#fff}.stock-location-bar>div{display:flex;flex-direction:column}.stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stock-card{padding:16px}.stock-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.stock-card-head>div{display:flex;flex-direction:column}.stock-card-head small{color:var(--muted)}.stock-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.stock-counts>div{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:9px;background:#f7f8fa}.stock-counts span,.stock-cost span{color:var(--muted);font-size:10px}.stock-counts strong{font:800 20px Manrope}.stock-cost{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}.serial-summary{width:100%;margin-top:11px;padding:8px;border:1px solid #dfe2f7;border-radius:8px;background:#fafaff;color:var(--brand);font-size:11px;font-weight:700}.formula-notice{margin-bottom:15px}.wide-modal{width:min(800px,100%)}.pricing-preview{display:flex;align-items:center;gap:12px;margin-top:15px;padding:12px 14px;border-radius:11px;background:#eaf8f2;color:#176e51}.pricing-preview strong{margin-left:auto;font-size:17px}.grn-modal{width:min(1000px,100%)}.grn-lines-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px}.grn-lines{display:grid;gap:8px}.grn-line{display:grid;grid-template-columns:2fr 75px 110px 145px 1.5fr 32px;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.grn-line select,.grn-line input{min-width:0;width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 8px}.grn-line label{display:flex;align-items:center;gap:5px;font-size:10px}.grn-line label input{width:auto;height:auto}.grn-line button{width:28px;height:28px;border:0;border-radius:7px;background:#ffeaed;color:var(--red)}.grn-live-summary{margin-top:10px;color:var(--muted);font-size:11px}.serial-list{display:grid;gap:7px}.serial-list>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.serial-list small{color:var(--muted)}.settings-number{width:130px;height:42px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff}.panel.empty{grid-column:1/-1}.brand img{max-width:150px}
@media(max-width:1100px){.stock-grid{grid-template-columns:repeat(2,1fr)}.grn-line{grid-template-columns:1.5fr 70px 100px 130px 1fr 30px}}
@media(max-width:760px){.inventory-summary{grid-template-columns:1fr 1fr}.stock-grid{grid-template-columns:1fr}.grn-line{grid-template-columns:1fr 1fr}.grn-line select:first-child,.grn-line input[name=serials]{grid-column:1/-1}}

/* Clear labelled cost and currency controls for Catalog and Receive Stock. */
.product-cost-field small,[data-grn-conversion]{display:block;margin-top:4px;color:var(--muted);font-size:9px}.pricing-preview-detailed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px}.pricing-preview-detailed strong{grid-column:1/-1;margin:3px 0 0;padding-top:8px;border-top:1px solid #bfe3d5}.catalog-current-cost{margin-top:10px;padding:10px 13px;border-radius:9px;background:#f7f8fa;color:var(--muted);font-size:10px}.grn-rate-note{margin-top:12px;padding:10px 13px;border-radius:9px;background:#f1f2ff;color:#535dbd;font-size:11px}.grn-lines-head>div h3{margin:0}.grn-lines-head>div small{color:var(--muted)}.grn-line.grn-cost-line{grid-template-columns:minmax(190px,1.7fr) 75px 110px 105px 135px 34px;align-items:start;padding:12px}.grn-cost-line>label{display:flex;flex-direction:column;align-items:stretch;gap:5px;color:var(--muted);font-size:9px;font-weight:700}.grn-cost-line>label>span{min-height:12px}.grn-cost-line .grn-freight{grid-column:1/3;flex-direction:row;align-items:center;padding-top:4px;color:var(--text);font-size:10px}.grn-cost-line .grn-freight input{width:auto;height:auto}.grn-cost-line .grn-serials{grid-column:3/6}.grn-cost-line>[data-remove-grn-line]{grid-column:6;grid-row:1}.grn-line-result{grid-column:1/-1;padding:8px 10px;border-radius:8px;background:#eef8f3;color:#257057;font-size:10px}.grn-live-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.grn-live-summary>div{display:flex;flex-direction:column;padding:10px 12px;border-radius:9px;background:#f7f8fa}.grn-live-summary span{font-size:9px}.grn-live-summary strong{margin-top:3px;color:var(--text);font-size:13px}
@media(max-width:900px){.grn-line.grn-cost-line{grid-template-columns:1.5fr 70px 100px 90px}.grn-cost-line .grn-freight{grid-column:1/3}.grn-cost-line .grn-serials{grid-column:3/5}.grn-cost-line>[data-remove-grn-line]{grid-column:4;grid-row:2;justify-self:end}}
@media(max-width:620px){.grn-line.grn-cost-line{grid-template-columns:1fr 1fr}.grn-cost-line .grn-product,.grn-cost-line .grn-freight,.grn-cost-line .grn-serials,.grn-line-result{grid-column:1/-1}.grn-cost-line>[data-remove-grn-line]{grid-column:2;grid-row:4;justify-self:end}.grn-live-summary,.pricing-preview-detailed{grid-template-columns:1fr}}
.grn-line.grn-cost-line{grid-template-columns:minmax(190px,1.6fr) repeat(4,minmax(120px,1fr)) 34px}.grn-cost-line [data-grn-conversion],[data-product-cost-conversion]{display:none!important}.pricing-preview-detailed span strong{margin-left:4px;font-size:inherit}
@media(max-width:900px){.grn-line.grn-cost-line{grid-template-columns:repeat(2,minmax(0,1fr))}.grn-cost-line .grn-product,.grn-cost-line .grn-freight,.grn-cost-line .grn-serials,.grn-line-result{grid-column:1/-1}.grn-cost-line>[data-remove-grn-line]{grid-column:2;grid-row:4;justify-self:end}}
.grn-receipt-row{cursor:pointer}.grn-receipt-row:hover{background:#fafaff}.view-receipt-hint{display:block;margin-top:3px;color:var(--brand);font-size:9px}.grn-receipt-modal{width:min(900px,100%)}.grn-receipt-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.grn-receipt-summary>div{display:flex;flex-direction:column;padding:11px 13px;border-radius:9px;background:#f7f8fa}.grn-receipt-summary span{color:var(--muted);font-size:9px}.grn-receipt-summary strong{margin-top:3px}.grn-receipt-lines{display:grid;gap:10px}.grn-receipt-line{padding:13px;border:1px solid var(--line);border-left:4px solid #6f7cff;border-radius:10px;background:#fff}.grn-receipt-line.cost-protected{border-left-color:#e5a11a;background:#fffbf2}.grn-receipt-line.cost-increased{border-left-color:#2b9a69;background:#f4fbf8}.grn-receipt-line header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.grn-receipt-line header>div{display:flex;flex-direction:column}.grn-receipt-line small{margin-top:3px;color:var(--muted)}.grn-cost-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.grn-cost-comparison span{display:flex;flex-direction:column;padding:8px;border-radius:7px;background:#fff;color:var(--muted);font-size:9px}.grn-cost-comparison strong{margin-top:2px;color:var(--text);font-size:11px}.grn-receipt-line p{margin:10px 0 0;color:#665b43;font-size:10px}.grn-approval-note{margin-top:15px;padding:13px;border-radius:9px;background:#f7f8fa}.grn-approval-note p{margin:6px 0 0;color:var(--muted);font-size:10px}@media(max-width:620px){.grn-receipt-summary,.grn-cost-comparison{grid-template-columns:1fr}.grn-receipt-line header{flex-direction:column}}

/* Dynamic quotation builder and client proposal */
.builder-head-actions{display:flex;gap:8px;flex-wrap:wrap}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.builder-main{display:grid;gap:16px}.builder-section{padding:18px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.section-title h2,.section-title p{margin:0}.section-title p{margin-top:4px;color:var(--muted);font-size:11px}.proposal-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.proposal-editor h3{grid-column:1/-1;margin:0}.quote-line-head,.quote-builder-line{display:grid;grid-template-columns:minmax(180px,2fr) 70px 105px 120px 90px 30px;gap:8px;align-items:center}.quote-line-head{padding:0 10px 7px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.quote-builder-line{margin-bottom:7px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.quote-builder-line>div{display:flex;flex-direction:column}.quote-builder-line small{padding-left:8px;color:var(--muted)}.quote-builder-line input,.quote-builder-line select{width:100%;min-width:0;height:39px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#fff}.visibility-switch{display:flex;align-items:center;gap:6px;font-size:11px}.visibility-switch input{width:auto;height:auto}.remove-line{width:28px;height:28px;border:0;border-radius:7px;background:#ffeaed;color:var(--red)}.builder-summary{align-self:start}.summary-sticky{position:sticky;top:82px;padding:18px}.summary-sticky>h2{margin:5px 0 0;font:800 30px Manrope}.summary-sticky>small{color:var(--muted)}.discount-controls{display:grid;grid-template-columns:1fr 90px;gap:8px;margin:17px 0}.discount-controls label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:10px}.discount-controls select,.discount-controls input{width:100%;height:39px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 8px}.total-list{display:grid;gap:2px}.total-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.total-primary{color:var(--brand);font-weight:800}.snapshot-note{margin-top:14px;padding:10px;border-radius:9px;background:#f1f2ff;color:#535dbd;font-size:10px}.catalog-picker{display:grid;gap:8px}.catalog-picker button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}.catalog-picker button:hover{border-color:var(--brand);background:#fafaff}.catalog-picker span{display:flex;flex-direction:column}.catalog-picker small{color:var(--muted)}
.quote-preview-shell{min-height:100vh;padding:20px;background:#eceef3}.preview-toolbar{position:sticky;z-index:4;top:12px;display:flex;align-items:center;gap:14px;max-width:1040px;margin:0 auto 15px;padding:10px 12px;border:1px solid #d9dce5;border-radius:12px;background:#ffffffed;box-shadow:0 8px 30px #20253a18;backdrop-filter:blur(10px)}.preview-toolbar>div{display:flex;flex:1;flex-direction:column}.preview-toolbar small{color:var(--muted)}.client-proposal{max-width:980px;margin:auto;color:#181619;font-family:Arial,sans-serif}.client-proposal>section{min-height:1120px;margin-bottom:18px;padding:44px 50px;background:#fff;box-shadow:0 7px 30px #20253a18}.proposal-cover{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#fff 68%,#ff941c 68%)!important}.proposal-cover img{width:420px;max-width:80%}.proposal-cover span{color:#777;font-size:16px}.proposal-cover h1{margin:10px 0;font-size:52px}.proposal-cover p{max-width:600px;font-size:26px;line-height:1.4}.proposal-cover footer{font-weight:700}.proposal-overview h2{font-size:38px}.proposal-overview>p{max-width:720px;font-size:20px;line-height:1.7}.overview-points{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:60px}.overview-points span{padding:28px;border-top:5px solid #ff941c;background:#f5f5f5;font-size:17px;font-weight:700}.proposal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.proposal-header img{width:480px;max-width:55%}.proposal-header h1{margin:0;color:#ff9315;font-size:47px}.proposal-header p{line-height:1.5}.proposal-info{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 0}.proposal-info span{font-size:12px}.proposal-info h2{margin:5px 0}.proposal-info p{line-height:1.45}.proposal-columns{display:grid;grid-template-columns:1.15fr .9fr;min-height:370px;border:2px solid #bbb}.proposal-columns>div+div{border-left:2px solid #bbb}.proposal-columns h3{margin:0;padding:10px;background:#3c3c42;color:#fff;text-align:center;text-transform:uppercase}.proposal-columns>div:first-child h3{background:#ff9700}.proposal-columns h3 span{float:left}.proposal-columns>div:nth-child(2)>p{padding:0 12px}.proposal-item{display:grid;grid-template-columns:70px 1fr;align-items:center;min-height:55px;border-bottom:1px solid #bbb}.proposal-item b{text-align:center}.proposal-pricing{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;margin:32px 0}.license-box{align-self:start;text-align:center}.license-box span{display:block;padding:7px;background:#ff9700;color:#fff;font-weight:800}.license-box strong{display:block;padding:15px;background:#3c3c42;color:#fff;font-size:20px}.payment-box{display:grid;gap:11px}.payment-box label{display:grid;grid-template-columns:25px 1fr 150px;align-items:center;gap:8px}.payment-box label span{padding:13px;background:#ff9700;color:#fff;text-align:center;font-weight:700}.payment-box label strong{padding:13px;background:#3c3c42;color:#fff;text-align:center;font-size:17px}.proposal-discount{margin:-15px 0 20px;text-align:right;color:#29815e;font-weight:700}.proposal-terms{padding:18px;border:1px solid #bbb}.proposal-terms>div{max-height:190px;overflow:auto;padding:12px;background:#f6f6f6;font-size:11px;line-height:1.5}.proposal-terms>label{display:block;margin-top:13px;font-weight:700}.proposal-footer{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;margin-top:28px;line-height:1.45}.signature-state{display:flex;flex-direction:column;align-items:center;border-bottom:2px solid #222;text-align:center}.signature-state img{max-width:220px;max-height:90px}.signature-state small{margin-bottom:6px}.client-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px}.won-banner{margin-right:auto;padding:12px 16px;border-radius:9px;background:#e4f8ef;color:#157553;font-weight:800}.client-status{margin-top:18px;padding:13px;border-radius:9px;font-weight:700}.client-status.revision{background:#fff4dc;color:#8c5d14}.client-status.lost{background:#ffeaed;color:#a42d3e}.signature-canvas{width:100%;height:180px;border:2px dashed #aeb4c1;border-radius:10px;background:#fff;touch-action:none}.install-line{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.install-line span{display:flex;flex:1;flex-direction:column}.install-line small{color:var(--muted)}.install-line input{width:100px;height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px}.referral-public{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#f4f5fa,#fff4e6)}.referral-card{width:min(720px,100%);padding:34px;border-radius:22px;background:#fff;box-shadow:0 20px 60px #20253a1c}.referral-card>img{width:310px;max-width:75%;margin-bottom:25px}.referral-card>p{color:var(--muted)}.referral-card form>.btn{margin:18px 0 25px}
@media(max-width:1000px){.builder-layout{grid-template-columns:1fr}.builder-summary{order:-1}.summary-sticky{position:static}.client-proposal>section{min-height:0}.quote-line-head{display:none}.quote-builder-line{grid-template-columns:2fr 70px 100px}.quote-builder-line .visibility-switch{justify-content:center}}
@media(max-width:700px){.quote-builder-line{grid-template-columns:1fr 1fr}.quote-builder-line>div{grid-column:1/-1}.proposal-editor{grid-template-columns:1fr}.proposal-editor h3{grid-column:auto}.quote-preview-shell{padding:8px}.preview-toolbar{top:4px;flex-wrap:wrap}.preview-toolbar>div{order:-1;flex-basis:100%}.client-proposal>section{padding:25px 20px}.proposal-header,.proposal-info,.proposal-columns,.proposal-pricing,.proposal-footer{grid-template-columns:1fr}.proposal-header img{max-width:70%}.proposal-columns>div+div{border-left:0;border-top:2px solid #bbb}.proposal-pricing{gap:22px}.payment-box label{grid-template-columns:22px 1fr 110px}.client-actions{align-items:stretch;flex-direction:column}.client-actions .btn{width:100%}.overview-points{grid-template-columns:1fr}}
.catalog-delete-button{margin-right:auto}
.catalog-delete-summary,.catalog-impact-warning{padding:16px 18px;border-radius:14px;margin-bottom:14px}
.catalog-stock-blocker{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:14px;margin-bottom:14px;background:#fff3f2;border:1px solid #efb3ad}
.catalog-stock-blocker p{margin:5px 0 0;line-height:1.5}
.stock-delete-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.stock-delete-counts>div{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid #e6e8ec;border-radius:12px;background:#f8f9fb}
.stock-delete-counts span{font-size:.78rem;color:#6b7280}.stock-delete-counts strong{font-size:1.15rem}
.stock-reserved-link{appearance:none;text-align:left;border:1px solid #f0c675!important;background:#fff8e8!important;border-radius:10px;padding:10px!important;cursor:pointer;color:inherit;display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;transition:.16s ease}
.stock-reserved-link:hover{border-color:#f59e0b!important;transform:translateY(-1px);box-shadow:0 5px 14px rgba(180,120,0,.12)}
.stock-reserved-link span{font-size:.75rem;color:#7c5a14}.stock-reserved-link strong{font-size:1.25rem}.stock-reserved-link small{color:#9a6700;font-weight:700}
.reserved-stock-modal{max-width:880px}
.reserved-workflow-note{display:flex;flex-direction:column;gap:5px;padding:15px 17px;margin-bottom:14px;border-radius:13px;background:#f4f7fb;border:1px solid #dce3ec;line-height:1.5}
.reserved-quotation-list{display:flex;flex-direction:column;gap:10px}
.reserved-quotation-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;border:1px solid #e3e6eb;border-radius:14px;background:#fff}
.reserved-quotation-main{display:flex;align-items:center;gap:12px}.reserved-quantity{display:grid;place-items:center;min-width:38px;height:38px;border-radius:10px;background:#fff2d5;color:#8a5b00;font-weight:900}
.reserved-quotation-main p,.reserved-quotation-main small{display:block;margin:2px 0;color:#68717d}.reserved-quotation-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
@media(max-width:700px){.reserved-quotation-row{align-items:stretch;flex-direction:column}.reserved-quotation-actions{justify-content:stretch}.reserved-quotation-actions .btn{flex:1}}
.vendor-toolbar{margin-bottom:16px}.vendor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}.vendor-card{padding:18px}.vendor-card header{display:flex;align-items:center;gap:12px}.vendor-card header>div:nth-child(2){min-width:0;flex:1}.vendor-card h2,.vendor-card p{margin:0}.vendor-card p{margin-top:3px;color:#69717c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff0d5;color:#8b5900;font-weight:900}.vendor-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.vendor-stats>div{display:flex;flex-direction:column;padding:11px 12px;border-radius:11px;background:#f6f7f9}.vendor-stats span{font-size:.75rem;color:#737b86}.vendor-products{display:flex;flex-direction:column;gap:7px}.vendor-products>button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:9px 10px;border:1px solid #e4e7eb;border-radius:10px;background:#fff;cursor:pointer}.vendor-products>button:hover{border-color:#f0a431;background:#fffaf2}.vendor-products small{color:#747c87}.vendor-card footer{display:flex;justify-content:flex-end;margin-top:14px}.small-empty{padding:15px!important}
[data-receipt-vendor-note]{display:block;margin-top:5px;color:#8a6417;line-height:1.35}

/* Receive Shipment: keep the main numeric fields large and equally sized. */
.grn-modal{width:min(1180px,calc(100vw - 32px))}
.grn-line.grn-cost-line{grid-template-columns:minmax(240px,1.55fr) repeat(4,minmax(150px,1fr)) 38px;gap:10px;padding:14px}
.grn-cost-line>label{font-size:11px;gap:7px}
.grn-cost-line input[name="quantity"],.grn-cost-line input[name="productCost"],.grn-cost-line input[name="additionalCharges"],.grn-cost-line select[name="costCurrency"]{width:100%;min-width:0;height:46px;padding:0 12px;font-size:14px;border-radius:9px}
@media(max-width:1050px){.grn-line.grn-cost-line{grid-template-columns:repeat(2,minmax(220px,1fr))}.grn-cost-line .grn-product,.grn-cost-line .grn-freight,.grn-cost-line .grn-serials,.grn-line-result{grid-column:1/-1}.grn-cost-line>[data-remove-grn-line]{grid-column:2;grid-row:4;justify-self:end}}
@media(max-width:620px){.grn-modal{width:calc(100vw - 16px)}.grn-line.grn-cost-line{grid-template-columns:1fr}.grn-cost-line .grn-product,.grn-cost-line>label,.grn-cost-line .grn-freight,.grn-cost-line .grn-serials,.grn-line-result{grid-column:1}.grn-cost-line>[data-remove-grn-line]{grid-column:1;grid-row:auto;justify-self:end}}
.pipeline-scrollbar{position:sticky;z-index:8;top:68px;height:15px;margin:0 0 7px;overflow-x:auto;overflow-y:hidden;border:1px solid #e1e4ea;border-radius:999px;background:#f5f6f8;scrollbar-color:#9da5b2 #f5f6f8}.pipeline-scrollbar>div{height:1px}.pipeline-scrollbar::-webkit-scrollbar{height:13px}.pipeline-scrollbar::-webkit-scrollbar-thumb{border:3px solid #f5f6f8;border-radius:999px;background:#9da5b2}.pipeline-view-quote{width:100%;border:0;text-align:left;cursor:pointer}.pipeline-view-quote:hover{background:#eef1ff}.pipeline-payment-action{width:100%;margin-top:8px;padding:9px 10px;border:1px solid #a7dec7;border-radius:9px;background:#e8f8f1;color:#177453;font-weight:800;cursor:pointer}.quotation-payment-state{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:15px 18px;border-left:4px solid #f59b23}.quotation-payment-state>div{display:flex;flex-direction:column;gap:3px}.quotation-payment-state small,.quotation-payment-state span{color:var(--muted)}.quotation-payment-state strong{font-size:15px}.payment-decision-modal p{margin-top:0;color:var(--muted)}
@media(max-width:700px){.pipeline-scrollbar{top:60px}.quotation-payment-state{align-items:stretch;flex-direction:column}}
.referral-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.referral-partner-card{padding:18px;cursor:pointer;transition:.18s ease}.referral-partner-card:hover{transform:translateY(-2px);border-color:#f2b04e;box-shadow:0 12px 28px #26334a16}.referral-partner-card header{display:flex;align-items:center;gap:11px}.referral-partner-card header>div{min-width:0;flex:1}.referral-partner-card h2,.referral-partner-card p{margin:0}.referral-partner-card p{margin-top:3px;color:var(--muted)}.referral-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.referral-card-stats>div,.referral-summary>div{display:flex;flex-direction:column;padding:12px;border-radius:11px;background:#f7f8fa}.referral-card-stats span,.referral-summary span{color:var(--muted);font-size:10px}.referral-card-stats strong,.referral-summary strong{margin-top:3px;font-size:20px}.referral-permanent-link{display:flex;flex-direction:column;gap:4px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fbfbfc}.referral-permanent-link small{color:var(--muted)}.referral-permanent-link code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555fc2}.referral-partner-card footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.referral-share-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px}.referral-share-panel>div{display:flex;min-width:0;flex-direction:column;gap:4px}.referral-share-panel small,.referral-share-panel span{color:var(--muted)}.referral-share-panel strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555fc2}.referral-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.referral-filters{display:flex;align-items:end;gap:10px;margin-bottom:14px}.referral-filters label{display:flex;min-width:190px;flex-direction:column;gap:5px}.referral-filters label span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.referral-filters select{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.referral-attribution{display:flex;align-items:center;gap:10px;margin:18px 0;padding:13px;border:1px solid #f2d29d;border-radius:12px;background:#fff8eb}.referral-attribution>div{display:flex;flex:1;flex-direction:column}.referral-attribution small{color:var(--muted)}.referral-attribution>span:last-child{color:#27765a;font-size:11px;font-weight:800}.referral-privacy-note{margin-top:16px;color:var(--muted);font-size:10px;text-align:center}.referral-preview-back{margin-top:8px}.lead-referral-field small{margin-top:5px;color:var(--muted)}.referral-success{grid-column:1/-1;padding:25px;text-align:center}.referral-success>span{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:50%;background:#e4f8ef;color:#157553;font-size:25px;font-weight:900}
@media(max-width:700px){.referral-summary{grid-template-columns:1fr 1fr}.referral-share-panel,.referral-filters{align-items:stretch;flex-direction:column}.referral-filters label{min-width:0}.referral-attribution{align-items:flex-start;flex-wrap:wrap}}
.referral-public{position:relative;min-height:100vh;padding:52px 24px;background:#dcdcdc}.referral-language{position:absolute;z-index:3;top:18px;right:24px}.referral-language label{display:flex;align-items:center;gap:9px;color:#4b4b4b;font-size:11px;font-weight:800}.referral-language select{height:38px;padding:0 30px 0 11px;border:1px solid #c8c8c8;border-radius:999px;background:#fff}.referral-card.modern-referral-card{display:grid;width:min(1040px,100%);grid-template-columns:1.08fr .92fr;gap:28px;padding:22px;border-radius:25px;box-shadow:0 22px 65px #30343a24}.referral-intro{display:flex;min-height:540px;flex-direction:column;padding:24px 18px 20px}.referral-intro>img{width:365px;max-width:88%;margin:14px 0 56px}.referral-intro h1{max-width:470px;margin:0 0 13px;font:800 clamp(36px,5vw,58px)/.96 Manrope,sans-serif;letter-spacing:-.045em}.referral-intro>p{max-width:500px;margin:0;color:#727272;font-size:14px;line-height:1.55}.referral-contact-points{display:flex;flex-wrap:wrap;gap:13px 22px;margin-top:auto;color:#343434;font-size:13px;font-weight:800}.referral-intro .referral-attribution{margin:20px 0 0;border:0;background:#f5f5f5}.referral-form-panel{display:flex;min-height:540px;flex-direction:column;padding:36px;border-radius:20px;background:linear-gradient(150deg,#f4ce42,#f5b92f)}.referral-form-panel h2{margin:0 0 22px;font:800 24px Manrope,sans-serif}.referral-form-fields{display:grid;gap:13px}.referral-form-fields label{display:flex;flex-direction:column;gap:6px;color:#765f16;font-size:10px;font-weight:800}.referral-form-fields input,.referral-form-fields select{width:100%;height:46px;padding:0 13px;border:1px solid #ebc849;border-radius:10px;outline:none;background:#ffe47d;color:#322c1c;font:600 13px DM Sans,sans-serif}.referral-form-fields input:focus,.referral-form-fields select:focus{border-color:#1d1d1d;box-shadow:0 0 0 3px #ffffff77}.referral-submit{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;margin-top:20px;padding:10px 17px;border:0;border-radius:999px;background:#fff;color:#191919;font-weight:800;cursor:pointer}.referral-submit span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#161616;color:#fff}.referral-public>.referral-preview-back{display:block;margin:15px auto 0}.referral-public>.referral-privacy-note{margin:11px auto 0;color:#6d6d6d}.referral-other-field.hidden{display:none}
@media(max-width:780px){.referral-public{padding:72px 12px 28px}.referral-language{top:18px;right:14px}.referral-card.modern-referral-card{grid-template-columns:1fr;padding:13px}.referral-intro{min-height:auto;padding:20px 15px}.referral-intro>img{margin-bottom:30px}.referral-contact-points{margin-top:35px}.referral-form-panel{min-height:0;padding:25px 20px}.referral-submit{margin-top:24px}}
.referral-form-panel .referral-success{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:440px;padding:36px 20px;text-align:center}.referral-success h2{margin:18px 0 10px;font-size:30px;line-height:1.15}.referral-success p{max-width:410px;margin:0;font-size:17px;line-height:1.6}.referral-whatsapp{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:28px}.referral-whatsapp>span{color:#6b5312;font-size:12px;font-weight:700}.referral-whatsapp a{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#fff;color:#1d1d1d;text-decoration:none;box-shadow:0 7px 18px #775e1524}.referral-whatsapp a>span{display:flex;flex-direction:column;align-items:flex-start}.referral-whatsapp a small{color:#666}.whatsapp-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#25d366;color:#fff}.whatsapp-logo{width:23px;height:23px;fill:currentColor}
.legacy-package-line{padding:15px 10px!important;background:#fafafa;border-radius:8px}
.approved-revision-warning{padding:16px 18px;margin-bottom:14px;border:1px solid #efb3ad;border-radius:14px;background:#fff3f2}.approved-revision-warning p{margin:5px 0 0;line-height:1.5}.approved-cancellation-actions{flex-wrap:wrap}.cancellation-reason-detail{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:15px 18px;background:#fff7e8;border-color:#efcf87}.cancellation-reason-detail span{color:#704b08}
.catalog-delete-summary{background:#f7f8fa;border:1px solid #e6e8ec}
.catalog-impact-warning{background:#fff7e8;border:1px solid #f1cf8a;color:#714900}
.catalog-delete-summary p,.catalog-impact-warning p{margin:6px 0 0;line-height:1.5}
.catalog-availability-warning,.quotation-expiry-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin:14px 0}
.catalog-availability-warning{background:#fff8e8;border-color:#efcf87}
.catalog-availability-warning>div{display:flex;gap:12px;align-items:flex-start}
.catalog-availability-warning p,.catalog-availability-warning small,.quotation-expiry-notice p{display:block;margin:4px 0 0;line-height:1.45}
.warning-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#f59e0b;color:#fff;font-weight:900}
.quotation-expiry-notice{background:#fff3f2;border-color:#efb3ad}
.quotation-expiry-notice.review-requested{background:#fff8e8;border-color:#efcf87}
.proposal-quote{position:relative}
.quotation-expired-stamp{position:absolute;z-index:3;top:116px;right:32px;padding:8px 16px;border:4px double #b42318;border-radius:8px;color:#b42318;font-weight:900;letter-spacing:.14em;transform:rotate(-7deg);opacity:.88;background:rgba(255,255,255,.9);pointer-events:none}
.expired-client-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff3f2;border:1px solid #efb3ad;border-radius:14px;padding:18px!important}
.expired-client-actions>div{display:flex;flex-direction:column;gap:4px;text-align:left}
.expired-client-actions span{font-size:.9rem;color:#6c443f}
@media(max-width:700px){.catalog-availability-warning,.quotation-expiry-notice,.expired-client-actions{align-items:stretch;flex-direction:column}.stock-delete-counts{grid-template-columns:1fr}.quotation-expired-stamp{top:92px;right:16px;font-size:.7rem;padding:6px 10px}}
.sidebar .nav-item,.sidebar .nav-item:hover,.sidebar .nav-item.active,.brand,.brand-mark,.login-brand a,.referral-intro a{text-decoration:none}
.delete-record-modal{max-width:570px}.delete-impact-list{display:grid;gap:8px;margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.delete-impact-list div{display:flex;gap:9px;color:var(--muted)}.delete-impact-list span{color:var(--red);font-weight:800}.delete-confirm-check{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:11px;background:#fff4f4;color:#742a2a;font-weight:700}.delete-confirm-check input{margin-top:3px;flex:none}.btn.danger:disabled{cursor:not-allowed;opacity:.45}.builder-head-actions .btn.danger{order:-1}
.backup-settings-panel{margin-top:18px;padding:22px}.backup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.backup-help,.backup-file-name{color:var(--muted);font-size:13px;margin:12px 0 0}.backup-password-modal{max-width:560px}.notice.warning{display:flex;flex-direction:column;gap:4px;border-color:#f0b35b;background:#fff8eb;color:#6e4612}.btn.danger{background:#b42318;color:#fff;border-color:#b42318}
