/*
Theme Name: S8 Sending Control V324.0 - Social Ownership Workflow
Theme URI: https://s8.vn/
Author: S8
Description: S8 Sending Control – giao diện quản trị sending hiện đại, tối ưu desktop/mobile, quản lý KPI, báo cáo, thanh toán và kiểm toán.
Version: 324.0.0
Text Domain: s8-sending
*/

html,body{margin:0;min-height:100%;}
body{background:#f3f8f7;}
.s8-default:empty{display:none;}

/* V300 - Comment mode & verified social account UI */
.s8-v300-policy-card{margin:0 0 20px;padding:22px;border:1px solid #cfe8df;border-radius:22px;background:linear-gradient(145deg,#ffffff,#f1fbf7);box-shadow:0 14px 38px rgba(3,80,61,.08)}
.s8-v300-policy-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.s8-v300-policy-card header h2{margin:4px 0 5px;font-size:22px;color:#073f32}.s8-v300-policy-card header p{margin:0;color:#69847b}.s8-v300-policy-badge{padding:8px 12px;border-radius:999px;background:#e8fff5;color:#08785c;font-size:12px;font-weight:900;white-space:nowrap}.s8-v300-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.s8-v300-mode-grid label{position:relative;display:block;padding:15px;border:1px solid #d7e9e3;border-radius:16px;background:#fff;cursor:pointer}.s8-v300-mode-grid input{position:absolute;opacity:0;pointer-events:none}.s8-v300-mode-grid label:has(input:checked){border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.12);background:#f0fff9}.s8-v300-mode-grid b,.s8-v300-mode-grid small{display:block}.s8-v300-mode-grid b{color:#103f35}.s8-v300-mode-grid small{margin-top:5px;color:#718a82;line-height:1.4}.s8-v300-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.s8-v300-rule-grid label{display:flex;flex-direction:column;gap:6px;color:#315e53;font-weight:800}.s8-v300-rule-grid input,.s8-v300-rule-grid select{min-height:44px;padding:9px 12px;border:1px solid #cfe4dc;border-radius:12px;background:#fff}.s8-v300-policy-actions{display:flex;justify-content:flex-end;margin-top:15px}.s8-v300-policy-actions button{border:0;border-radius:13px;padding:12px 20px;background:linear-gradient(135deg,#0fb77f,#08785c);color:#fff;font-weight:900;cursor:pointer}.s8-v300-staff-mode{margin:0 0 18px;padding:16px 18px;border-radius:18px;border:1px solid #bfe7d8;background:linear-gradient(135deg,#eafff6,#f9fffc);display:flex;gap:13px;align-items:flex-start}.s8-v300-staff-mode>span{flex:0 0 auto;padding:7px 10px;border-radius:10px;background:#0aa879;color:#fff;font-size:11px;font-weight:900}.s8-v300-staff-mode b,.s8-v300-staff-mode small{display:block}.s8-v300-staff-mode b{color:#064e3b}.s8-v300-staff-mode small{margin-top:3px;color:#56786d;line-height:1.45}.s8-v300-account-verified{display:inline-flex!important;align-items:center;gap:6px;margin-top:6px!important;padding:4px 8px;border-radius:999px;background:#e9fff6;color:#08785c!important;font-weight:800}.s8-v300-account-verified.pending{background:#fff8e8;color:#9a6500!important}.s8-v300-free-note{padding:14px 15px;border:1px dashed #a5dcc8;border-radius:14px;background:#f7fffb;color:#315e53}.s8-v300-free-note b{color:#08785c}.s8-v300-mode-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#e8fff5;color:#08785c;font-size:11px;font-weight:900}
@media(max-width:1050px){.s8-v300-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s8-v300-rule-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.s8-v300-policy-card{padding:16px}.s8-v300-policy-card header{display:block}.s8-v300-policy-badge{display:inline-flex;margin-top:10px}.s8-v300-mode-grid,.s8-v300-rule-grid{grid-template-columns:1fr}.s8-v300-staff-mode{margin-left:12px;margin-right:12px}}

/* V205 - Weekly target planner */
.s8-target-mode-tabs{display:flex;gap:8px;padding:18px 20px 0}.s8-target-mode-tabs a{display:inline-flex;align-items:center;justify-content:center;min-width:128px;padding:11px 18px;border-radius:14px;background:#eef8f4;color:#27695a;font-weight:800;text-decoration:none;border:1px solid #d8ebe4}.s8-target-mode-tabs a.active{background:#08785c;color:#fff;border-color:#08785c;box-shadow:0 10px 24px rgba(8,120,92,.18)}
.s8-week-filter{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.s8-week-range{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:14px;background:#eaf8f3;color:#086b54;font-weight:800}
.s8-weekly-target-form{padding:0 20px 20px}.s8-week-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;margin:6px 0 14px;border-radius:18px;background:linear-gradient(135deg,#075f4c,#0b8c69);color:#fff}.s8-week-toolbar b{display:block;font-size:18px}.s8-week-toolbar small{display:block;margin-top:4px;opacity:.8}.s8-week-toolbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.s8-week-action{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:10px 13px;font-weight:800;cursor:pointer}.s8-week-action:hover{background:#fff;color:#08785c}
.s8-week-table-wrap{overflow:auto;border:1px solid #dcebe6;border-radius:20px;background:#fff}.s8-week-target-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.s8-week-target-table th,.s8-week-target-table td{padding:13px 10px;border-right:1px solid #e8f1ee;border-bottom:1px solid #e8f1ee;text-align:center}.s8-week-target-table thead th{position:sticky;top:0;background:#eff9f5;color:#0a5f4d;z-index:1}.s8-week-target-table thead th:first-child{left:0;z-index:3}.s8-week-target-table tbody th{position:sticky;left:0;background:#fff;text-align:left;z-index:2;color:#123f35;min-width:150px}.s8-week-target-table th small{display:block;color:#7d9890;font-weight:600;margin-top:3px}.s8-week-target-table input{width:90px;max-width:100%;height:44px;border:1px solid #d5e7e1;border-radius:12px;text-align:center;font-weight:800;color:#0a5f4d;background:#fbfefd}.s8-week-target-table input:focus{outline:none;border-color:#12b886;box-shadow:0 0 0 3px rgba(18,184,134,.12)}.s8-week-target-table tbody tr:hover td,.s8-week-target-table tbody tr:hover th{background:#f8fcfa}.s8-week-row-total{display:inline-flex;min-width:70px;justify-content:center;padding:8px 10px;border-radius:11px;background:#e5f7f0;color:#08785c}.s8-week-save-bar{margin-top:16px}
@media(max-width:760px){.s8-target-mode-tabs{padding:14px 12px 0}.s8-target-mode-tabs a{flex:1;min-width:0}.s8-weekly-target-form{padding:0 12px 14px}.s8-week-toolbar{align-items:flex-start;flex-direction:column}.s8-week-toolbar>div:last-child{width:100%}.s8-week-action{flex:1}.s8-week-filter{align-items:stretch}.s8-week-filter label,.s8-week-filter button,.s8-week-range{width:100%}.s8-week-range{justify-content:center}.s8-week-target-table{min-width:860px}}

/* V206 Weekly Planner Premium UI */
.s8-target-pro{overflow:hidden;border:1px solid #d9ebe5!important;border-radius:26px!important;background:#f5fbf8!important;box-shadow:0 18px 50px rgba(7,83,65,.08)!important}
.s8-target-mode-tabs{padding:18px 24px!important;gap:12px!important;background:#fff;border-bottom:1px solid #e2eee9}
.s8-target-mode-tabs a{min-width:210px!important;padding:13px 18px!important;border-radius:16px!important;justify-content:flex-start!important;gap:12px!important;background:#f5faf8!important}
.s8-target-mode-tabs a .s8-tab-icon{width:40px;height:40px;border-radius:12px;background:#e2f4ed;display:grid;place-items:center;font-size:20px;color:#08785c}
.s8-target-mode-tabs a span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.s8-target-mode-tabs a b{font-size:14px}.s8-target-mode-tabs a small{font-size:11px;font-weight:600;opacity:.72;margin-top:4px}
.s8-target-mode-tabs a.active{background:linear-gradient(135deg,#08785c,#10a879)!important;box-shadow:0 12px 26px rgba(8,120,92,.22)!important}.s8-target-mode-tabs a.active .s8-tab-icon{background:rgba(255,255,255,.18);color:#fff}
.s8-week-filter{margin:18px 24px!important;padding:16px!important;border:1px solid #dcece6!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(7,83,65,.05)}
.s8-week-filter label{min-width:310px}.s8-week-filter label span{font-weight:800;color:#174d41;margin-bottom:7px}.s8-week-filter input{height:50px!important;border-radius:14px!important}.s8-week-filter .s8-btn{height:50px;padding:0 28px!important;border-radius:14px!important}
.s8-week-range{margin-left:auto;display:flex!important;align-items:center;gap:10px;background:#eaf8f3;color:#08785c;border:1px solid #d0eee3;border-radius:15px;padding:9px 16px!important;min-width:245px}.s8-week-range i{font-style:normal;width:36px;height:36px;border-radius:11px;background:#fff;display:grid;place-items:center}.s8-week-range span{display:flex;flex-direction:column}.s8-week-range small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.s8-week-range b{font-size:14px;margin-top:2px}
.s8-weekly-target-form{padding:0 24px 24px}.s8-week-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:linear-gradient(135deg,#075f4c,#0c8a68);border-radius:20px 20px 0 0;color:#fff}.s8-week-toolbar-title{display:flex;align-items:center;gap:14px}.s8-week-toolbar-icon{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:24px}.s8-week-toolbar-title b{display:block;font-size:18px}.s8-week-toolbar-title small{display:block;margin-top:5px;color:rgba(255,255,255,.76);font-size:12px}.s8-week-toolbar-actions{display:flex;gap:9px}.s8-week-action{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 15px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;font-weight:800;cursor:pointer}.s8-week-action:hover{background:rgba(255,255,255,.22)}.s8-week-action.danger{background:#fff;color:#d34a54;border-color:#fff}
.s8-week-table-wrap{border-radius:0 0 20px 20px!important;border-top:0!important;box-shadow:0 12px 32px rgba(7,83,65,.06)}.s8-week-target-table{min-width:1120px!important}.s8-week-target-table th,.s8-week-target-table td{padding:14px 12px!important}.s8-week-target-table thead th{background:#f0f8f5!important;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.s8-week-target-table thead th b{display:block;font-size:13px}.s8-week-target-table tbody th{min-width:205px!important;display:flex;align-items:center;gap:11px}.s8-week-platform-badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:17px;flex:0 0 auto;background:#139b75}.s8-week-platform-badge.platform-facebook{background:#1877f2}.s8-week-platform-badge.platform-tiktok{background:#181818}.s8-week-platform-badge.platform-telegram{background:#2aabee}.s8-week-platform-badge.platform-youtube{background:#ff2d2d}.s8-week-platform-badge.platform-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.s8-week-target-table tbody th span:last-child{display:flex;flex-direction:column}.s8-week-target-table tbody th b{font-size:14px}.s8-week-target-table tbody td{position:relative}.s8-week-target-table input{width:105px!important;height:48px!important;border-radius:13px!important;background:#fff!important;font-size:15px}.s8-input-state{display:block;margin-top:5px;font-size:9px!important;color:#8aa099!important}.s8-week-target-table input:not([value="0"])+.s8-input-state{color:#0e9b72!important}.s8-week-target-table tbody td:last-child small{display:block;margin-top:4px;font-size:9px;color:#8aa099}.s8-week-row-total{min-width:84px!important;padding:9px 12px!important;font-size:15px}.s8-week-save-bar{position:sticky;bottom:12px;z-index:8;margin-top:18px!important;border:1px solid #d8ebe4!important;box-shadow:0 16px 40px rgba(7,83,65,.14)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)}
@media(max-width:900px){.s8-target-mode-tabs a{min-width:0!important;flex:1}.s8-week-filter{margin:14px 12px!important}.s8-weekly-target-form{padding:0 12px 18px}.s8-week-toolbar{align-items:flex-start;flex-direction:column}.s8-week-toolbar-actions{width:100%}.s8-week-action{flex:1;justify-content:center}.s8-week-range{margin-left:0;width:100%}.s8-week-filter label{min-width:0;width:100%}}

/* V207 - Weekly target header/toolbar polish */
.s8-target-pro .s8-target-mode-tabs{
  display:flex!important;align-items:stretch!important;gap:14px!important;
  padding:20px 24px!important;background:#fff!important;border-bottom:1px solid #e3eee9!important;
}
.s8-target-pro .s8-target-mode-tabs a{
  display:flex!important;align-items:center!important;gap:12px!important;
  width:auto!important;min-width:220px!important;padding:13px 18px!important;
  border:1px solid #dcebe5!important;border-radius:16px!important;
  background:#f7fbf9!important;color:#164f42!important;text-decoration:none!important;
  box-shadow:none!important;line-height:1!important;
}
.s8-target-pro .s8-target-mode-tabs a:hover{transform:translateY(-1px);border-color:#8fd5bf!important;box-shadow:0 8px 20px rgba(7,83,65,.08)!important}
.s8-target-pro .s8-target-mode-tabs a.active{background:linear-gradient(135deg,#08785c,#12b282)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 26px rgba(8,120,92,.22)!important}
.s8-target-pro .s8-target-mode-tabs .s8-tab-icon{flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#e3f5ee!important;color:#08785c!important;display:grid!important;place-items:center!important;font-size:19px!important}
.s8-target-pro .s8-target-mode-tabs a.active .s8-tab-icon{background:rgba(255,255,255,.18)!important;color:#fff!important}
.s8-target-pro .s8-target-mode-tabs a>span:last-child{display:flex!important;flex-direction:column!important;gap:5px!important;align-items:flex-start!important}
.s8-target-pro .s8-target-mode-tabs a b{font-size:15px!important;line-height:1.1!important;color:inherit!important}
.s8-target-pro .s8-target-mode-tabs a small{font-size:11px!important;line-height:1.2!important;color:inherit!important;opacity:.72!important;white-space:nowrap!important}

.s8-target-pro .s8-week-filter{display:flex!important;align-items:flex-end!important;gap:14px!important;margin:18px 24px!important;padding:16px 18px!important;background:#f6fbf9!important;border:1px solid #dfede8!important;border-radius:18px!important}
.s8-target-pro .s8-week-filter label{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:315px!important;margin:0!important}
.s8-target-pro .s8-week-filter label>span{font-size:12px!important;font-weight:800!important;color:#295e52!important}
.s8-target-pro .s8-week-filter input{height:48px!important;border-radius:13px!important;background:#fff!important}
.s8-target-pro .s8-week-filter>.s8-btn{height:48px!important;min-width:168px!important;border-radius:13px!important}
.s8-target-pro .s8-week-range{margin-left:auto!important;min-height:48px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:8px 15px!important;border-radius:14px!important;background:#e8f7f1!important;color:#0a7258!important}
.s8-target-pro .s8-week-range i{font-style:normal!important;width:34px!important;height:34px!important;border-radius:10px!important;background:#fff!important;display:grid!important;place-items:center!important}
.s8-target-pro .s8-week-range span{display:flex!important;flex-direction:column!important;gap:2px!important}
.s8-target-pro .s8-week-range small{font-size:10px!important;line-height:1!important;opacity:.72!important}
.s8-target-pro .s8-week-range b{font-size:14px!important;line-height:1.2!important;white-space:nowrap!important}

.s8-target-pro .s8-weekly-target-form{padding:0 24px 24px!important}
.s8-target-pro .s8-week-toolbar{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
  padding:18px 20px!important;margin:0!important;border-radius:20px 20px 0 0!important;
  background:linear-gradient(135deg,#075b49,#0d9872)!important;color:#fff!important;
}
.s8-target-pro .s8-week-toolbar-title{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
.s8-target-pro .s8-week-toolbar-icon{flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:14px!important;background:rgba(255,255,255,.16)!important;display:grid!important;place-items:center!important;font-size:21px!important}
.s8-target-pro .s8-week-toolbar-title>div{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
.s8-target-pro .s8-week-toolbar-title b{font-size:18px!important;line-height:1.15!important;color:#fff!important}
.s8-target-pro .s8-week-toolbar-title small{font-size:12px!important;line-height:1.45!important;color:rgba(255,255,255,.78)!important}
.s8-target-pro .s8-week-toolbar-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important}
.s8-target-pro .s8-week-action{height:42px!important;padding:0 15px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.26)!important;background:rgba(255,255,255,.13)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;gap:7px!important;cursor:pointer!important}
.s8-target-pro .s8-week-action.danger{background:#fff!important;color:#cf4652!important;border-color:#fff!important}

/* Neutralize legacy row background rules */
.s8-target-pro .s8-week-target-table tbody tr,
.s8-target-pro .s8-week-target-table tbody tr.platform-row,
.s8-target-pro .s8-week-target-table tbody tr.platform-facebook,
.s8-target-pro .s8-week-target-table tbody tr.platform-tiktok,
.s8-target-pro .s8-week-target-table tbody tr.platform-telegram,
.s8-target-pro .s8-week-target-table tbody tr.platform-youtube,
.s8-target-pro .s8-week-target-table tbody tr.platform-instagram{background:#fff!important;color:#153d34!important}
.s8-target-pro .s8-week-target-table tbody tr:nth-child(even){background:#f9fcfb!important}
.s8-target-pro .s8-week-target-table tbody th,.s8-target-pro .s8-week-target-table tbody td{background:transparent!important;color:#153d34!important;border-color:#e5efeb!important}
.s8-target-pro .s8-week-target-table tbody th b,.s8-target-pro .s8-week-target-table tbody th small{color:#153d34!important}
.s8-target-pro .s8-week-target-table .s8-week-row-total{color:#075f4c!important}
.s8-target-pro .s8-week-target-table input{background:#fff!important;color:#163f35!important;border:1px solid #d9e8e2!important}
.s8-target-pro .s8-week-target-table input:focus{border-color:#1abb89!important;box-shadow:0 0 0 3px rgba(26,187,137,.12)!important}
.s8-target-pro .s8-input-state{color:#6f8f86!important}

@media(max-width:900px){
 .s8-target-pro .s8-target-mode-tabs{padding:14px!important;gap:9px!important}
 .s8-target-pro .s8-target-mode-tabs a{min-width:0!important;flex:1!important;padding:11px 12px!important}
 .s8-target-pro .s8-target-mode-tabs a small{white-space:normal!important}
 .s8-target-pro .s8-week-filter{margin:14px!important;align-items:stretch!important;flex-direction:column!important}
 .s8-target-pro .s8-week-filter label,.s8-target-pro .s8-week-filter>.s8-btn,.s8-target-pro .s8-week-range{width:100%!important;min-width:0!important;margin-left:0!important}
 .s8-target-pro .s8-week-toolbar{align-items:flex-start!important;flex-direction:column!important}
 .s8-target-pro .s8-week-toolbar-actions{width:100%!important}
 .s8-target-pro .s8-week-action{flex:1!important;justify-content:center!important}
}


/* V210 - Telegram Bot/QC verification flow */
.s8-badge.telegram-qc{background:#fff4cc!important;color:#8a6500!important;border:1px solid #f1d36a!important;box-shadow:none!important}
.s8-telegram-qc-note{display:flex;flex-direction:column;gap:5px;margin:14px 0;padding:14px 16px;border:1px solid #efd16b;border-radius:15px;background:linear-gradient(135deg,#fff9df,#fffdf4);color:#6d5500}
.s8-telegram-qc-note b{font-size:15px}.s8-telegram-qc-note span{font-size:14px;line-height:1.55}.s8-telegram-qc-note small{padding-top:7px;border-top:1px dashed #e6ce78;color:#806d25;line-height:1.45}


/* V214 - Audit Manager premium authority */
.s8-audit-banner{border:1px solid #c7dfd6!important;background:linear-gradient(135deg,#052f28 0%,#086e57 58%,#11aa7d 100%)!important;color:#fff!important;box-shadow:0 18px 50px rgba(3,75,59,.22)!important}
.s8-audit-banner span{color:#8ff0cb!important}.s8-audit-banner b{color:#fff!important;font-size:24px!important}.s8-audit-banner small{color:rgba(255,255,255,.78)!important}.s8-audit-banner a{background:#fff!important;color:#06634f!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}
.s8-audit-authority{display:grid;gap:4px;padding:13px 15px;border-radius:14px;border:1px solid #bfe5d8;background:linear-gradient(135deg,#edfdf7,#f7fffc);color:#075f4c}.s8-audit-authority b{font-size:12px;letter-spacing:.1em}.s8-audit-authority span{font-size:12px;line-height:1.45;color:#496f65}
.s8-role-badge.auditor{background:linear-gradient(135deg,#e5fff5,#dff3ff)!important;color:#08664f!important;border:1px solid #bde7d8!important}
.s8-app.s8-admin-app .s8-side nav a[href*="thanh-toan-nhan-su"]{position:relative}.s8-app.s8-admin-app .s8-side nav a[href*="thanh-toan-nhan-su"]:after{content:"QUYỀN CAO";margin-left:auto;font-size:8px;letter-spacing:.06em;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.14);color:#bff5df}
.s8-payment-action form[enctype="multipart/form-data"]{padding:14px;border:1px solid #d5ebe3;border-radius:15px;background:#f8fdfb}.s8-payment-action form[enctype="multipart/form-data"] button{min-height:46px;border-radius:12px;background:linear-gradient(135deg,#078965,#18bf88);box-shadow:0 10px 24px rgba(8,137,101,.2)}

/* V233 - Telegram income visibility */
.s8-v233-telegram-income-notice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:14px 18px;border-radius:16px;border:1px solid #bfead9;background:linear-gradient(135deg,#eafff6,#f7fffb);color:#0b5f49;box-shadow:0 10px 26px rgba(10,120,86,.08)}
.s8-v233-telegram-income-notice b{font-size:15px}.s8-v233-telegram-income-notice span{flex:1;min-width:240px;color:#416d61}.s8-v233-telegram-income-notice strong{color:#078b62}.s8-v233-telegram-income-notice a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:11px;background:#0aa875;color:#fff;text-decoration:none;font-weight:800}
@media(max-width:680px){.s8-v233-telegram-income-notice{align-items:flex-start;flex-direction:column}.s8-v233-telegram-income-notice span{min-width:0}.s8-v233-telegram-income-notice a{width:100%}}


/* =========================================================
 * V282 - Anti-fraud + round-robin task content UI
 * ========================================================= */
.s8-v282-rotation-panel{margin:14px 0;padding:16px;border:1px solid #d6ebe4;border-radius:18px;background:linear-gradient(180deg,#f8fdfb,#eff9f5);box-shadow:0 8px 24px rgba(7,83,65,.05)}
.s8-v282-rotation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.s8-v282-rotation-head span{font-size:10px;font-weight:900;letter-spacing:.09em;color:#0a765b}.s8-v282-rotation-head b{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:6px 10px;border-radius:999px;background:#dff5ec;color:#08785c;font-size:12px}.s8-v282-rotation-panel>p{margin:0 0 12px;color:#627b74;font-size:12px;line-height:1.55}.s8-v282-issued-comment{min-height:62px;padding:13px 14px;border:1px dashed #b8dbcf;border-radius:14px;background:#fff;color:#6f8680;display:flex;flex-direction:column;justify-content:center;gap:6px}.s8-v282-issued-comment small{font-size:10px;font-weight:800;color:#0d8d69}.s8-v282-issued-comment strong{font-size:13px;line-height:1.55;color:#173f36;white-space:pre-wrap}.s8-v282-issued-comment em{font-style:normal;font-size:12px;font-weight:700;color:#c23b49}.s8-v282-next-comment-btn{border:0;border-radius:12px;padding:11px 15px;background:linear-gradient(135deg,#08785c,#10a879);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(8,120,92,.17)}.s8-v282-next-comment-btn:hover{transform:translateY(-1px)}.s8-v282-next-comment-btn:disabled{opacity:.58;cursor:wait;transform:none}
@media(max-width:640px){.s8-v282-rotation-panel{padding:13px}.s8-v282-next-comment-btn{width:100%}}


/* V283 - published comment verifier stabilization
 * Facebook/TikTok/Instagram/Threads canonical URL + DOM detector compatibility. */


/* V285 - exact verified comment permalink */
.s8-v285-link-stack{display:flex;flex-direction:column;gap:7px;margin:10px 0 8px}.s8-v285-link-stack>small{font-size:11px;font-weight:800;color:#66877e;text-transform:uppercase;letter-spacing:.04em}.s8-v285-comment-link{display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 11px;border:1px solid #ccebe1;border-radius:11px;background:#f1fbf7;color:#08785c;text-decoration:none;overflow:hidden}.s8-v285-comment-link:hover{border-color:#64c9aa;background:#e8f8f2}.s8-v285-comment-link b{flex:0 0 auto;font-size:12px}.s8-v285-comment-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#406c61;font-size:11px}.s8-v285-comment-link-missing{padding:7px 10px;border-radius:9px;background:#fff8e8;color:#9a7015!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important}
@media(max-width:760px){.s8-v285-comment-link{align-items:flex-start;flex-direction:column;gap:3px}.s8-v285-comment-link span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}

/* V308 QC operations: restrained enterprise styling */
.s8-v308{padding:12px 0 36px;color:#153d33}.s8-v308 header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.s8-v308 header h1{font-size:27px;margin:5px 0 7px;line-height:1.2}.s8-v308 header small{color:#078765;font-weight:800;letter-spacing:.09em}.s8-v308 header p{color:#668079;max-width:680px;line-height:1.55;margin:0}.s8-v308-link,.s8-v308 button{display:inline-flex;background:#087b60;border:0;color:white!important;padding:11px 18px;border-radius:10px;text-decoration:none;font-weight:750;cursor:pointer}.s8-v308-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}.s8-v308-stats>div{background:white;border:1px solid #dce9e3;border-radius:13px;padding:18px;display:grid;gap:8px}.s8-v308-stats b{font-size:25px}.s8-v308-stats small,.s8-v308-table small,.s8-v308-report small{color:#74877f}.s8-v308-panel,.s8-v308-report{background:#fff;border:1px solid #dce9e3;border-radius:15px;padding:20px;margin-bottom:14px}.s8-v308-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.s8-v308-toolbar input,.s8-v308 select,.s8-v308-review input{padding:10px;border-radius:9px;border:1px solid #cfdfd8;min-height:40px;background:white;color:#164f40}.s8-v308-toolbar input{width:300px}.s8-v308-scroll{overflow:auto}.s8-v308-table{width:100%;border-collapse:collapse;min-width:700px}.s8-v308-table th{text-align:left;background:#f4f9f7;color:#47675d;font-size:13px}.s8-v308-table th,.s8-v308-table td{padding:13px;border-bottom:1px solid #e6eee9}.s8-v308-table td:first-child b,.s8-v308-table td:first-child small,.s8-v308-report small{display:block}.s8-v308-assign{display:flex;align-items:center;gap:8px}.s8-v308 select{width:100%;max-width:310px}.s8-v308-help{font-size:13px;color:#667c72;line-height:1.6;margin:16px 0 0}.s8-v308-ok{padding:12px 16px;background:#e7f8ef;color:#076c50;border-radius:9px}.s8-v308-counter{background:#edf9f4;color:#08785c;padding:10px 14px;border-radius:11px;font-weight:800}.s8-v308-report>div{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.s8-v308-report a{color:#08775c}.s8-v308-report blockquote{background:#f6faf8;padding:14px;border-left:3px solid #08936b;margin:12px 0;white-space:pre-wrap}.s8-v308-review{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:13px}.s8-v308-review input{flex:1;min-width:240px}.s8-v308 button.reject{background:#a64b44}.s8-v308-empty{text-align:center;background:#fff;border:1px dashed #c7dcd3;padding:48px 15px;border-radius:14px;color:#68867a}@media(max-width:850px){.s8-v308-stats{grid-template-columns:repeat(2,1fr)}.s8-v308 header{align-items:flex-start;flex-direction:column}.s8-v308-toolbar{flex-direction:column;align-items:stretch}.s8-v308-toolbar input{width:100%;box-sizing:border-box}}

/* V310: human QC checklist */
.s8-v310-checks{display:flex;flex-direction:column;gap:8px;width:100%;padding:13px;margin:10px 0;border:1px solid #b7ddcf;border-radius:12px;background:#f5fbf8;color:#164f42}.s8-v310-checks label{font-size:12px;display:flex;align-items:center;gap:8px}.s8-v310-checks input{accent-color:#0b886b;width:16px;height:16px}.s8-v310-checks b{font-size:13px}


/* V312: refined QC assignment UI */
.s8-v312{padding-top:8px}
.s8-v312-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;border:1px solid #d9e9e1;border-radius:20px;background:linear-gradient(135deg,#f8fcfa 0%,#eff9f3 55%,#eaf6ef 100%);margin:0 0 20px;position:relative;overflow:hidden}
.s8-v312-hero:after{content:'';position:absolute;right:-90px;top:-60px;width:280px;height:180px;background:radial-gradient(circle at center,rgba(32,184,106,.16),rgba(32,184,106,0) 70%);pointer-events:none}
.s8-v312-hero-main{display:flex;align-items:center;gap:18px;position:relative;z-index:1}
.s8-v312-hero-icon,.s8-v312-panel-icon,.s8-v312-stat-icon{display:inline-flex;align-items:center;justify-content:center}
.s8-v312-hero-icon{width:60px;height:60px;border-radius:18px;background:linear-gradient(180deg,#e5f8ec,#d4f2df);font-size:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.s8-v312-breadcrumb{color:#5c756d;font-size:13px;font-weight:600;margin-bottom:6px}.s8-v312-breadcrumb span{padding:0 6px;color:#8aa198}
.s8-v312 h1{font-size:32px;line-height:1.15;margin:0 0 6px;color:#10261f}
.s8-v312 h2{font-size:24px;line-height:1.2;margin:4px 0 8px;color:#163127}
.s8-v312 h3{font-size:18px;margin:0;color:#142d25}
.s8-v312 p{margin:0;color:#5f746c}
.s8-v312-date{position:relative;z-index:1;background:#fff;border:1px solid #d8e6de;border-radius:14px;padding:12px 16px;font-weight:700;color:#26493d;box-shadow:0 10px 25px rgba(17,67,48,.04)}
.s8-v312-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}
.s8-v312-section-head small{color:#0a8f67;font-weight:800;letter-spacing:.08em}
.s8-v312 .s8-v308-link,.s8-v312 .s8-v308 button{background:linear-gradient(180deg,#0fa36f,#0a895d);border-radius:12px;box-shadow:0 10px 24px rgba(13,128,89,.16)}
.s8-v312 .s8-v308-stats{gap:18px;margin-bottom:18px}
.s8-v312 .s8-v312-stat-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:4px;align-items:center;padding:18px 20px;background:linear-gradient(180deg,#ffffff,#f9fcfa);border:1px solid #d9e8e0;border-radius:16px;box-shadow:0 8px 18px rgba(17,67,48,.04)}
.s8-v312 .s8-v312-stat-card:after{content:'';position:absolute;right:-18px;bottom:-22px;width:160px;height:70px;background:radial-gradient(ellipse at center,rgba(34,190,113,.12),rgba(34,190,113,0) 70%)}
.s8-v312 .s8-v312-stat-card.warn:after{background:radial-gradient(ellipse at center,rgba(239,176,34,.18),rgba(239,176,34,0) 70%)}
.s8-v312 .s8-v312-stat-icon{grid-row:span 2;width:54px;height:54px;border-radius:14px;background:#ecf8f1;font-size:24px}
.s8-v312 .s8-v312-stat-card.warn .s8-v312-stat-icon{background:#fff5e3}
.s8-v312 .s8-v308-stats small{font-size:14px;color:#4d695f}
.s8-v312 .s8-v308-stats b{font-size:24px;color:#0f2a21}
.s8-v312 .s8-v308-panel,.s8-v312 .s8-v308-report{border-radius:18px;border-color:#d8e8e0;box-shadow:0 12px 28px rgba(17,67,48,.05)}
.s8-v312-panel-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.s8-v312-panel-icon{width:44px;height:44px;border-radius:12px;background:#edf8f1;color:#158359;font-size:22px}
.s8-v312 .s8-v308-toolbar{margin-bottom:16px}.s8-v312 .s8-v308-toolbar input{width:min(420px,100%);padding:13px 16px;border-radius:14px;background:#fbfefd;border-color:#d3e3db;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.s8-v312 .s8-v308-table{min-width:760px}.s8-v312 .s8-v308-table th{background:#eef7f2;color:#35564a;font-size:14px;font-weight:700}
.s8-v312 .s8-v308-table th,.s8-v312 .s8-v308-table td{padding:16px 18px}
.s8-v312 .s8-v308-table tbody tr:hover{background:#fbfefd}
.s8-v312 .s8-v308-table td:first-child b{font-size:15px;color:#132b23;margin-bottom:4px}
.s8-v312 .s8-v308-table td:first-child small{font-size:12px}
.s8-v312 .s8-v308-assign{gap:10px;flex-wrap:wrap}
.s8-v312 .s8-v308 select,.s8-v312 .s8-v308-review input{border-radius:12px;padding:11px 14px;border-color:#d1e0d8;background:#fff}
.s8-v312-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:#edf8f1;color:#0f8a61;font-size:14px;font-weight:800}
.s8-v312-empty{text-align:center;padding:46px 24px;display:grid;justify-items:center;gap:10px;color:#5f756c}.s8-v312-empty-icon{width:68px;height:68px;border-radius:20px;background:#edf8f1;display:flex;align-items:center;justify-content:center;font-size:34px}.s8-v312-empty h4{margin:0;font-size:18px;color:#132920}.s8-v312-empty p{max-width:760px;line-height:1.6}
.s8-v312 .s8-v308-help{margin-top:16px;padding:12px 14px;background:#f8fcfa;border:1px dashed #d5e4dc;border-radius:12px}
.s8-v312 .s8-v308-counter{border-radius:999px;padding:12px 16px;background:#edf9f4;color:#0a7f5a;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.s8-v312 .s8-v308-report>div b{font-size:16px;color:#102821}
.s8-v312 .s8-v308-report p{line-height:1.6}
.s8-v312 .s8-v308-report blockquote{border-radius:12px;border-left-width:4px;background:#f6fbf8}
.s8-v312 .s8-v308-review{margin-top:16px}
.s8-v312 .s8-v308 button.reject{background:linear-gradient(180deg,#c05a53,#a64b44)}
@media(max-width:1000px){.s8-v312-hero,.s8-v312-section-head{flex-direction:column;align-items:flex-start}.s8-v312 .s8-v308-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.s8-v312-hero{padding:18px}.s8-v312-hero-main{align-items:flex-start}.s8-v312 h1{font-size:26px}.s8-v312 h2{font-size:22px}.s8-v312 .s8-v308-stats{grid-template-columns:1fr}.s8-v312 .s8-v308-toolbar{flex-direction:column;align-items:stretch}.s8-v312 .s8-v308-toolbar .s8-v308-link{width:100%;justify-content:center}.s8-v312 .s8-v308-assign button,.s8-v312 .s8-v308-assign select{width:100%;max-width:none}}

/* V313: QC UI stronger scoping and responsive containment */
.s8-v312, .s8-v312 * {box-sizing:border-box}
.s8-v312 .s8-v312-hero {display:flex!important;align-items:center!important}
.s8-v312 .s8-v312-hero-main {display:flex!important}
.s8-v312 .s8-v308-stats {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.s8-v312 .s8-v312-stat-card {display:grid!important}
.s8-v312 .s8-v308-panel {background:#fff!important}
.s8-v312 .s8-v308-table {width:100%!important;border-collapse:collapse!important}
.s8-v312 .s8-v308-table thead {display:table-header-group!important}
.s8-v312 .s8-v308-table td,.s8-v312 .s8-v308-table th {display:table-cell!important}
@media(max-width:1050px){.s8-v312 .s8-v308-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:740px){.s8-v312 .s8-v312-hero{flex-direction:column!important;align-items:flex-start!important}.s8-v312 .s8-v308-stats{grid-template-columns:1fr!important}}

/* V317: clear feedback for social account registration */
.s8-v317-feedback{padding:15px 18px;margin:0 0 16px;border-radius:12px;background:#ecfdf4;color:#08724e;border:1px solid #b3e6cc;font-weight:700;line-height:1.65}.s8-v317-feedback.danger,.s8-v317-feedback.warning{background:#fff4e8;color:#8c4617;border-color:#efcc9e}.s8-v317-guide{display:grid;gap:7px;padding:17px 19px;margin:0 0 18px;background:#f2faf6;border:1px solid #d1eadd;border-radius:13px;color:#315e4b}.s8-v317-guide strong{font-size:16px;color:#0a5c42}.s8-v317-guide span{font-size:13px;line-height:1.7}

/* V318 account save guidance */
.s8-v318-save-hint{padding:13px 16px;margin:12px 0 16px;border:1px solid #bce4d2;background:#f0fbf5;border-radius:12px;color:#13513e;line-height:1.65;font-size:13px}.s8-v318-save-hint strong{color:#07583f}.s8-v318-save-hint code{background:#e3f5eb;padding:2px 5px;border-radius:4px;white-space:normal;overflow-wrap:anywhere}


/* V319: inline account registration for empty FB/Youtube lists */
#s8-social-accounts-section{scroll-margin-top:28px}
.s8-v319-empty-account{padding:22px;display:grid;gap:9px;justify-items:center;text-align:center;background:#f7fbf9;border:1px dashed #cce3d8;border-radius:14px;color:#244f40}
.s8-v319-empty-account strong{font-size:15px;color:#13392b}
.s8-v319-empty-account p{margin:0;max-width:550px;color:#637e73;line-height:1.55;font-size:13px}
.s8-v319-empty-graphic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ddf5e8;color:#0b8b63;font-size:26px;font-weight:700}
.s8-v319-inline-add{width:min(620px,100%);display:grid;gap:8px;margin-top:8px;text-align:left}
.s8-v319-inline-add label{font-weight:750;font-size:13px;color:#1d5c47}
.s8-v319-inline-fields{display:flex;align-items:stretch;gap:9px}
.s8-v319-inline-fields input{min-width:0;flex:1;border:1px solid #bbdacb;border-radius:11px;padding:12px 13px;background:white;color:#193a2e;font-size:13px}
.s8-v319-inline-fields button{white-space:nowrap;border:0;background:#0a966b;color:#fff;border-radius:11px;padding:10px 18px;font-weight:800;cursor:pointer}
.s8-v319-inline-add small{color:#6c8077;line-height:1.5}
.s8-v319-add-link{font-weight:700;color:#07865f}
.s8-v319-resume{background:#eaf8ef;border:1px solid #b9e6cf;border-radius:12px;padding:12px 14px;margin:12px 18px;color:#176449;font-weight:700}
@media(max-width:620px){.s8-v319-inline-fields{flex-direction:column}.s8-v319-inline-fields button{width:100%;min-height:44px}}

/* V320 inline account registration and persistent result receipt */
.s8-v320-version{display:inline-block;margin:12px 0;padding:7px 12px;background:#e6f7ed;border:1px solid #aaddc4;border-radius:10px;font-weight:800;color:#076b4c;font-size:12px}
.s8-v320-receipt{margin:12px 0;padding:16px 18px;border-radius:14px;border:1px solid #b2dfc8;background:#e8fbf0;color:#075e43;line-height:1.5}.s8-v320-receipt.error{border-color:#e9b5b4;background:#fff2f1;color:#8d252b}.s8-v320-receipt p{margin:5px 0 8px;font-size:14px}.s8-v320-receipt small{display:block;font-size:11px;opacity:.8}
.s8-v320-inline-hint{display:block;font-size:13px;color:#50796b;margin:6px 0 12px}
.s8-v319-inline-add{display:block!important;max-width:700px;width:100%;margin:16px auto 8px!important;padding:16px!important;background:#fff!important;border:1px solid #c7e3d8!important;border-radius:14px!important;opacity:1!important;visibility:visible!important}.s8-v319-inline-add label{font-weight:800;color:#104939}.s8-v319-inline-fields{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}.s8-v319-inline-fields input{flex:1 1 280px;width:100%;min-height:44px;border:1px solid #b7d8ca;border-radius:10px;padding:10px}.s8-v319-inline-fields button{display:inline-flex!important;background:#079a68!important;color:#fff!important;border-radius:10px!important;min-height:44px;padding:10px 16px!important;cursor:pointer}

/* V323: account reconciliation */
.s8-v323{max-width:1160px;margin:12px auto 35px;color:#143e32}.s8-v323-head,.s8-v323-search,.s8-v323-card{background:#fff;border:1px solid #d7e8df;border-radius:18px;padding:24px;margin-bottom:16px;box-shadow:0 8px 24px rgba(7,65,46,.04)}.s8-v323 h1{margin:6px 0;font-size:28px}.s8-v323 small{color:#087c59;font-weight:750}.s8-v323 p,.s8-v323 span{color:#607c70}.s8-v323-search{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.s8-v323-search label{flex:1 1 100%;font-weight:700}.s8-v323-search input{flex:1;min-width:220px}.s8-v323 input:not([type=checkbox]),.s8-v323 textarea,.s8-v323 select{border:1px solid #cfe0d7;border-radius:11px;padding:12px;background:#fff;box-sizing:border-box}.s8-v323 button{border:0;border-radius:11px;padding:12px 17px;background:#078c60;color:#fff;font-weight:750;cursor:pointer}.s8-v323-card{display:grid;gap:16px}.s8-v323-row b,.s8-v323-row span{display:block;margin-top:7px;overflow-wrap:anywhere}.s8-v323-transfer{display:grid;gap:12px;grid-template-columns:1fr 1fr}.s8-v323-transfer label{display:grid;gap:6px;font-weight:700}.s8-v323-transfer textarea{min-height:80px}.s8-v323-transfer .s8-v323-check{grid-column:1/-1;display:flex;align-items:flex-start;font-weight:500}.s8-v323-transfer button{justify-self:start}.s8-v323-foot{font-size:13px;line-height:1.6}.s8-v323-ok{padding:13px 18px;background:#e8f9ef;border-radius:12px;color:#087c59!important}.s8-v323-empty{padding:22px;border:1px dashed #cfe0d7;border-radius:14px;background:#fff}@media(max-width:740px){.s8-v323-transfer{grid-template-columns:1fr}.s8-v323-head,.s8-v323-search,.s8-v323-card{padding:16px}}

/* V324 social-account ownership warning */
.s8-v324-conflict{margin:14px 0;padding:17px 19px;border:1px solid #f0c5a5;background:#fff8f2;border-radius:14px;color:#7b3b19;line-height:1.55}.s8-v324-conflict strong{display:block;margin-bottom:6px;font-size:15px}.s8-v324-conflict p{margin:0 0 8px}.s8-v324-conflict span{display:block;font-size:12px;overflow-wrap:anywhere;color:#835e4a}
