.audience-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 7px 11px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 700;
}
.audience-badge.inside { background: #e7f8f3; color: #08705d; }
.audience-badge.outside { background: #edf3ff; color: #254f9c; }
.status-mini.is-active { border-color: #079a8b; background: #effbf9; box-shadow: 0 0 0 3px #079a8b1c,0 10px 24px #1435650d; }
.active-filter-alert { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 16px 0 20px; padding: 15px 17px; border: 1px solid #f3c66d; border-radius: 14px; background: #fffaf0; box-shadow: 0 8px 24px #9a67000d; }
.active-filter-message { display: flex; align-items: center; gap: 11px; min-width: 0; }.active-filter-message strong { display: block; color: #7a4700; }.active-filter-message small { margin-top: 2px; color: #805b24; }
.filter-live-dot { width: 11px; height: 11px; flex: 0 0 11px; border-radius: 50%; background: #e89b17; box-shadow: 0 0 0 4px #e89b1720; }
.active-filter-side { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }.active-filter-chips { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }.active-filter-chips span { padding: 4px 9px; border-radius: 999px; background: #fff0cc; color: #805100; font-size: 12px; font-weight: 700; }
.clear-active-filters { display: inline-flex; align-items: center; justify-content: center; min-width: 138px; min-height: 42px; padding: 9px 15px; border-radius: 10px; background: #14804a; color: #fff; font-weight: 800; white-space: nowrap; animation:clear-filter-guide 1.15s ease-in-out infinite; }.clear-active-filters:hover { background: #0f693c; }.clear-active-filters:focus-visible { outline: 3px solid #14804a55; outline-offset: 2px; }
@keyframes clear-filter-guide { 0%,100% { box-shadow: 0 0 0 0 #14804a00; transform: scale(1); } 50% { box-shadow: 0 0 0 7px #14804a32; transform: scale(1.025); } }
.jobs-table { table-layout: fixed; }
.jobs-table th, .jobs-table td { width: auto; vertical-align: middle; }
.admin-jobs-table .col-freelancer { width: 16%; }.admin-jobs-table .col-work { width: 30%; }.admin-jobs-table .col-compact { width: 13.5%; }
.freelancer-jobs-table .col-work { width: 40%; }.freelancer-jobs-table .col-compact { width: 15%; }
.user-jobs-table .col-work { width: 55%; }.user-jobs-table .col-compact { width: 22.5%; }
.jobs-table th, .jobs-table td { overflow: hidden; text-overflow: ellipsis; }
.jobs-table td[data-label="الحالة"] .badge, .jobs-table td:last-child .badge { width: 100%; max-width: 132px; min-height: 30px; justify-content: center; text-align: center; white-space: nowrap; }
.badge::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: currentColor; }
.badge.pending::before { animation: status-pulse 2.2s ease-in-out infinite; }
.badge.partially_paid::before { box-shadow: 0 0 0 3px #b5470818; }
@keyframes status-pulse { 0%,100% { opacity: .5; box-shadow: 0 0 0 0 currentColor; } 50% { opacity: 1; box-shadow: 0 0 0 4px transparent; } }
@media(prefers-reduced-motion:reduce){.badge.pending::before{animation:none;opacity:1;box-shadow:0 0 0 3px #175cd31a}}
.job-list-title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.job-detail-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 24px; }
.job-detail-title { min-width: 0; }
.job-detail-title h1 { overflow-wrap: anywhere; }
.job-detail-status { display: grid; gap: 7px; min-width: 158px; padding: 13px 15px; border: 1px solid #dfe5ee; border-radius: 13px; background: #fff; box-shadow: 0 7px 20px #1435650a; }
.job-detail-status small { font-size: 12px; font-weight: 700; }
.job-detail-status .badge { width: 100%; min-height: 32px; justify-content: center; text-align: center; white-space: nowrap; }
.detail-grid > .panel > a[target="_blank"] { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; padding: 9px 14px; border: 1px solid #9ce4dc; border-radius: 999px; background: #e8faf7; color: #087f76; font-weight: 800; box-shadow: 0 5px 16px #079a8b12; transition: background-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.detail-grid > .panel > a[target="_blank"]::before { content: "↗"; display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #079a8b; color: #fff; font-size: 12px; }
.detail-grid > .panel > a[target="_blank"]:hover { background: #d8f6f1; transform: translateY(-1px); box-shadow: 0 7px 20px #079a8b1f; }
.detail-grid > .panel > a[target="_blank"]:focus-visible { outline: 3px solid #08a7a644; outline-offset: 2px; }
.dialog-head { align-items: center; gap: 16px; margin-bottom: 18px; }
.dialog-head > [data-close] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 94px; min-height: 40px; padding: 7px 13px; border: 1px solid #f4b8b3; border-radius: 999px; background: #fff1f0; color: #a52218; font-size: 21px; line-height: 1; box-shadow: 0 5px 15px #b4231814; transition: background-color .18s ease, transform .18s ease; }
.dialog-head > [data-close]::after { content: "إغلاق"; font-size: 14px; font-weight: 800; }
.dialog-head > [data-close]:hover { background: #ffe3e0; transform: translateY(-1px); }
.dialog-head > [data-close]:focus-visible { outline: 3px solid #f0443840; outline-offset: 2px; }
.settings-panel { max-width: 960px; margin: 0 auto 32px; padding: 0; overflow: hidden; }
.settings-form { display: grid; }
.settings-section { display: grid; grid-template-columns: 250px 1fr; gap: 30px; padding: 28px 30px; }
.settings-section + .settings-section { border-top: 1px solid #dfe5ee; }
.settings-section-title { display: flex; align-items: flex-start; gap: 12px; }
.settings-section-title > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 9px; background: #e8f7f5; color: #087f79; font-size: 12px; font-weight: 700; }
.settings-section-title h2 { margin: 1px 0 4px; font-size: 18px; }
.settings-section-title p { margin: 0; color: #69758a; font-size: 13px; }
.settings-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.settings-fields > label { display: grid; gap: 6px; font-weight: 700; }
.settings-wide { grid-column: 1 / -1; }
.settings-actions { display: flex; justify-content: flex-end; padding: 20px 30px; background: #f8fafc; border-top: 1px solid #dfe5ee; }
.settings-actions button { min-width: 180px; }
.settings-section-title.standalone{padding:24px 28px 18px}.maintenance-form{padding:0 28px 26px}.danger-zone{border-color:#f4c7c3}.danger-zone .settings-section-title>span{background:#fff0ef;color:#b42318}.danger-zone-body{padding:0 28px 28px}.danger-zone-body .maintenance-form{padding:0}.danger-zone-body h3{margin:10px 0 0}.reset-system-button{background:#b42318;color:#fff;border-color:#b42318;animation:reset-warning 1.5s ease-in-out infinite}@keyframes reset-warning{50%{box-shadow:0 0 0 6px #b4231820}}@media(prefers-reduced-motion:reduce){.reset-system-button{animation:none}}
.notice-toggle { display: flex !important; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #dfe5ee; border-radius: 11px; background: #f8fafc; }
.notice-toggle input { width: 18px; height: 18px; margin: 0; }
.notice-color-options { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; border: 0; }
.notice-color-options legend { margin-bottom: 8px; font-weight: 700; }
.notice-color { position: relative; display: inline-flex; align-items: center; cursor: pointer; }
.notice-color input { position: absolute; opacity: 0; pointer-events: none; }
.notice-color span { padding: 9px 14px; border: 2px solid transparent; border-radius: 10px; font-weight: 700; }
.notice-color.red span { background: #fff1f0; color: #a52218; }.notice-color.green span { background: #eefbf3; color: #16713a; }.notice-color.blue span { background: #eef6ff; color: #1d5f9f; }
.notice-color input:checked + span { border-color: currentColor; box-shadow: 0 0 0 3px #10213d0a; }
.notice-color input:focus-visible + span { outline: 3px solid #08a7a644; outline-offset: 2px; }

@media (max-width: 800px) {
    .settings-section { grid-template-columns: 1fr; gap: 20px; padding: 24px; }
}

@media (max-width: 600px) {
    .settings-heading { align-items: stretch; }
    .settings-heading .button { width: 100%; text-align: center; }
    .settings-panel { border-radius: 14px; }
    .settings-section { padding: 20px 16px; }
    .settings-fields { grid-template-columns: 1fr; gap: 15px; }
    .settings-wide { grid-column: auto; }
    .settings-actions { padding: 16px; }
    .settings-actions button { width: 100%; }
    .settings-section-title.standalone{padding:20px 16px 16px}.maintenance-form,.danger-zone-body{padding:0 16px 20px}.danger-zone-body .maintenance-form{padding:0}.maintenance-form .actions button{width:100%}
    .notice-color-options { display: grid; grid-template-columns: 1fr; }.notice-color span { width: 100%; text-align: center; }
}
.two-factor-setup { display: grid; grid-template-columns: 300px 1fr; gap: 30px; align-items: start; }
.qr-card { display: grid; gap: 10px; justify-items: center; padding: 14px; background: #fff; border: 1px solid #dfe5ee; border-radius: 16px; text-align: center; }
.qr-card img { width: min(280px, 100%); height: auto; aspect-ratio: 1; }
.manual-key { margin: 18px 0; }
.manual-key summary { cursor: pointer; color: #0d2854; font-weight: 700; }
@media (max-width: 700px) { .two-factor-setup { grid-template-columns: 1fr; } .qr-card { max-width: 320px; margin: auto; } }
.navigable-row{cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.navigable-row:hover{background:#f7fbfc}.navigable-row:focus-visible{outline:3px solid #08a7a655;outline-offset:-3px;background:#f7fbfc}
.page-actions{display:flex;justify-content:flex-end;margin:0 0 18px}
.page-actions{gap:10px;flex-wrap:wrap}.error-log-panel{padding:24px}.error-log-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.error-log-toolbar .button small{color:inherit}.error-log-content{max-height:65vh;overflow:auto;margin:0;padding:18px;border-radius:12px;background:#101828;color:#d0d5dd;font:12px/1.75 Consolas,monospace;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.page-actions .primary{width:100%}}
.admin-back-bar{display:flex;justify-content:flex-start;margin:0 0 18px}.admin-back-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid #9ce4dc;border-radius:999px;background:#e8faf7;color:#087f76;font-weight:800;box-shadow:0 5px 16px #079a8b14;transition:background-color .18s ease,transform .18s ease}.admin-back-badge:hover{background:#d5f6f1;transform:translateX(2px)}.admin-back-badge:focus-visible{outline:3px solid #08a7a644;outline-offset:2px}
@media(max-width:700px){.admin-back-bar{margin-bottom:14px}.admin-back-badge{padding:8px 13px;font-size:14px}}
@media(max-width:700px){.table-card:has(.navigable-row){overflow:visible;border:0;background:transparent;box-shadow:none}.table-card tbody:has(>.navigable-row){display:grid;gap:12px}.table-card .navigable-row{padding:10px 6px;border:1px solid #e1e8ef;border-radius:14px;background:#fff;box-shadow:0 6px 18px #1435650a}.table-card .navigable-row:nth-child(even){background:#f3faf9;border-color:#d7eeeb}.table-card .navigable-row:hover,.table-card .navigable-row:focus-visible{background:#eaf7f5}.table-card .navigable-row td:last-child{padding-bottom:10px}}
@media(max-width:700px){.jobs-table{table-layout:auto}.jobs-table col{width:auto!important}.jobs-table td[data-label="الحالة"] .badge,.jobs-table td:last-child .badge{width:132px;flex:0 0 132px}}
@media(max-width:700px){.table-card .navigable-row{width:100%;max-width:100%;min-width:0;overflow:hidden}.jobs-table .navigable-row td{min-width:0;max-width:100%}.jobs-table td[data-label="العمل"]{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start}.jobs-table td[data-label="العمل"]::before{grid-column:1;grid-row:1/span 2}.jobs-table td[data-label="العمل"] .job-list-title,.jobs-table td[data-label="العمل"] small{grid-column:2;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:700px){.dialog-head{align-items:flex-start;margin-bottom:14px}.dialog-head h2{font-size:20px;margin-top:6px}.dialog-head>[data-close]{min-width:88px;min-height:42px;padding:8px 12px}}
@media(max-width:700px){.job-detail-heading{grid-template-columns:1fr;gap:14px}.job-detail-title h1{font-size:24px;line-height:1.45}.job-detail-status{width:100%;grid-template-columns:auto minmax(140px,1fr);align-items:center}.job-detail-status small{margin:0}.job-detail-status .badge{justify-self:end;max-width:180px}}
@media(max-width:700px){.active-filter-alert{display:grid;gap:13px;padding:14px 13px}.active-filter-side{display:grid;gap:10px}.active-filter-chips{justify-content:flex-start}.clear-active-filters{width:100%}}
@media(prefers-reduced-motion:reduce){.clear-active-filters{animation:none;box-shadow:0 0 0 4px #14804a24}}