.sales-tab-panel{min-width:0;display:block}.sales-tab-panel[hidden]{display:none!important}
.sales-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 18px}.sales-tabs button{appearance:none;border:1px solid #d9e5eb;background:#fff;color:#526979;border-radius:999px;padding:10px 16px;font:600 14px Inter,sans-serif;cursor:pointer}.sales-tabs button.active{background:#07121a;color:#fff;border-color:#07121a}.sales-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.sales-metric{background:#fff;border:1px solid #dce8ee;border-radius:18px;padding:18px}.sales-metric span{display:block;color:#6a7d8b;font-size:13px;font-weight:700}.sales-metric b{display:block;margin-top:8px;font-size:24px;color:#07121a}.sales-form-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr);gap:16px;align-items:start}.sales-line-head,.sales-line{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(180px,1.5fr) 80px 120px 95px 85px 36px;gap:8px;align-items:center}.sales-line-head{font-size:11px;font-weight:800;color:#718491;text-transform:uppercase;margin:0 0 7px}.sales-line{margin-bottom:8px}.sales-line input{min-width:0}.sales-lines{margin:12px 0}.sales-totals{border:1px solid #dce8ee;border-radius:14px;padding:14px;margin:14px 0;display:grid;gap:7px}.sales-totals span,.sales-totals strong{display:flex;justify-content:space-between}.sales-totals strong{font-size:18px}.sales-status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:capitalize;background:#eef3f6}.sales-status-sales-order{background:#e6f6ed;color:#137342}.sales-status-quotation,.sales-status-sent{background:#fff6df;color:#946b00}.sales-status-cancelled{background:#fdeaea;color:#a82c2c}@media(max-width:1100px){.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-form-grid{grid-template-columns:1fr}.sales-line-head{display:none}.sales-line{grid-template-columns:1fr 1fr 80px 110px 90px 80px 36px}}@media(max-width:700px){.sales-metrics{grid-template-columns:1fr}.sales-line{grid-template-columns:1fr 1fr}.sales-line select:first-child{grid-column:1/-1}.sales-line input:nth-child(2){grid-column:1/-1}}

/* 2026-10-04 proportional form/table layout fix */
@media (min-width:801px){
  .sales-form-grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:20px;
  }
  .sales-form-grid>.panel{
    min-width:0;
    max-width:100%;
    overflow:hidden;
  }
  .sales-lines{
    width:100%;
    min-width:0;
    overflow:hidden;
  }
  .sales-line-head,.sales-line{
    width:100%;
    box-sizing:border-box;
    grid-template-columns:minmax(0,1.45fr) minmax(0,1.05fr) minmax(0,.48fr) minmax(0,.82fr) minmax(0,.62fr) minmax(0,.55fr) 28px;
    gap:5px;
  }
  .sales-line-head>*,.sales-line>*{
    min-width:0;
  }
  .sales-line-head{
    line-height:1.15;
    overflow-wrap:anywhere;
  }
  .sales-line input,.sales-line select{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
  .sales-form-grid .accounting-table-wrap{
    width:100%;
    min-width:0;
    max-width:100%;
  }
}

/* 2026-10-04 final compact line-item fit */
@media (min-width:801px){
  .sales-lines{
    width:100%;
    max-width:100%;
    overflow:visible;
  }
  .sales-line-head,.sales-line{
    grid-template-columns:minmax(0,1.45fr) minmax(0,1.05fr) minmax(0,.48fr) minmax(0,.82fr) minmax(0,.62fr) minmax(0,.55fr) 28px;
    gap:5px;
  }
  .sales-line-head{
    font-size:10px;
    line-height:1.1;
  }
  .sales-line input,.sales-line select{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
  .sales-line-remove{
    width:28px;
    min-width:28px;
    padding:0;
  }
}


/* 2026-10-05 Sales Execution CRM */
.crm-execution-head{margin-bottom:14px}
.crm-metrics{margin-bottom:18px}
.crm-board{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:12px;align-items:start;overflow:auto;padding-bottom:6px}
.crm-column{background:#f6fafc;border:1px solid #dce8ee;border-radius:18px;min-width:250px}
.crm-column-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #dce8ee;background:#fff;border-radius:18px 18px 0 0}
.crm-column-head b{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#4e6573}
.crm-column-head span{min-width:24px;height:24px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:#eef4f7;color:#4f6876;font-size:11px;font-weight:900}
.crm-column-body{padding:9px;display:grid;gap:9px;min-height:74px}
.crm-card{background:#fff;border:1px solid #dce8ee;border-radius:14px;padding:12px;box-shadow:0 4px 14px rgba(4,31,44,.045)}
.crm-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.crm-priority{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;letter-spacing:.03em}
.crm-priority-hot{background:#fff0ee;color:#b23a2d}
.crm-priority-warm{background:#fff7df;color:#946b00}
.crm-priority-cold{background:#eef3f6;color:#607580}
.crm-card-product{font-size:10px;color:#68808c;font-weight:800;text-align:right}
.crm-card strong{display:block;font-size:13px;line-height:1.25;color:#07121a}
.crm-card small{display:block;margin-top:4px;color:#718491;font-size:10px;line-height:1.35}
.crm-card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.crm-card-meta span{font-size:9px;color:#58707d;background:#f4f8fa;border-radius:7px;padding:4px 6px}
.crm-card p{margin:9px 0 10px;font-size:10px;line-height:1.4;color:#536b77}
.crm-card-actions{display:flex;gap:6px}
.crm-action{appearance:none;border:1px solid #d8e5eb;background:#fff;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800;color:#35515f;cursor:pointer}
.crm-action:hover{border-color:#08a6e8;color:#047bc2;background:#f5fcff}
.crm-action.crm-done{background:#07121a;color:#fff;border-color:#07121a}
.crm-empty{padding:12px;text-align:center;color:#8b9ba4;font-size:10px}
.crm-activity-status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}
.crm-activity-planned{background:#fff7df;color:#946b00}
.crm-activity-done{background:#e6f6ed;color:#137342}
.crm-activity-cancelled{background:#fdeaea;color:#a82c2c}
.crm-stage-prospect .crm-column-head,.crm-stage-contacted .crm-column-head{border-top:3px solid #9ab1bd}
.crm-stage-meeting .crm-column-head,.crm-stage-technical-presentation .crm-column-head{border-top:3px solid #08a6e8}
.crm-stage-specification .crm-column-head,.crm-stage-rfq .crm-column-head{border-top:3px solid #7a67c7}
.crm-stage-quotation .crm-column-head,.crm-stage-negotiation .crm-column-head{border-top:3px solid #e6a52d}
@media(max-width:1250px){.crm-board{grid-template-columns:repeat(3,minmax(250px,1fr))}}
@media(max-width:950px){.crm-board{grid-template-columns:repeat(2,minmax(250px,1fr))}}
@media(max-width:650px){.crm-board{grid-template-columns:1fr}.crm-column{min-width:0}.crm-card-actions{flex-wrap:wrap}}


/* 2026-10-05 Sales Opportunity Detail */
.crm-card{position:relative;cursor:pointer}
.crm-card-open{position:absolute;right:9px;top:9px;border:1px solid #dce8ee;background:#fff;color:#59717d;width:25px;height:25px;border-radius:7px;font-weight:900;cursor:pointer;z-index:2}
.crm-card-open:hover{border-color:#08a6e8;color:#047bc2;background:#f5fcff}
.crm-card strong{padding-right:30px}
.crm-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}
.crm-modal[hidden]{display:none}
.crm-modal-backdrop{position:absolute;inset:0;background:rgba(4,18,27,.48);backdrop-filter:blur(4px)}
.crm-modal-card{position:relative;width:min(1080px,96vw);max-height:90vh;overflow:auto;background:#fff;border:1px solid #dce8ee;border-radius:22px;box-shadow:0 28px 80px rgba(4,20,30,.22)}
.crm-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px 16px;border-bottom:1px solid #e5edf1}
.crm-modal-head h2{margin:4px 0 4px;font-size:22px;color:#07121a}
.crm-modal-head p{margin:0;color:#70828c;font-size:12px}
.crm-modal-close{border:1px solid #dce8ee;background:#fff;width:36px;height:36px;border-radius:10px;font-size:22px;line-height:1;cursor:pointer;color:#607580}
.crm-modal-body{padding:22px 24px 26px}
.crm-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}
.crm-detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.crm-detail-kpis>div{border:1px solid #e2ebef;border-radius:12px;padding:11px 12px;background:#f9fbfc}
.crm-detail-kpis span,.crm-detail-two span,.crm-detail-attachment span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#78909b;font-weight:800;margin-bottom:4px}
.crm-detail-kpis b{font-size:12px;color:#10242e}
.crm-detail-section{border-top:1px solid #e7eef1;padding:16px 0}
.crm-detail-section h3,.crm-detail-side h3{margin:0 0 8px;font-size:12px;color:#263e49}
.crm-detail-section p{margin:0;color:#536a75;font-size:12px;line-height:1.55}
.crm-detail-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.crm-detail-two>div,.crm-detail-attachment{padding:10px;border-radius:10px;background:#f5f9fa}
.crm-detail-two b,.crm-detail-attachment b{font-size:11px;color:#243b45}
.crm-detail-attachment{margin-top:10px}
.crm-detail-side{display:grid;gap:12px;align-content:start}
.crm-detail-side>div{border:1px solid #e0eaee;border-radius:14px;padding:14px;background:#fbfcfd}
.crm-detail-side h3{margin-bottom:9px}
.crm-detail-side>div:first-child>b,.crm-detail-side>div:first-child>span,.crm-detail-side>div:first-child>a{display:block}
.crm-detail-side>div:first-child>b{font-size:13px;color:#10242e;margin-bottom:5px}
.crm-detail-side>div:first-child>span{font-size:10px;color:#6d828c;margin-bottom:8px}
.crm-detail-side a{font-size:11px;color:#087fbd;text-decoration:none;margin-top:5px;word-break:break-word}
.crm-detail-side p{font-size:11px;color:#536a75;line-height:1.5;margin:0 0 9px}
.crm-detail-side>b{font-size:10px;color:#4f6873}
.crm-detail-buttons{display:grid;gap:8px}
.crm-detail-buttons .primary-btn{width:100%}
.crm-timeline{display:grid;gap:0}
.crm-timeline-item{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f4}
.crm-timeline-dot{width:8px;height:8px;border-radius:50%;background:#08a6e8;margin-top:5px}
.crm-timeline-item b{display:block;font-size:11px;color:#243b45}
.crm-timeline-item span{display:block;font-size:9px;color:#81929a;margin-top:3px}
.crm-timeline-item p{font-size:10px;margin-top:5px!important}
@media(max-width:800px){.crm-modal{padding:10px}.crm-detail-grid{grid-template-columns:1fr}.crm-detail-kpis{grid-template-columns:repeat(2,1fr)}.crm-modal-card{max-height:94vh}.crm-detail-side{order:-1}}

/* 2026-10-05 CRM full pipeline */
.crm-stage-po .crm-column-head{border-top:3px solid #16a085}.crm-stage-won .crm-column-head{border-top:3px solid #2e9d62}.crm-detail-won{border-color:#b8dfc8;color:#137342;background:#f4fbf6}.crm-detail-lost{border-color:#efcaca;color:#a82c2c;background:#fff7f7}

/* 2026-10-05 CRM activity manager */
.crm-activity-modal-card{width:min(720px,96vw)}
.crm-email-hint{padding:10px 12px;border:1px solid #dce8ee;border-radius:10px;background:#f6fafc;color:#627883;font-size:11px;line-height:1.5}
.crm-modal-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.crm-detail-email{width:100%;background:#f3fbff;border-color:#b9dfef;color:#087fbd}
.crm-activity-modal-card label{font-size:11px}
.crm-activity-modal-card textarea{min-height:130px}

/* 2026-10-05 Contact Intelligence modal layout */
.crm-research-card{display:grid;gap:18px}
.crm-research-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:14px 16px;background:#f7fafb;border:1px solid #dce8ee;border-radius:14px}
.crm-research-toolbar label{display:grid;gap:7px;color:#506672;font-size:11px;font-weight:800}
.crm-research-toolbar select{width:100%;border:1px solid #d5e3e9;border-radius:10px;background:#fff;padding:10px 11px;color:#07121a;font:500 13px Inter,sans-serif}
.crm-confidence-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:999px;background:#eef7fb;color:#087fbd;font-size:11px;font-weight:800;white-space:nowrap}
.crm-research-intro{margin:0;color:#536a75;font-size:12px;line-height:1.5}
.crm-research-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.crm-research-item{border:1px solid #dce8ee;border-radius:13px;padding:14px;background:#fbfcfd;display:grid;gap:7px}
.crm-research-item strong{font-size:12px;color:#243b45}
.crm-research-item span{font-size:11px;color:#718491;line-height:1.4}
.crm-research-section{border-top:1px solid #e5edf1;padding-top:16px}
.crm-contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.crm-contact-form-grid label{display:grid;gap:6px;color:#506672;font-size:11px;font-weight:800}
.crm-contact-form-grid input,.crm-contact-form-grid select,.crm-contact-form-grid textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #d5e3e9;border-radius:10px;background:#fff;color:#07121a;padding:10px 11px;font:500 13px Inter,sans-serif;outline:none}
.crm-contact-form-grid input:focus,.crm-contact-form-grid select:focus,.crm-contact-form-grid textarea:focus{border-color:#10a7e7;box-shadow:0 0 0 3px rgba(16,167,231,.1)}
.crm-contact-form-grid textarea{min-height:82px;resize:vertical}
.crm-contact-notes{grid-column:1/-1}
.crm-save-contact{width:max-content;margin-top:12px}
.crm-known-contacts{display:grid;gap:8px;margin-top:10px}
.crm-research-contact{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(120px,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid #e1eaee;border-radius:10px;background:#fbfcfd}
.crm-research-contact strong{font-size:11px;color:#243b45}
.crm-research-contact span,.crm-research-contact small{font-size:10px;color:#718491}
.crm-research-empty{padding:12px;border:1px dashed #dce8ee;border-radius:10px;color:#8999a3;font-size:11px}
@media(max-width:700px){
  .crm-research-grid,.crm-contact-form-grid{grid-template-columns:1fr}
  .crm-contact-notes{grid-column:auto}
  .crm-research-toolbar{grid-template-columns:1fr}
  .crm-research-contact{grid-template-columns:1fr}
  .crm-save-contact{width:100%}
}

/* 2026-10-05 compact Sales Activity action menu */
.crm-activity-menu{position:relative;display:inline-flex;justify-content:center;align-items:center;width:100%}
.crm-activity-more{width:38px;height:38px;border:1px solid #d8e5eb;border-radius:999px;background:#fff;color:#4d6673;font-size:22px;font-weight:900;line-height:1;letter-spacing:2px;cursor:pointer;display:grid;place-items:center;transition:.15s ease}
.crm-activity-more:hover,.crm-activity-more:focus{border-color:#08a6e8;color:#047bc2;background:#f4fbff;box-shadow:0 5px 14px rgba(4,31,44,.10);outline:none}
.crm-activity-popover{position:absolute;right:0;top:calc(100% + 7px);z-index:30;min-width:120px;padding:5px;background:#fff;border:1px solid #dce8ee;border-radius:12px;box-shadow:0 14px 30px rgba(4,31,44,.15);display:grid;gap:3px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.14s ease}
.crm-activity-menu:hover .crm-activity-popover,.crm-activity-menu:focus-within .crm-activity-popover{opacity:1;visibility:visible;transform:translateY(0)}
.crm-activity-popover button{appearance:none;border:0;background:#fff;border-radius:8px;padding:9px 11px;text-align:left;color:#35515f;font:700 11px Inter,sans-serif;cursor:pointer}
.crm-activity-popover button:hover{background:#f3f9fb;color:#047bc2}
.crm-activity-popover .crm-activity-done{color:#137342}
.crm-activity-popover .crm-activity-done:hover{background:#edf9f2;color:#0d6a3b}

/* 2026-10-05 enriched account intelligence badges */
.crm-contact-route{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#eef7fb;color:#087fbd;font-size:10px;font-weight:800;white-space:nowrap}
.crm-contact-count{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#f3f7f8;color:#607580;font-size:10px;font-weight:800;white-space:nowrap}


/* 2026-10-05 opportunity contact routing */
.crm-detail-side>div:first-child>small{display:block;color:#7a8d96;font-size:9px;line-height:1.45;margin-top:5px}
.crm-route-primary{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}
.crm-route-primary-btn,.crm-route-btn{appearance:none;border:1px solid #cfe0e7;background:#fff;color:#087fbd;border-radius:8px;padding:7px 8px;font:800 10px Inter,sans-serif;cursor:pointer;transition:.14s ease}
.crm-route-primary-btn{min-height:34px;background:#f4fbff}
.crm-route-primary-btn:hover,.crm-route-btn:hover{border-color:#08a6e8;background:#eefaff;color:#046da6;transform:translateY(-1px)}
.crm-route-status{margin-top:9px;padding:8px 9px;border-radius:9px;background:#f5f9fa;color:#718491;font-size:9px;line-height:1.45}
.crm-route-list{display:grid;gap:7px}
.crm-route-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid #e1eaee;border-radius:10px;background:#fff}
.crm-route-contact-main{min-width:0}
.crm-route-contact-main strong,.crm-route-contact-main span,.crm-route-contact-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crm-route-contact-main strong{font-size:10px;color:#243b45}
.crm-route-contact-main span{font-size:9px;color:#637983;margin-top:2px}
.crm-route-contact-main small{font-size:8px;color:#8999a2;margin-top:3px}
.crm-route-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.crm-route-btn{padding:6px 7px;font-size:9px}
.crm-detail-side .text-btn.crm-route-research{margin-top:8px}
@media(max-width:800px){.crm-route-contact{grid-template-columns:1fr}.crm-route-actions{justify-content:flex-start}.crm-route-primary{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.crm-route-primary{grid-template-columns:1fr}.crm-route-primary-btn{width:100%}}

.crm-route-request{width:100%;margin-top:7px;appearance:none;border:1px dashed #c8dbe2;background:#f8fbfc;color:#59717d;border-radius:8px;padding:8px 9px;font:800 9px Inter,sans-serif;cursor:pointer}.crm-route-request:hover{border-color:#08a6e8;background:#f2fbff;color:#087fbd}


/* Manual prospect CRM form */
.crm-execution-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.crm-prospect-modal-card{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden}
.crm-prospect-modal-card .crm-modal-body{max-height:calc(100vh - 170px);overflow:auto}
.crm-form-section-title{margin:8px 0 2px;padding-top:10px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0b79bd}
@media(max-width:700px){.crm-execution-actions{width:100%}.crm-execution-actions .primary-btn,.crm-execution-actions .text-btn{flex:1}.crm-prospect-modal-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}}


/* AI Sales Prospect Finder */
.crm-ai-prospect-modal-card{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden}
.crm-ai-prospect-modal-card .crm-modal-body{max-height:calc(100vh - 170px);overflow:auto}
.ai-prospect-controls{display:grid;grid-template-columns:1.3fr 1.3fr .7fr auto;gap:12px;align-items:end;padding:14px;border:1px solid #e7edf2;border-radius:14px;background:#f8fafc}
.ai-prospect-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#4b5563}
.ai-prospect-controls input,.ai-prospect-controls select{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d8e0e7;border-radius:9px;background:#fff;color:#17202a}
.ai-prospect-controls .primary-btn{white-space:nowrap}
.ai-prospect-status{margin:14px 0;color:#64748b;font-size:13px}
.ai-prospect-results{display:grid;gap:12px}
.ai-prospect-card{border:1px solid #e4eaf0;border-radius:14px;padding:16px;background:#fff;box-shadow:0 4px 16px rgba(20,40,60,.04)}
.ai-prospect-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.ai-prospect-card-head strong{display:block;font-size:16px;color:#17202a}
.ai-prospect-card-head span{display:block;margin-top:4px;color:#64748b;font-size:12px}
.ai-prospect-card p{margin:10px 0 6px;line-height:1.5;color:#344454}
.ai-prospect-card small{display:block;color:#64748b;line-height:1.45}
.ai-prospect-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#52606d}
.ai-score-hot,.ai-score-good,.ai-score-review{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;background:#eef6fb;color:#0b79bd}
.ai-score-good{background:#f1f7ed;color:#3f7b2a}.ai-score-review{background:#fff7e8;color:#9a6700}
.ai-prospect-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}
@media(max-width:800px){.ai-prospect-controls{grid-template-columns:1fr 1fr}.ai-prospect-controls .primary-btn{grid-column:1/-1}.ai-prospect-card-head{flex-direction:column}.crm-ai-prospect-modal-card{width:calc(100vw - 20px)}}


/* 2026-10-06 AI Contact Finder — compact, proportional controls */
.crm-research-section #crmAiContactFindBtn{
  display:inline-flex;
  width:auto;
  min-width:0;
  min-height:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:11px;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
}

.crmAiContactResults .crm-research-item{
  align-content:start;
}

.crmAiContactResults .crm-research-item > div{
  justify-content:flex-start;
  align-items:center;
  width:auto;
}

.crmAiContactResults .crm-research-item .accounting-small-btn,
.crmAiContactResults .crm-research-item .text-btn{
  width:auto;
  min-width:110px;
  height:36px;
  min-height:36px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  box-sizing:border-box;
  font-size:11px;
  line-height:1;
  white-space:nowrap;
}

.crmAiContactResults .crm-research-item .text-btn{
  min-width:82px;
  border:1px solid #cfe0e7;
  background:#fff;
}

.crmAiContactResults .crm-research-item .accounting-small-btn{
  border:1px solid #cfe0e7;
  background:#fff;
  color:#087fbd;
}

.crmAiContactResults .crm-research-item .accounting-small-btn:hover,
.crmAiContactResults .crm-research-item .text-btn:hover{
  border-color:#08a6e8;
  background:#eefaff;
  color:#046da6;
}

@media(max-width:700px){
  .crm-research-section #crmAiContactFindBtn{
    width:auto;
  }
  .crmAiContactResults .crm-research-item > div{
    width:100%;
    flex-wrap:wrap;
  }
}


/* 2026-10-06 AI Contact Finder final action layout */
.crm-research-section .crm-ai-contact-find-wrap{
  display:flex;
  align-items:center;
  margin:12px 0 8px;
}
.crm-research-section .crm-ai-contact-find{
  display:inline-flex!important;
  flex:0 0 auto;
  width:auto!important;
  min-width:230px;
  height:44px;
  min-height:44px;
  margin:0!important;
  padding:0 18px!important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-radius:11px;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap;
}
.crm-research-section #crmAiContactStatus{
  min-height:18px;
  margin:0 0 10px;
}
.crmAiContactResults .crm-ai-contact-actions{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  width:100%;
  margin-top:4px;
}
.crmAiContactResults .crm-ai-contact-actions .text-btn,
.crmAiContactResults .crm-ai-contact-actions .accounting-small-btn{
  display:inline-flex!important;
  flex:0 0 auto;
  width:auto!important;
  min-width:0;
  height:36px;
  min-height:36px;
  margin:0!important;
  padding:0 14px!important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-radius:9px;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap;
}
.crmAiContactResults .crm-ai-contact-actions .text-btn{
  border:1px solid #cfe0e7;
  background:#fff;
}
@media(max-width:700px){
  .crm-research-section .crm-ai-contact-find{
    min-width:0;
    width:auto!important;
    max-width:100%;
  }
  .crmAiContactResults .crm-ai-contact-actions{
    gap:7px;
  }
}


/* 2026-10-06 Floating AI Prospect Finder */
#salesAiFindProspect{
  position:fixed!important;
  right:28px;
  bottom:28px;
  z-index:1200;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:auto!important;
  min-width:0!important;
  height:50px;
  min-height:50px;
  padding:0 20px!important;
  margin:0!important;
  border-radius:999px!important;
  box-shadow:0 10px 28px rgba(4,31,44,.22);
  white-space:nowrap;
  font-size:13px!important;
  line-height:1!important;
}
#salesAiFindProspect:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(4,31,44,.28);
}
@media(max-width:700px){
  #salesAiFindProspect{
    right:18px;
    bottom:18px;
    height:46px;
    min-height:46px;
    padding:0 16px!important;
    font-size:12px!important;
  }
}


/* 2026-10-06 Center AI Contact Finder */
.crm-research-section .crm-ai-contact-find-wrap{
  justify-content:center;
  width:100%;
}
.crm-research-section .crm-ai-contact-find{
  margin:0 auto!important;
}


/* 2026-10-06 Contact Research independent scrolling */
.crm-contact-research-modal .crm-modal-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.crm-contact-research-modal .crm-modal-head{
  flex:0 0 auto;
  position:relative;
  z-index:2;
  background:#fff;
}
.crm-contact-research-modal .crm-modal-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
}


/* 2026-10-06 Fix AI contact action buttons after independent scrolling */
#crmAiContactResults .crm-ai-contact-actions{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:8px!important;
  flex-wrap:wrap;
  width:100%;
  margin-top:8px;
}
#crmAiContactResults .crm-ai-contact-actions .text-btn,
#crmAiContactResults .crm-ai-contact-actions .accounting-small-btn{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 14px!important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-radius:9px;
  line-height:1!important;
  white-space:nowrap;
}
#crmAiContactResults .crm-ai-contact-actions .text-btn{
  border:1px solid #cfe0e7;
  background:#fff;
}


/* 2026-10-06 Responsive proportional AI contact actions */
#crmAiContactResults .crm-ai-contact-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px!important;
  width:100%;
  margin-top:8px;
  align-items:stretch;
}
#crmAiContactResults .crm-ai-contact-actions .text-btn,
#crmAiContactResults .crm-ai-contact-actions .accounting-small-btn{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-radius:9px;
  white-space:nowrap;
  line-height:1!important;
  overflow:hidden;
  text-overflow:ellipsis;
}
#crmAiContactResults .crm-ai-contact-actions .text-btn{
  font-size:12px!important;
  font-weight:800!important;
  border:1px solid #cfe0e7;
  background:#fff;
  color:#087fbd;
}
#crmAiContactResults .crm-ai-contact-actions .accounting-small-btn{
  font-size:11px!important;
  font-weight:700!important;
  border:1px solid #cfe0e7;
  background:#fff;
  color:#087fbd;
}
@media(max-width:480px){
  #crmAiContactResults .crm-ai-contact-actions{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px!important;
  }
  #crmAiContactResults .crm-ai-contact-actions .text-btn,
  #crmAiContactResults .crm-ai-contact-actions .accounting-small-btn{
    height:38px!important;
    min-height:38px!important;
    padding:0 6px!important;
  }
  #crmAiContactResults .crm-ai-contact-actions .text-btn{
    font-size:11px!important;
  }
  #crmAiContactResults .crm-ai-contact-actions .accounting-small-btn{
    font-size:10px!important;
  }
}


/* 2026-10-06 Sales Activity independent scrolling */
.crm-activity-modal-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.crm-activity-modal-card .crm-modal-head{
  flex:0 0 auto;
  position:relative;
  z-index:2;
  background:#fff;
}
.crm-activity-modal-card .crm-modal-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
}


/* 2026-10-06 AI prospect value intelligence */
.ai-prospect-value{
  margin:8px 0 4px;
  color:#405966;
  font-size:11px;
}
.ai-prospect-value b{color:#087fbd}
.ai-prospect-value span{color:#80919a;font-size:10px;text-transform:uppercase}


/* 2026-10-06 Sales Opportunity fixed header / independent body scroll */
.crm-modal-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.crm-modal-card .crm-modal-head{
  flex:0 0 auto;
  position:relative;
  z-index:3;
  background:#fff;
}
.crm-modal-card .crm-modal-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
}


/* 2026-10-06 Project Stakeholder controls match AI Contact Finder */
#crmProjectStakeholderFindBtn{
  display:inline-flex!important;
  flex:0 0 auto;
  width:auto!important;
  min-width:230px;
  height:44px;
  min-height:44px;
  margin:0!important;
  padding:0 18px!important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-radius:11px;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap;
}
#crmProjectStakeholderResults .crm-ai-contact-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px!important;
  width:100%;
  margin-top:8px;
  align-items:stretch;
}
#crmProjectStakeholderResults .crm-ai-contact-actions .text-btn,
#crmProjectStakeholderResults .crm-ai-contact-actions .accounting-small-btn{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-radius:9px;
  white-space:nowrap;
  line-height:1!important;
  overflow:hidden;
  text-overflow:ellipsis;
}
#crmProjectStakeholderResults .crm-ai-contact-actions .text-btn{
  font-size:12px!important;
  font-weight:800!important;
  border:1px solid #cfe0e7;
  background:#fff;
  color:#087fbd;
}
#crmProjectStakeholderResults .crm-ai-contact-actions .accounting-small-btn{
  font-size:11px!important;
  font-weight:700!important;
  border:1px solid #cfe0e7;
  background:#fff;
  color:#087fbd;
}
@media(max-width:480px){
  #crmProjectStakeholderFindBtn{min-width:0;width:auto!important;max-width:100%;}
  #crmProjectStakeholderResults .crm-ai-contact-actions{gap:6px!important;}
  #crmProjectStakeholderResults .crm-ai-contact-actions .text-btn,
  #crmProjectStakeholderResults .crm-ai-contact-actions .accounting-small-btn{height:38px!important;min-height:38px!important;padding:0 6px!important;}
  #crmProjectStakeholderResults .crm-ai-contact-actions .text-btn{font-size:11px!important;}
  #crmProjectStakeholderResults .crm-ai-contact-actions .accounting-small-btn{font-size:10px!important;}
}


/* 2026-10-06 AI Sales Intelligence */
.crm-ai-sales-plan-section{border:1px solid #d7e5eb;background:#fbfdfe;border-radius:14px;padding:18px;margin:16px 0}
.crm-ai-plan-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.crm-ai-plan-title-row h3{margin:0 0 4px}
.crm-ai-plan-intro{margin:0;color:#6d828d;font-size:12px;line-height:1.5}
.crm-ai-plan-title-row .primary-btn{flex:0 0 auto;white-space:nowrap}
.crm-ai-plan-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px;padding:12px 14px;border-radius:12px;background:#f1f8fb}
.crm-ai-plan-head span{display:block;color:#6d828d;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.06em}
.crm-ai-score{font-size:28px;line-height:1.1}.crm-ai-score.high{color:#087fbd}.crm-ai-score.medium{color:#9a6a00}.crm-ai-score.low{color:#a33}
.crm-ai-plan-summary{font-size:14px;line-height:1.55;margin:10px 0 14px;color:#354b56}
.crm-ai-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.crm-ai-plan-grid div{background:#fff;border:1px solid #dce8ed;border-radius:9px;padding:9px}.crm-ai-plan-grid span{display:block;font-size:10px;color:#78909c}.crm-ai-plan-grid b{font-size:13px}
.crm-ai-plan-section{margin-top:16px}.crm-ai-plan-section h4{margin:0 0 7px;font-size:13px;color:#263c47}.crm-ai-plan-section p{margin:0;font-size:13px;line-height:1.5}
.crm-ai-next-action{background:#fff;border-left:4px solid #087fbd;padding:11px 13px;border-radius:7px;font-size:13px;line-height:1.5}
.crm-ai-plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crm-ai-plan-list>div{background:#fff;border:1px solid #dce8ed;border-radius:9px;padding:10px}.crm-ai-plan-list b{display:block}.crm-ai-plan-list span{display:block;color:#718793;font-size:11px;margin-top:3px}.crm-ai-plan-list p{font-size:11px;margin-top:7px}
.crm-ai-plan-steps{margin:0;padding-left:22px}.crm-ai-plan-steps li{padding:7px 0}.crm-ai-plan-steps b,.crm-ai-plan-steps span,.crm-ai-plan-steps small{display:block}.crm-ai-plan-steps span{font-size:12px;margin-top:2px}.crm-ai-plan-steps small{color:#718793;margin-top:3px}
.crm-ai-plan-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.crm-ai-plan-columns>div{background:#fff;border:1px solid #dce8ed;border-radius:9px;padding:10px}.crm-ai-plan-columns h4{margin-bottom:6px}.crm-ai-plan-columns ul{margin:0;padding-left:17px}.crm-ai-plan-columns li{font-size:11px;margin:5px 0;line-height:1.4}
.crm-ai-plan-empty,.crm-ai-plan-loading,.crm-ai-plan-error{padding:14px;color:#718793;font-size:12px}.crm-ai-plan-error{color:#a33}.crm-ai-plan-generated{display:block;color:#8a9ba3;margin-top:14px;font-size:10px}
@media(max-width:700px){.crm-ai-plan-title-row{align-items:flex-start;flex-direction:column}.crm-ai-plan-title-row .primary-btn{width:100%}.crm-ai-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-ai-plan-list,.crm-ai-plan-columns{grid-template-columns:1fr}}

/* 2026-10-06 AI Sales score / regenerate spacing */
.crm-ai-plan-head{gap:18px;}
.crm-ai-plan-head>div{flex:0 0 auto;min-width:145px;}
.crm-ai-plan-head .accounting-small-btn{flex:1 1 auto;min-width:220px;width:100%;height:44px;min-height:44px;margin:0!important;}
@media(max-width:700px){.crm-ai-plan-head{align-items:stretch;flex-direction:column;gap:10px}.crm-ai-plan-head>div{min-width:0}.crm-ai-plan-head .accounting-small-btn{min-width:0;width:100%;}}

/* 2026-10-10 CRM prospect list control */
.crm-column-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.crm-column-toggle{border:1px solid #cfe0e7;background:#fff;color:#087fbd;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.crm-column-toggle:hover{background:#f1f8fb}

/* Company Letters panel */
#companyLetterForm .quotation-header-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#companyLetterForm .quotation-header-grid label{min-width:0}#companyLetterForm .quotation-header-grid .quotation-reference{grid-column:span 2}#companyLetterForm .quotation-terms-grid{margin-top:20px}#companyLettersBody td{vertical-align:middle}#companyLettersBody td:nth-child(6){min-width:190px;max-width:320px;white-space:normal}@media(max-width:900px){#companyLetterForm .quotation-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){#companyLetterForm .quotation-header-grid{grid-template-columns:1fr}#companyLetterForm .quotation-header-grid .quotation-reference{grid-column:auto}}

/* Formal correspondence print-template controls */
#companyLetterForm #letterAppendix{min-width:0}
#companyLetterForm #letterLanguage{font-weight:600}


/* Company Letters action column — match the Quotation history button layout */
#view-company-letters .quotation-history-panel .accounting-table-wrap{
  max-height:640px;
  overflow:auto;
}
#view-company-letters #companyLettersBody td.accounting-actions{
  display:table-cell;
  min-width:500px;
  padding:12px 13px;
  vertical-align:middle;
  white-space:nowrap;
}
#view-company-letters #companyLettersBody td.accounting-actions .accounting-small-btn{
  margin:0 4px 0 0;
  vertical-align:middle;
}
#view-company-letters #companyLettersBody .accounting-small-btn{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:auto!important;
  min-width:60px;
  min-height:38px;
  padding:6px 9px;
  border-radius:8px;
  font-size:11px;
  line-height:1;
}
#view-company-letters .accounting-table th:last-child{min-width:500px}


/* Document Register detail modal — structured, readable layout */
#view-document-register #documentRegisterDetail{
  position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;
  padding:24px;box-sizing:border-box;
}
#view-document-register #documentRegisterDetail[hidden]{display:none!important}
#view-document-register #documentRegisterDetail .crm-modal-backdrop{
  position:absolute;inset:0;background:rgba(5,18,28,.58);backdrop-filter:blur(5px);
}
#view-document-register #documentRegisterDetail .document-register-detail-card{
  position:relative;z-index:1;width:min(100%,980px);max-height:min(86vh,900px);height:auto;
  display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e2ebf0;
  border-radius:22px;box-shadow:0 28px 90px rgba(7,25,38,.24);margin:auto;
}
#view-document-register #documentRegisterDetail .crm-modal-head{
  flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  padding:24px 28px 20px;border-bottom:1px solid #e7eef2;background:#fff;
}
#view-document-register #documentRegisterDetail .crm-modal-head h2{
  margin:5px 0 4px;font-size:25px;line-height:1.2;color:#101c25;letter-spacing:-.035em;
}
#view-document-register #documentRegisterDetail .crm-modal-head p{margin:0;color:#718391;font-size:13px}
#view-document-register #documentRegisterDetail .crm-modal-close{
  flex:0 0 40px;width:40px;height:40px;border:1px solid #e1eaf0;border-radius:12px;
  background:#fff;color:#607482;font-size:22px;cursor:pointer;
}
#view-document-register #documentRegisterDetail .document-register-detail-body{
  min-height:0;overflow:auto;padding:24px 28px 30px;color:#263642;font-size:14px;line-height:1.55;
}
#view-document-register .document-detail-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:0 0 24px;
}
#view-document-register .document-detail-field{
  min-width:0;padding:12px 14px;background:#f7fafc;border:1px solid #e6edf2;border-radius:12px;
  display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere;
}
#view-document-register .document-detail-field small{
  color:#718391;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.075em;text-transform:uppercase;
}
#view-document-register .document-detail-field b{
  color:#14232e;font-size:13px;line-height:1.45;font-weight:650;white-space:normal;
}
#view-document-register #documentRegisterDetailBody h3{
  margin:22px 0 10px;color:#14232e;font-size:16px;font-weight:800;
}
#view-document-register .document-letter-body{
  padding:20px 22px;background:#fbfcfd;border:1px solid #e5edf2;border-radius:14px;
  color:#344653;font-size:14px;line-height:1.8;white-space:normal;overflow-wrap:anywhere;
}
#view-document-register #documentRegisterDetailBody>p{
  margin:8px 0;color:#526574;line-height:1.65;overflow-wrap:anywhere;
}
#view-document-register #documentRegisterDetailBody .accounting-table-wrap{max-width:100%;overflow:auto;border:1px solid #e5edf2;border-radius:12px}
@media(max-width:700px){
  #view-document-register #documentRegisterDetail{padding:10px}
  #view-document-register #documentRegisterDetail .document-register-detail-card{width:100%;max-height:92vh;border-radius:16px}
  #view-document-register #documentRegisterDetail .crm-modal-head{padding:18px 18px 15px}
  #view-document-register #documentRegisterDetail .crm-modal-head h2{font-size:20px}
  #view-document-register #documentRegisterDetail .document-register-detail-body{padding:16px}
  #view-document-register .document-detail-grid{grid-template-columns:1fr;gap:8px}
}