/* CKYTV STREAM EDITOR V4.1 MULTI SOURCE */
.cky-v4-editor{max-width:1280px;margin:0 auto;padding-bottom:18px}
.cky-v4-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:10px 14px;border:1px solid #d8e1e8;background:#fff}
.cky-v4-title{display:flex;align-items:center;gap:14px}
.cky-v4-title button{border:0;background:none;color:#198b7d;font-weight:700}
.cky-v4-title strong{font-size:18px}.cky-v4-title span{font-size:12px;color:#7b8b99}
.cky-v4-top-actions{display:flex;gap:8px}
.cky-v4-top-actions button,.cky-v4-bottom button{height:34px;padding:0 14px;border:1px solid #c7d2db;background:#fff}
.cky-v4-top-actions .save,.cky-v4-bottom .save{background:#0aa89b;border-color:#0aa89b;color:#fff}
.cky-v4-top-actions .save-start,.cky-v4-bottom .save-start{background:#18895f;border-color:#18895f;color:#fff}
#cky-v4-form{border:1px solid #d8e1e8;background:#fff}
.cky-v4-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d8e1e8;background:#f5f7f9}
.cky-v4-tabs button{height:40px;border:0;background:transparent;color:#56697a;font-weight:600}
.cky-v4-tabs .active{background:#228a7d;color:#fff}
.cky-v4-form-body{padding:12px 18px}
.cky-v4-row{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:12px;min-height:44px}
.cky-v4-row>label{font-size:12px;font-weight:700;color:#26384a}
.cky-v4-row input,.cky-v4-row select{width:100%;height:34px;box-sizing:border-box;border:1px solid #c8d3dc;background:#fff;padding:0 10px;font-size:13px}
.cky-v4-row input:disabled{background:#f5f7f9;color:#8796a4}
.cky-v4-row .split{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cky-v4-bouquet-placeholder{min-height:34px;display:flex;align-items:center;padding:0 10px;border:1px solid #c8d3dc;background:#f7f9fb;color:#8796a4;font-size:12px}
.cky-v4-row .check-line{display:flex;align-items:center;gap:18px;min-height:34px}
.cky-v4-row .check{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}
.cky-v4-row .check input{width:16px;height:16px}
.cky-v4-row .check.disabled{opacity:.5}
.cky-v4-row .advanced-line{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
.cky-v4-bottom{display:flex;justify-content:flex-end;gap:8px;padding:10px 18px;border-top:1px solid #d8e1e8;background:#f7f9fb}

.sources-row{align-items:start;padding-top:5px;padding-bottom:5px}
.cky-v4-source-item{display:grid;grid-template-columns:34px minmax(0,1fr) 82px 72px 34px 34px 34px;gap:5px;align-items:center;margin-bottom:7px}
.cky-v4-source-no{height:34px;display:grid;place-items:center;border:1px solid #c8d3dc;background:#f6f8fa;font-weight:700}
.cky-v4-source-main input{height:34px}
.cky-v4-source-status{height:34px;display:flex;align-items:center;justify-content:center;border:1px solid;font-size:10px;font-weight:800}
.cky-v4-source-status.online{color:#08784d;background:#e5f7ee;border-color:#9ed9bd}
.cky-v4-source-status.offline{color:#b52e3c;background:#fdebed;border-color:#efb5bc}
.cky-v4-source-status.starting{color:#9a6100;background:#fff2dc;border-color:#edc57e}
.cky-v4-source-status.error{color:#a92c38;background:#ffe4e7;border-color:#eaa5ad}
.cky-v4-source-status.backup{color:#376485;background:#eaf3fa;border-color:#b9d2e5}
.cky-v4-source-enabled{height:34px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #c8d3dc;font-size:11px}
.cky-v4-source-enabled input{width:15px;height:15px}
.cky-v4-source-item>button{height:34px;border:1px solid #9abed8;background:#fff;color:#2277a8;cursor:pointer;font-weight:700}
.cky-v4-source-item>button.delete{border-color:#e4a1a7;color:#c63b46}
.cky-v4-source-meta{grid-column:2/8;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.cky-v4-source-meta input{height:30px;background:#fafbfd}
.cky-v4-add-source{height:32px;border:1px solid #6ebdad;background:#fff;color:#087f70;padding:0 12px;font-weight:700;cursor:pointer}

@media(max-width:950px){
  .cky-v4-row{grid-template-columns:1fr;gap:5px;padding:5px 0}
  .cky-v4-source-item{grid-template-columns:30px minmax(0,1fr) 72px 65px}
  .cky-v4-source-item>button{display:none}
  .cky-v4-source-meta{grid-column:2/5}
}

/* CKYTV V4 SOURCE START STOP RESTART */
.cky-v4-source-controls{
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
}
.cky-v4-source-controls button{
    width:25px;
    height:28px;
    padding:0;
    border:1px solid #c5d3de;
    background:#fff;
    cursor:pointer;
    font-weight:700;
}
.cky-v4-source-controls .start{color:#087b50}
.cky-v4-source-controls .stop{color:#c43845}
.cky-v4-source-controls .restart{color:#a96808}
.cky-v4-source-controls button:hover{background:#eef5fa}
.cky-v4-source-controls .backup-label{
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:28px;
    border:1px solid #b9d2e5;
    background:#eaf3fa;
    color:#376485;
    font-size:10px;
    font-weight:800;
}

/* CKYTV V4 ADVANCED TAB FIX */
.cky-v4-hidden {
    display: none !important;
}

.cky-v4-tab-pane {
    width: 100%;
}

.cky-v4-advanced-pane {
    padding: 18px 16px;
    background: #fff;
    border: 1px solid #d8e1ec;
    border-top: 0;
}

.cky-v4-advanced-pane .form-row,
.cky-v4-advanced-pane .field-row,
.cky-v4-advanced-pane .editor-row,
.cky-v4-advanced-pane .settings-row {
    margin: 0;
    padding: 14px 0;
}

.cky-v4-advanced-pane label {
    cursor: pointer;
}