/* Batch 15 — calm, one-place call capture. No backend widgets. */
.ops-call-panel {
  margin: 16px 0 22px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(92,120,151,.34);
  background: linear-gradient(125deg,rgba(30,43,60,.88),rgba(17,25,35,.97));
  border-radius: 15px;
  color: #f4f7fb;
  box-shadow: 0 6px 22px rgba(0,0,0,.14);
}
.ops-call-panel-head {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;}
.ops-call-light {display:inline-block;font-size:10px;letter-spacing:.15em;color:#77dcc0;font-weight:800;margin-bottom:5px;}
.ops-call-panel-title h2 {font-size:19px;line-height:1.35;font-weight:700;letter-spacing:-.03em;margin:0;}
.ops-call-panel-title p {font-size:12px;color:#9baec3;margin:5px 0 0;}
.ops-call-panel .ops-call-toggle {flex-shrink:0;min-height:38px;white-space:nowrap;}
.ops-call-panel-body {padding:20px 24px 22px;border-top:1px solid rgba(190,209,230,.13);}
.ops-call-select-row {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;}
.ops-call-select-row label {color:#bac9dc;font-size:12px;font-weight:600;}
.ops-call-select-row strong {font-size:14px;}
.ops-call-select-row select {max-width:100%;min-width:210px;max-height:44px;padding:10px 12px;border-radius:8px;color:#f5faff;border:1px solid #50637b;background:#1e3044;font:inherit;font-size:13px;}
.ops-call-local {font-size:11px;color:#b0c2d4;margin-left:auto;border-radius:25px;padding:6px 10px;background:rgba(174,204,232,.11);}
.ops-call-action-chooser {display:flex;flex-wrap:wrap;gap:8px;}
.ops-call-choice {padding:10px 12px;min-height:39px;font:inherit;font-size:12px;font-weight:650;color:#bcd0df;border:1px solid #3e5065;background:rgba(24,38,52,.8);border-radius:9px;cursor:pointer;transition:background .1s,border-color .1s;}
.ops-call-choice:hover,.ops-call-choice:focus-visible {border-color:#78c7c0;background:#254452;color:#fff;}
.ops-call-choice.selected {border-color:#76dec4;background:#196359;color:white;}
.ops-call-panel :is(button,select,input,textarea):focus-visible {outline:2px solid #79e2c8;outline-offset:2px;}
.ops-call-prompt {padding:18px;margin-top:16px;color:#b9cede;border:1px dashed #415973;background:rgba(18,32,48,.65);border-radius:9px;font-size:13px;}
.ops-call-action-form {padding:20px;margin-top:17px;border-radius:12px;background:rgba(8,17,28,.64);border:1px solid #354a62;}
.ops-call-form-title {display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:16px;flex-wrap:wrap;}
.ops-call-form-title h3 {margin:0;font-size:16px;}
.ops-call-form-title span {font-size:12px;color:#a9bed0;}
.ops-call-field {display:flex;flex-direction:column;gap:7px;margin-bottom:13px;min-width:0;flex:1;}
.ops-call-field>span {font-size:12px;color:#d4e5f1;font-weight:650;}
.ops-call-field input,.ops-call-field textarea,.ops-call-field select {display:block;width:100%;box-sizing:border-box;border:1px solid #526478;background:#192c40;color:#fff;padding:11px 12px;border-radius:8px;font:inherit;font-size:13px;min-height:44px;}
.ops-call-field textarea {resize:vertical;min-height:84px;line-height:1.55;}
.ops-call-field input::placeholder,.ops-call-field textarea::placeholder {color:#93a9bf;opacity:1;}
.ops-call-field-row {display:flex;gap:14px;flex-wrap:wrap;}
.ops-call-field-row>.ops-call-field {min-width:190px;}
.ops-call-hint {font-size:12px;color:#a7bac9;line-height:1.6;margin:1px 0 12px;}
.ops-call-form-footer {display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap;}
.ops-call-form-error {color:#ffbcb7;font-size:12px;flex:1;}
.ops-call-form-footer button {min-height:38px;}
.ops-call-confirm {border:1px solid #4c647e;border-radius:9px;padding:15px 16px;display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.ops-call-confirm span,.ops-call-confirm small {font-size:12px;color:#b8c9d7;}
.ops-call-confirm strong {font-size:15px;}
.ops-call-feedback {display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:rgba(35,116,90,.32);border-top:1px solid rgba(112,216,164,.22);border-bottom:1px solid rgba(112,216,164,.22);padding:12px 24px;font-size:12px;line-height:1.4;color:#d3ffed;}
.ops-call-feedback strong {font-size:13px;}
.ops-call-recent {border-top:1px solid #384a5c;margin-top:20px;padding-top:18px;display:grid;gap:8px;}
.ops-call-recent>strong {font-size:12px;color:#c5d7e5;margin-bottom:2px;}
.ops-call-recent-item {display:flex;gap:15px;align-items:baseline;justify-content:space-between;font-size:12px;color:#ebf2fa;}
.ops-call-recent-item span {overflow-wrap:anywhere;}
.ops-call-recent-item small {color:#96acbf;white-space:nowrap;}
.ops-company-page>.ops-call-panel {margin-top:20px;margin-bottom:20px;}
@media(max-width:650px){
  .ops-call-panel {margin:12px 0 18px;}
  .ops-call-panel-head {padding:16px;align-items:flex-start;}
  .ops-call-panel-title h2 {font-size:16px;}
  .ops-call-panel-title p {font-size:11px;}
  .ops-call-panel .ops-call-toggle {white-space:normal;text-align:center;font-size:12px;max-width:130px;}
  .ops-call-panel-body {padding:15px;}
  .ops-call-choice {flex:1 1 calc(50% - 8px);text-align:center;min-width:122px;padding:11px 9px;}
  .ops-call-action-form {padding:14px;}
  .ops-call-select-row select {width:100%;}
  .ops-call-local {margin-left:0;}
  .ops-call-form-footer button {flex:1;}
  .ops-call-form-error {flex-basis:100%;}
  .ops-call-recent-item {display:block;}
  .ops-call-recent-item small {display:block;margin-top:4px;}
}
