.dor-template-panel .calls-service-list{display:grid;gap:14px}
.dor-template-panel .calls-service-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding-bottom:14px;border-bottom:1px solid #718a9d40}
.dor-template-panel .calls-service-row:last-child{padding-bottom:0;border-bottom:0}
.dor-template-panel .dor-template-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;align-items:start}
.dor-template-panel .dor-template-grid label{min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:7px;font-size:14px;font-weight:400}
.dor-template-panel .dor-call-label{display:flex;align-items:end;min-height:44px;line-height:1.3;font-size:13px}
.dor-template-panel .dor-template-grid :is(input:not([type=checkbox]),select){width:100%;min-width:0;height:44px;box-sizing:border-box;font:inherit;font-size:14px}
.dor-template-panel .dor-case-field{grid-column:span 2;min-width:0;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:10px}
.dor-template-panel .dor-template-grid .dor-prepared-check{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px}
.dor-template-panel .dor-prepared-control{height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #718a9d70;border-radius:6px;background:#718a9d0a}
.dor-template-panel .dor-prepared-control input[type=checkbox]{width:19px;height:19px;flex:none;margin:0;padding:0;cursor:pointer;accent-color:#377eb4}
.dor-template-panel input[data-call-case]:disabled{opacity:.55;cursor:not-allowed}
.dor-template-panel .calls-service-actions{display:flex;gap:7px;padding-bottom:0}
.dor-template-panel .calls-service-actions button{height:38px;min-width:36px;border-radius:6px;font-size:18px;padding:0 10px;cursor:pointer}
.dor-template-panel label>small{font-size:11px;line-height:1.4}
body.mc-app .dor-template-panel{border:1px solid var(--line,#344b5e);border-radius:8px;overflow:hidden;margin:20px 0;background:var(--panel,#0b1b29)}
body.mc-app .dor-template-panel .panel-header{padding:12px 14px;border-bottom:1px solid var(--line,#344b5e)}
body.mc-app .dor-template-panel h3{font-size:16px;font-weight:600;margin:0}
body.mc-app .dor-template-panel .panel-body{padding:14px}
body.mc-app .dor-template-panel .calls-service-row{grid-template-columns:1fr}
body.mc-app .dor-template-panel .dor-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.mc-app .dor-template-panel .dor-case-field{grid-column:1 / -1}
body.mc-app .dor-template-panel .calls-service-actions{justify-self:end}
body.mc-app .dor-template-panel .dor-template-grid :is(input:not([type=checkbox]),select){background:var(--panel-strong);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:0 9px}
body.mc-app .dor-template-panel .calls-service-actions button{background:transparent;color:inherit;border:1px solid var(--line,#718a9d70)}
@media(max-width:1100px){.dor-template-panel .dor-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .dor-template-panel .calls-service-row{grid-template-columns:1fr}
  .dor-template-panel .calls-service-actions{justify-self:end}
  .dor-template-panel .dor-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dor-template-panel .dor-call-label{min-height:34px;font-size:12px}
  .dor-template-panel .dor-case-field{grid-column:1 / -1}
}