/* ==========================================================================
   AO Control Panel — stilovi za prevodicp i streamingcp
   ========================================================================== */

/* ── CP forma ── */
.cp-form { max-width: 700px; }
.cp-form .form-group { display: flex; flex-direction: column; margin-bottom: 14px; }
.cp-form label {
    font-size: 12px;
    color: #aaa;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.cp-form input[type=text],
.cp-form select,
.cp-form textarea {
    background: #1a1a2e;
    color: #ddd;
    border: 1px solid #446;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.15s;
}
.cp-form input[type=text]:focus,
.cp-form select:focus { border-color: #7eb8f7; outline: none; }
.cp-form input[type=file] {
    background: #1a1a2e;
    color: #ddd;
    border: 1px solid #446;
    border-radius: 6px;
    padding: 7px 12px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}
.cp-form .smalltext { font-size: 11px; color: #666; margin-top: 3px; }
.cp-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cp-form .form-section {
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}
.cp-form .form-section h3 {
    margin: 0 0 14px;
    font-size: 13px;
    color: #7eb8f7;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.cp-send-btn {
    background: #3355cc;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.15s;
}
.cp-send-btn:hover { background: #4466dd; }

/* ── Poruke ── */
.sendtranslation-errors {
    background: rgba(232,64,64,0.1);
    border: 1px solid #e84040;
    border-radius: 6px;
    padding: 10px 16px;
    margin-bottom: 16px;
    color: #e84040;
    list-style: none;
}
.success-message,
.sendsuccess {
    background: rgba(76,175,80,0.1);
    border: 1px solid #4caf50;
    border-radius: 6px;
    padding: 10px 16px;
    margin-bottom: 16px;
    color: #4caf50;
}
.status-approve { background: rgba(76,175,80,0.15); border-color: #4caf50; }
.status-reject  { background: rgba(232,64,64,0.15); border-color: #e84040; }

/* ── CP tabela ── */
.cp-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.cp-table th {
    background: rgba(255,255,255,0.07);
    padding: 10px 12px;
    text-align: left;
    color: #7eb8f7;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid rgba(126,184,247,0.2);
}
.cp-table td {
    padding: 9px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    color: #ddd;
    vertical-align: middle;
}
.cp-table tr:hover td { background: rgba(51,85,204,0.12); }
.cp-table td:first-child { color: #888; font-size: 12px; }
.cp-table td:first-child a { color: #7eb8f7; text-decoration: none; }
.cp-table td:first-child a:hover { text-decoration: underline; }
.cp-table td.action-cell a { color: #e84040; font-size: 12px; text-decoration: none; }
.cp-table td.action-cell a:hover { text-decoration: underline; }
.cp-table td.date-cell { color: #666; font-size: 12px; }

/* ── Status redovi ── */
.status0 { background: rgba(245,166,35,0.04); }
.status1 { background: rgba(0,180,80,0.08); }
.status2 { background: rgba(232,64,64,0.06); }
.status0 td.status-cell { color: #f5a623; }
.status1 td.status-cell { color: #fff; font-weight: bold; }
.status2 td.status-cell { color: #e84040; }

/* ── Status bedževi ── */
.badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.3px;
}
.badge-pending  { background: rgba(245,166,35,0.15); color: #f5a623; border: 1px solid rgba(245,166,35,0.4); }
.badge-approved { background: rgba(0,200,80,0.15);  color: #2ecc71; border: 1px solid rgba(0,200,80,0.4); }
.badge-rejected { background: rgba(232,64,64,0.15); color: #e84040; border: 1px solid rgba(232,64,64,0.4); }

/* ── CP dugmad ── */
.cp-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}
.cp-buttons a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 18px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #fff !important;
    transition: filter 0.15s, transform 0.1s;
    border: 1px solid rgba(255,255,255,0.1);
    letter-spacing: 0.2px;
}
.cp-buttons a:hover { filter: brightness(1.2); transform: translateY(-1px); }
.cp-buttons a.sendbutton           { background: linear-gradient(135deg, #559, #447); }
.cp-buttons a.sendbutton-admin     { background: linear-gradient(135deg, #934, #722); }
.cp-buttons a.sendbutton-history   { background: linear-gradient(135deg, #583, #362); }
.cp-buttons a.sendbutton-streaming { background: linear-gradient(135deg, #224B72, #1a3a58); }

/* ── Streaming link lista ── */
.streaming-link-list { display: flex; flex-direction: column; gap: 8px; }
.link-item {
    display: grid;
    grid-template-columns: 1fr 140px 140px auto;
    gap: 8px;
    align-items: center;
}
.link-item input, .link-item select { margin: 0; }
.add-another-streaming-btn {
    background: #1a3a1a;
    color: #4caf50;
    border: 1px solid #4caf50;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-top: 6px;
}
.add-another-streaming-btn.close { background: #3a1a1a; color: #e84040; border-color: #e84040; }