.sales-page{padding:28px;max-width:1600px;margin:auto}.sales-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.sales-header h1{margin:4px 0;font-size:28px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#68717d;font-size:11px}.sales-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sales-actions button,.sales-actions .button,.sales-header button,.sales-header .button,.sales-form button{background:#17232e;color:white;border:0;border-radius:7px;padding:10px 14px;text-decoration:none;cursor:pointer}.sales-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:18px}.sales-filters input,.sales-filters select,.sales-header select,.sales-form input,.sales-form textarea{border:1px solid #d8dde2;border-radius:7px;padding:10px;background:white}.metric-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:10px;margin-bottom:20px}.metric-grid article,.detail-grid article{background:white;border:1px solid #e3e6e9;border-radius:9px;padding:14px}.metric-grid span,.opportunity-summary span{display:block;color:#6c7480;font-size:12px}.metric-grid strong{display:block;font-size:22px;margin-top:5px}.pipeline-board{display:grid;grid-template-columns:repeat(9,minmax(230px,1fr));gap:12px;overflow:auto;padding-bottom:18px}.pipeline-board>section{background:#eef1f3;border-radius:10px;padding:10px;min-height:240px}.pipeline-board h2{font-size:14px;margin:4px 3px 12px}.pipeline-board h2 small{float:right;background:#d9dee2;padding:2px 6px;border-radius:12px}.opportunity-card{display:block;background:white;border:1px solid #dfe3e6;border-radius:8px;padding:12px;margin-bottom:9px;color:#17232e;text-decoration:none}.opportunity-card>span,.company-list span{display:block;color:#68717d;font-size:12px;margin:4px 0 10px}.opportunity-card dl{margin:0;font-size:11px}.opportunity-card dl div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #f0f1f2;padding:5px 0}.opportunity-card dt{color:#737b84}.opportunity-card dd{margin:0;text-align:right}.empty{color:#8b9299;font-size:12px}.company-list{display:grid;gap:10px}.company-list a{padding:16px;background:white;border:1px solid #e0e4e7;border-radius:8px;text-decoration:none;color:#17232e}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-grid article h2{font-size:16px;margin-top:0}.detail-grid .wide{grid-column:1/-1}.opportunity-summary{display:grid;grid-template-columns:repeat(5,1fr);background:white;border:1px solid #e1e5e8;border-radius:9px;padding:16px;gap:16px;margin-bottom:16px}.sales-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;background:white;padding:20px;border-radius:9px}.sales-form label{font-size:12px;color:#5f6871}.sales-form input,.sales-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px}.sales-form .wide{grid-column:1/-1}.sales-error{margin:30px;padding:25px;background:#fff3f3;border:1px solid #e8baba;border-radius:8px}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.sales-filters,.detail-grid,.sales-form,.opportunity-summary{grid-template-columns:1fr}.detail-grid .wide,.sales-form .wide{grid-column:auto}.sales-page{padding:16px}}
.sales-dialog{border:0;border-radius:12px;padding:0;max-width:760px;width:calc(100% - 32px);box-shadow:0 20px 60px #0004}.sales-dialog::backdrop{background:#17232e99}.sales-dialog .sales-form{max-height:80vh;overflow:auto}.sales-dialog select{display:block;width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #d8dde2;border-radius:7px;padding:10px;background:#fff}.form-actions{display:flex;justify-content:flex-end;gap:10px}.sales-form button.secondary{background:#e7ebee;color:#17232e}.form-error{color:#a11;background:#fff0f0;padding:10px;border-radius:6px}.contact-row{padding:10px 0;border-bottom:1px solid #edf0f2}.contact-row>div{display:flex;gap:6px;flex-wrap:wrap}.contact-row button{font-size:12px;padding:6px 9px}.checkbox{display:flex!important;align-items:center;gap:8px}.checkbox input{width:auto!important;margin:0!important}
