.op-panel{--op-ink:#152e37;--op-mint:#087c63;color:var(--op-ink);font-size:16px;min-width:0}.op-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:30px 0 24px}.op-heading h2{font-size:clamp(27px,3vw,38px);line-height:1.18;margin:8px 0 12px;letter-spacing:-1px}.op-heading p{font-size:18px;line-height:1.6;margin:0;color:#46616b}.op-actions{display:flex;gap:10px;flex-wrap:wrap}.op-detail .btn,.op-panel .btn{min-height:48px;font-size:16px}.op-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.op-metrics article{padding:22px;background:#fff;border:1px solid #bddcd4;border-radius:20px;display:grid;grid-template-columns:32px 1fr;gap:10px;box-shadow:0 4px 18px #183d3010}.op-metrics article:nth-child(2){background:#e5f7ee}.op-metrics article:nth-child(3){background:#fff0dd;border-color:#ebc48e}.op-metrics article:nth-child(4){background:#eeeaff;border-color:#cfc2f4}.op-metrics svg{color:#087c63}.op-metrics span{font-weight:600}.op-metrics strong{display:block;font-size:clamp(23px,2vw,30px);line-height:1.4;margin-top:8px;overflow-wrap:anywhere}.op-metrics small{grid-column:1/-1;font-size:14px;line-height:1.5;color:#3c5860}.op-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}.op-stage{display:flex;align-items:center;gap:10px;border:1px solid;border-radius:14px;padding:16px;font-size:16px;text-align:left;cursor:pointer}.op-stage strong{margin-left:auto;font-size:24px}.op-new{background:#e5f1ff;color:#174a83}.op-qualifying{background:#efe7ff;color:#6340a4}.op-proposal{background:#fff0d5;color:#7c4a02}.op-won{background:#d7f6e7;color:#126747}.op-lost{background:#fce5e8;color:#933d4a}.op-caption{font-size:15px;line-height:1.65;color:#4b626b;margin:14px 0;overflow-wrap:anywhere}.op-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;background:#fff;border:1px solid #ccdcd7;padding:20px;border-radius:18px;margin:24px 0 18px}.op-detail label,.op-filters label{display:grid;gap:8px;font-size:16px;font-weight:600;min-width:0}.op-detail input,.op-detail select,.op-detail textarea,.op-panel input,.op-panel select{font:inherit;font-size:16px;width:100%;min-width:0;min-height:48px;background:#fff;color:#17323d;border:1px solid #8eaaa3;border-radius:10px;padding:11px 12px}.op-detail input:focus,.op-detail select:focus,.op-detail textarea:focus,.op-panel input:focus,.op-panel select:focus{outline:3px solid #a1e6cd;outline-offset:2px;border-color:#087c63}.op-detail a:focus-visible,.op-detail button:focus-visible,.op-panel button:focus-visible{outline:3px solid #148b6f;outline-offset:4px}.op-search{position:relative}.op-search svg{position:absolute;left:13px;top:15px;color:#4b626b;pointer-events:none}.op-search input{padding-left:40px}.op-results{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0}.op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.op-card{display:block;width:100%;min-width:0;padding:22px;text-align:left;border:1px solid #bbd3cb;border-radius:20px;background:#fff;color:#17323d;box-shadow:0 4px 16px #163d3010;cursor:pointer;font:inherit;transition:transform .18s,box-shadow .18s;overflow-wrap:anywhere}.op-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px #163d301b;border-color:#148b6f}.op-card h3{font-size:22px;line-height:1.3;margin:18px 0 8px}.op-card p{font-size:16px;line-height:1.5;margin:0 0 8px;color:#46616b}.op-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:600}.op-badge{display:inline-block;padding:6px 12px;border-radius:40px;font-size:14px;font-weight:700}.op-card-contact{display:block;font-size:15px;color:#3f5963;margin-bottom:18px}.op-next{display:flex;gap:10px;align-items:flex-start;background:#ecf7f2;padding:12px;border-radius:12px;line-height:1.5;font-size:16px}.op-next svg{flex:none;margin-top:3px}.op-next small{display:block;font-size:14px;margin-top:4px}.op-late{background:#fff0dd;color:#844f04}.op-card-bottom{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-top:18px;align-items:center}.op-card-bottom svg{flex:none}.op-pages{justify-content:center;gap:18px;margin:26px 0;font-size:15px;flex-wrap:wrap}.op-empty,.op-pages{display:flex;align-items:center}.op-empty{padding:48px 24px;text-align:center;flex-direction:column;gap:14px;background:#f3faf7;border:1px dashed #91bfae;border-radius:20px;line-height:1.6}.op-empty h3{font-size:23px;margin:0}.op-empty p{font-size:17px;max-width:520px;margin:0}.op-error,.op-success,.op-warning{border-radius:12px;padding:16px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.op-error{background:#ffebed;color:#922d42;border:1px solid #dfafbb;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.op-success{background:#dff6e9;color:#156549}.op-warning{background:#fff0d5;color:#764803}.op-origins{margin:30px 0;padding:24px;background:#fff;border:1px solid #ccdcd7;border-radius:20px}.op-origins h3{font-size:23px;margin:0 0 8px}.op-origins p{color:#46616b;line-height:1.6}.op-origins>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.op-origins button{background:#f1f8f5;border:1px solid #c6ded3;padding:16px;border-radius:12px;text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere}.op-origins button span{display:block;font-size:15px;margin-top:6px}.op-detail{font-size:16px;line-height:1.6;color:#17323d;min-width:0}.op-detail h3{font-size:23px;line-height:1.3;margin:0 0 16px}.op-contact{padding:20px;background:#eaf8f1;border-radius:16px;margin:20px 0 28px}.op-contact h3{font-size:28px;margin:16px 0 10px}.op-contact p{overflow-wrap:anywhere}.op-contact-links{display:flex;flex-wrap:wrap;gap:10px}.op-edit,.op-history,.op-notes,.op-submission{border-top:1px solid #c6dbd2;padding:26px 0}.op-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.op-wide{grid-column:1/-1}.op-save{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;background:#fff;border-top:1px solid #d6e5de;z-index:1}.op-save span{font-size:14px;color:#46616b}.op-notes textarea{resize:vertical}.op-notes form>.btn{margin-top:12px}.op-timeline{list-style:none;padding:0;margin:24px 0 0}.op-timeline>li{padding:0 0 22px 18px;border-left:3px solid #47b894;margin:0}.op-timeline>li>span{font-weight:700;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.op-timeline time{font-size:14px;font-weight:400;color:#46616b}.op-timeline p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.op-timeline ul{padding-left:18px;font-size:15px;overflow-wrap:anywhere}.op-submission>div{padding:14px 0;border-bottom:1px solid #e3eee8}.op-submission p{margin:6px 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}.op-submission summary{min-height:48px;cursor:pointer;padding-top:12px}.op-history>button{display:block;width:100%;text-align:left;border:1px solid #c5dad1;background:#f6faf8;border-radius:12px;margin:10px 0;padding:16px;font:inherit;cursor:pointer;overflow-wrap:anywhere}.op-history>button span{display:block;font-size:14px;margin-top:6px}.op-history .op-current{background:#e0f4ea;opacity:1;color:#276047}.op-delete{color:#96334a!important;border-color:#dab4bf!important;margin-top:16px}.op-detail [disabled],.op-panel [disabled]{cursor:default;opacity:.6}.workspace-tabs{flex-wrap:wrap}.op-panel .eyebrow{font-size:13px;letter-spacing:1px}@media(max-width:1100px){.op-grid,.op-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.op-funnel{grid-template-columns:repeat(3,minmax(0,1fr))}.op-filters{grid-template-columns:2fr 1fr}.op-heading{flex-direction:column}.op-origins>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.op-heading{margin-top:22px;gap:18px}.op-actions{width:100%}.op-actions .btn{flex:1 1;justify-content:center}.op-metrics{gap:10px}.op-metrics article{padding:16px;grid-template-columns:1fr;gap:6px}.op-metrics svg{width:22px;height:22px}.op-metrics span{font-size:15px}.op-metrics strong{font-size:23px}.op-metrics small{font-size:14px}.op-funnel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.op-stage{padding:12px}.op-filters{padding:16px;gap:16px}.op-filters,.op-grid,.op-origins>div{grid-template-columns:1fr}.op-card{padding:20px}.op-results{font-size:15px}.op-field-grid{grid-template-columns:1fr}.op-contact{padding:18px}.op-detail h3{font-size:22px}.op-contact h3{font-size:26px}.op-save{flex-direction:column;align-items:stretch;padding:12px 0}.op-save .btn{width:100%;justify-content:center}.op-pages{gap:10px}.op-pages .btn{padding-left:14px;padding-right:14px}.op-detail .op-contact-links .btn{flex-grow:1;justify-content:center}.op-origins{padding:20px}.op-delete{width:100%;white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){.op-card{transition:none}.op-card:hover{transform:none}}