.dsp-line-center-modal{position:fixed;z-index:100900;inset:0;display:grid;place-items:center;padding:18px}
.dsp-line-center-modal[hidden]{display:none}
.dsp-line-center-backdrop{position:absolute;inset:0;background:rgba(15,31,25,.58);backdrop-filter:blur(4px)}
.dsp-line-center-dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(980px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:hidden;border:1px solid #d5e5dd;border-radius:8px;background:#fff;box-shadow:0 28px 90px rgba(10,42,31,.24);color:#173e30}
.dsp-line-center-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #dce9e3;background:#f7fbf9}
.dsp-line-center-head small,.dsp-line-center-head strong,.dsp-line-center-head span{display:block}
.dsp-line-center-head small{color:#008b61;font-size:9px;font-weight:900}
.dsp-line-center-head strong{margin-top:2px;font-size:20px;line-height:1.25}
.dsp-line-center-head span{margin-top:2px;color:#6b8077;font-size:11px}
.dsp-line-center-head>button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #cfe0d8;border-radius:50%;background:#fff;color:#35584a;cursor:pointer}
.dsp-line-center-head>button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.dsp-line-center-body{overflow:auto;padding:16px 18px 22px}
.dsp-line-center-status{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;border:1px solid #dce8e2;border-radius:8px;background:#fff}
.dsp-line-center-status>span{display:flex;align-items:center;gap:6px;color:#60766c;font-size:11px}
.dsp-line-center-status>span:first-child{font-weight:800}
.dsp-line-center-status i,.dsp-line-log-list article>span i{width:8px;height:8px;border-radius:50%;background:#e05454}
.dsp-line-center-status .is-ready i,.dsp-line-log-list .is-sent i{background:#10a778}
.dsp-line-center-status a{margin-left:auto;color:#087a57;font-size:11px;font-weight:800;text-decoration:none}
.dsp-line-route-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:18px 0 8px}
.dsp-line-route-heading small{display:block;color:#008b61;font-size:9px;font-weight:900}
.dsp-line-route-heading h3{margin:1px 0 0;font-size:16px}
.dsp-line-route-heading>span{color:#73867e;font-size:10px}
.dsp-line-route-list{display:grid;gap:7px}
.dsp-line-route-item{border:1px solid #dce8e2;border-radius:8px;background:#fff;transition:opacity .2s,border-color .2s}
.dsp-line-route-item.is-disabled{opacity:.58}
.dsp-line-route-main{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px}
.dsp-line-route-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eaf7f0;color:#087a57}
.dsp-line-route-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dsp-line-route-main>div strong,.dsp-line-route-main>div small{display:block}
.dsp-line-route-main>div strong{font-size:12px}
.dsp-line-route-main>div small{margin-top:2px;color:#71847b;font-size:9px;line-height:1.35}
.dsp-line-route-switch{display:grid;grid-template-columns:38px auto;align-items:center;gap:7px;cursor:pointer}
.dsp-line-route-switch input{position:absolute;opacity:0;pointer-events:none}
.dsp-line-route-switch i{position:relative;width:38px;height:22px;border-radius:999px;background:#cdd9d4;transition:.2s}
.dsp-line-route-switch i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);transition:.2s}
.dsp-line-route-switch input:checked+i{background:#08a16c}
.dsp-line-route-switch input:checked+i:after{transform:translateX(16px)}
.dsp-line-route-switch span{color:#61766d;font-size:9px;font-weight:700}
.dsp-line-route-groups{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid #edf2ef;background:#fafcfb}
.dsp-line-route-groups label{position:relative}
.dsp-line-route-groups label input{position:absolute;opacity:0}
.dsp-line-route-groups label span{display:block;padding:5px 8px;border:1px solid #cdded6;border-radius:999px;background:#fff;color:#657970;font-size:9px;cursor:pointer}
.dsp-line-route-groups label input:checked+span{border-color:#91cbb2;background:#eaf8f1;color:#06744f;font-weight:800}
.dsp-line-route-groups>button{margin-left:auto;padding:5px 9px;border:0;background:transparent;color:#087a57;font-size:9px;font-weight:900;cursor:pointer}
.dsp-line-route-actions{position:sticky;bottom:-22px;display:flex;justify-content:flex-end;margin:12px -18px -22px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #dce8e2;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.dsp-line-route-actions button{min-height:38px;padding:8px 15px;border:0;border-radius:7px;background:#008b61;color:#fff;font-size:11px;font-weight:900;cursor:pointer}
.dsp-line-customer-flex{margin-top:20px}
.dsp-line-customer-flex>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce8e2;border-radius:8px;overflow:hidden}
.dsp-line-customer-flex>div:last-child>span{padding:10px 12px;border-right:1px solid #e3ece8;background:#f9fbfa}
.dsp-line-customer-flex>div:last-child>span:last-child{border-right:0}
.dsp-line-customer-flex b,.dsp-line-customer-flex small{display:block}
.dsp-line-customer-flex b{font-size:10px}
.dsp-line-customer-flex small{margin-top:2px;color:#71847b;font-size:8px}
.dsp-line-log-list{display:grid;border:1px solid #dce8e2;border-radius:8px;overflow:hidden}
.dsp-line-log-list article{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;padding:8px 11px;border-bottom:1px solid #e8efec}
.dsp-line-log-list article:last-child{border-bottom:0}
.dsp-line-log-list article>span{display:flex;align-items:center;gap:6px;color:#64786f;font-size:9px;font-weight:800}
.dsp-line-log-list .is-failed{color:#b42318}
.dsp-line-log-list article strong,.dsp-line-log-list article small{display:block}
.dsp-line-log-list article strong{font-size:10px}
.dsp-line-log-list article small{margin-top:2px;color:#788a82;font-size:8px}
.dsp-line-center-empty{display:grid;gap:3px;margin-top:12px;padding:16px;border:1px dashed #bfd5ca;border-radius:8px;background:#f8fbf9;color:#60776d;text-align:center}
.dsp-line-center-empty strong{color:#294d3e;font-size:12px}
.dsp-line-center-empty span{font-size:10px}
@media(max-width:700px){
  .dsp-line-center-modal{padding:8px}
  .dsp-line-center-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  .dsp-line-center-head{padding:13px}
  .dsp-line-center-head strong{font-size:17px}
  .dsp-line-center-body{padding:12px 12px 18px}
  .dsp-line-center-status{align-items:flex-start;flex-wrap:wrap}
  .dsp-line-center-status a{width:100%;margin-left:0}
  .dsp-line-route-heading{align-items:flex-start}
  .dsp-line-route-heading>span{max-width:46%;text-align:right}
  .dsp-line-route-main{grid-template-columns:34px minmax(0,1fr)}
  .dsp-line-route-switch{grid-column:1/-1;grid-template-columns:38px auto;margin-left:44px}
  .dsp-line-route-groups>button{width:100%;margin-left:0;text-align:right}
  .dsp-line-route-actions{bottom:-18px;margin:10px -12px -18px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .dsp-line-customer-flex>div:last-child{grid-template-columns:1fr 1fr}
  .dsp-line-customer-flex>div:last-child>span{border-bottom:1px solid #e3ece8}
  .dsp-line-log-list article{grid-template-columns:1fr;gap:3px}
}