/* SX Agency V4 isolated proposal / delivery components */
.ops-workspace{color:#edf1f7;display:flex;flex-direction:column;gap:20px;max-width:1500px;min-width:0}
.ops-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0 5px;flex-wrap:wrap}
.ops-header h1{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.04em;margin:7px 0 8px}
.ops-header p{margin:0;color:#a9b1bd;font-size:14px;max-width:700px}
.ops-kicker,.ops-section-label{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#a8b6c7;font-weight:700}
.ops-panel,.ops-metrics section{background:linear-gradient(136deg,rgba(37,45,59,.67),rgba(9,13,19,.71) 60%),rgba(7,10,14,.53);border:1px solid rgba(215,227,242,.24);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 18px 52px rgba(0,0,0,.24);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.ops-panel{padding:24px;min-width:0}
.ops-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ops-metrics section{padding:22px;display:flex;flex-direction:column;gap:5px}
.ops-metrics span{font-size:12px;color:#b8c3d2}.ops-metrics strong{font-size:29px;font-weight:700;letter-spacing:-.045em}.ops-metrics small{font-size:11px;color:#8d9aa9}
.ops-rowhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.ops-rowhead h2{font-size:17px;letter-spacing:-.02em}
.ops-primary,.ops-ghost,.ops-back{font:inherit;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.ops-primary{border:none;background:linear-gradient(#fff,#e8edf4);color:#080b11;border-radius:13px;padding:12px 19px;font-weight:700;font-size:13px}
.ops-primary:hover{box-shadow:0 5px 25px rgba(255,255,255,.15);transform:translateY(-1px)}
.ops-primary:disabled{opacity:.5;cursor:default;transform:none}
.ops-ghost,.ops-back{border:1px solid rgba(215,227,242,.25);border-radius:12px;color:#e8edf5;padding:9px 14px;background:rgba(255,255,255,.045);font-size:13px}.ops-ghost:hover,.ops-back:hover{background:rgba(255,255,255,.11)}
.ops-list{display:flex;flex-direction:column}.ops-list-row{font:inherit;cursor:pointer;display:flex;align-items:center;gap:17px;width:100%;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.085);background:transparent;color:inherit;padding:17px 2px}.ops-list-row:last-child{border-bottom:0}.ops-list-row:hover{background:rgba(255,255,255,.045)}
.ops-record-icon{width:39px;height:39px;display:grid;place-items:center;background:radial-gradient(circle at 30% 16%,rgba(255,255,255,.23),rgba(255,255,255,.025) 70%);border:1px solid rgba(255,255,255,.18);border-radius:50%;flex:none}.ops-record-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ops-record-main strong{font-size:14px}.ops-record-main small{font-size:11px;color:#a0aabb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-record-value{font-variant-numeric:tabular-nums;font-size:13px;min-width:100px;text-align:right}.ops-arrow{color:#a5b2bf}
.ops-pill{border-radius:99px;padding:5px 10px;font-size:11px;font-weight:650;color:#d7e5f1;background:rgba(133,149,175,.19);border:1px solid rgba(255,255,255,.08);white-space:nowrap}.ops-accepted,.ops-completed{color:#b0e7c1;background:rgba(41,129,78,.23)}.ops-declined,.ops-on-hold{color:#f1b1b1;background:rgba(156,53,53,.21)}.ops-ready,.ops-active{color:#bee3f8;background:rgba(42,116,171,.2)}
.ops-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ops-field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;min-width:0}.ops-field span{font-size:12px;color:#bbc6d4;font-weight:600}.ops-field input,.ops-field select,.ops-field textarea,.ops-line input,.ops-milestone input[type=text],.ops-milestone input:not([type]){background:rgba(6,10,17,.69);border:1px solid rgba(221,232,245,.22);color:#edf1f5;border-radius:11px;padding:12px 13px;font:inherit;font-size:13px;width:100%;outline:none;min-width:0}.ops-field textarea{resize:vertical}.ops-field input:focus,.ops-field select:focus,.ops-field textarea:focus,.ops-line input:focus,.ops-milestone input:focus{border-color:rgba(255,255,255,.56);box-shadow:0 0 0 3px rgba(204,227,255,.08)}.ops-field select option{background:#131823}
.ops-section-label{padding:18px 0 10px}.ops-line,.ops-milestone{display:grid;grid-template-columns:24px minmax(180px,3fr) minmax(65px,.7fr) minmax(95px,1fr) 34px;gap:8px;align-items:center;margin-bottom:9px}.ops-line-num{color:#8a99a9;font-size:12px}.ops-line button,.ops-milestone button{cursor:pointer;border:1px solid rgba(255,255,255,.15);color:#ddd;background:rgba(255,255,255,.045);border-radius:8px;font-size:22px;height:38px}.ops-milestone{grid-template-columns:26px minmax(180px,1fr) 34px}.ops-milestone input[type=checkbox]{accent-color:#e5eefb;width:17px;height:17px}.ops-total-row{border-top:1px solid rgba(255,255,255,.12);margin-top:20px;padding-top:16px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ops-total-row .ops-field{width:150px}.ops-check{display:flex;gap:9px;align-items:center;font-size:12px;color:#cbd3df}.ops-check input{accent-color:#dce8f5}.ops-total-live{font-size:18px;font-weight:700;letter-spacing:-.02em}.ops-controls{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.ops-error,.ops-success{padding:13px 18px;border-radius:13px;border:1px solid rgba(240,150,150,.3);background:rgba(88,29,29,.6);font-size:13px}.ops-success{background:rgba(28,91,64,.45);border-color:rgba(142,227,173,.3)}.ops-footnote{color:#a0adbb;font-size:12px;line-height:1.6}.ops-empty{padding:35px;text-align:center}.ops-empty p{font-size:13px;color:#a2acb9;margin-top:6px}.ops-action-row{display:flex;gap:10px;flex-wrap:wrap}
.ops-editor-top{padding-bottom:4px}.ops-back{display:block;margin-bottom:18px}.ops-detail h3{font-size:15px;margin:24px 0 12px}.ops-document-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:20px}.ops-document-head strong{font-size:25px;letter-spacing:-.1em}.ops-document-head strong span{font-size:10px;letter-spacing:.16em;margin-left:4px;font-weight:500}.ops-document-head small{font-size:11px;letter-spacing:.13em;color:#a8b4c3}.ops-document-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px 0}.ops-document-pair h2{margin:7px 0;font-size:22px}.ops-document-pair p{font-size:13px;color:#b4c1d1;margin:7px 0}.ops-prewrap{white-space:pre-wrap;font-size:13px;line-height:1.75;color:#cfdae6}.ops-quote-header,.ops-quote-row{display:grid;grid-template-columns:minmax(150px,2fr) 60px 110px 115px;gap:12px;padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.13);font-size:13px}.ops-quote-header{font-size:11px;color:#b3becc;letter-spacing:.05em}.ops-quote-header span:not(:first-child),.ops-quote-row span:not(:first-child){text-align:right}.ops-quote-totals{margin-left:auto;max-width:310px;padding:10px 4px}.ops-quote-totals p{display:flex;justify-content:space-between;font-size:13px;color:#c7d2df;margin:11px 0}.ops-quote-totals .ops-grand-total{border-top:1px solid rgba(255,255,255,.22);padding-top:14px;font-size:17px;color:white}.ops-milestone-view{display:flex;flex-direction:column}.ops-mile-item{display:flex;gap:12px;align-items:center;cursor:pointer;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(255,255,255,.13);padding:13px 0;text-align:left;font:inherit}.ops-mile-item:hover{background:rgba(255,255,255,.035)}.ops-mile-circle{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.27);background:rgba(255,255,255,.07);flex:none}.ops-mile-circle.complete{background:rgba(60,145,92,.3)}.ops-mile-item span:nth-child(2){flex:1}.ops-mile-item small{color:#9ea9b7}
@media(max-width:850px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-form-grid{grid-template-columns:1fr}.ops-header{align-items:flex-start}.ops-panel{padding:18px}.ops-list-row{gap:9px}.ops-record-value{min-width:0}.ops-line{grid-template-columns:21px minmax(100px,1fr) 60px 87px 25px;gap:5px}.ops-line input{padding:10px 6px}}
@media(max-width:510px){.ops-metrics{grid-template-columns:1fr}.ops-record-value{display:none}.ops-pill{font-size:10px}.ops-quote-header,.ops-quote-row{grid-template-columns:minmax(100px,1fr) 40px 85px;gap:5px}.ops-quote-header span:nth-child(3),.ops-quote-row span:nth-child(3){display:none}.ops-document-pair{grid-template-columns:1fr}.ops-total-row{align-items:flex-start;flex-direction:column;gap:10px}}
@media print{body{background:#fff!important;color:#151515!important}body *{visibility:hidden!important}#ops-printable,#ops-printable *{visibility:visible!important}#ops-printable{position:absolute;top:0;left:0;width:100%;background:#fff!important;color:#151515!important;box-shadow:none!important;border:0!important;padding:18px!important;backdrop-filter:none!important}#ops-printable *{color:#151515!important;border-color:#ccc!important;background:transparent!important}.ops-milestone-view button{background:#fff!important}}

.ops-template-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 0 9px}.ops-template-row span{font-size:12px;color:#b8c6d5;font-weight:600}.ops-template-row select{background:rgba(8,12,18,.87);border:1px solid rgba(231,239,252,.28);color:#e9f1f9;border-radius:10px;font-size:12px;padding:10px;min-width:180px;flex:1}.ops-template-row option{background:#121822}