:root{--primary:#5A3A32;--primary-2:#6C4036;--secondary:#B85E4E;--accent:#C89F84;--accent-2:#E5CBB1;--cream:#F3E5D6;--bg:#F8F1EA;--surface:#FFFDFC;--surface-2:#FBF4ED;--text:#2F201C;--muted:#8A746A;--border:#E6D2C4;--success:#DDEED6;--warning:#F8EBDD;--danger:#FFE3DF;--shadow:0 18px 50px rgba(90,58,50,.10);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(229,203,177,.45),transparent 34%),linear-gradient(180deg,#FCF8F4 0%,var(--bg) 100%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.is-hidden{display:none!important}.app{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,#FFF8F1 0%,#F2E2D5 100%);border-left:1px solid var(--border);padding:22px 16px;z-index:20}.brand{display:flex;align-items:center;justify-content:center;padding:10px 8px 26px}.brand img{width:160px;height:auto}.nav{display:grid;gap:8px}.nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;color:var(--primary);font-weight:800;transition:.2s}.nav a:hover,.nav a.active{background:linear-gradient(135deg,var(--secondary),var(--primary-2));color:#fff;box-shadow:0 10px 24px rgba(90,58,50,.16)}.icon{width:24px;text-align:center}.main{margin-right:250px;padding:24px;min-height:100vh}.topbar{height:72px;background:rgba(255,253,252,.82);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:22px;display:flex;align-items:center;gap:16px;padding:12px 16px;position:sticky;top:18px;z-index:10;box-shadow:var(--shadow)}.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--border);background:#fff;border-radius:14px}.search{height:46px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:0 14px;flex:1;max-width:520px}.search input{border:0;outline:0;background:transparent;width:100%;color:var(--text)}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.icon-btn{width:44px;height:44px;border:1px solid var(--border);background:#fff;border-radius:14px;cursor:pointer}.view{display:none;padding:26px 0}.view.active{display:block}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:14px 0 22px}.page-title h1{font-size:34px;line-height:1.1;margin:0 0 8px;font-weight:900}.page-title p{margin:0;color:var(--muted);font-weight:600}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:15px;padding:12px 18px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--secondary),var(--primary-2));color:#fff;box-shadow:0 12px 30px rgba(90,58,50,.18)}.btn-light{background:#fff;color:var(--primary);border:1px solid var(--border)}.btn.full{width:100%}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,1fr)}.layout-2{grid-template-columns:1.4fr .8fr}.card{background:rgba(255,253,252,.88);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card h2{margin:0 0 14px;font-size:22px}.stat{display:flex;align-items:center;justify-content:space-between}.stat p{margin:0 0 8px;color:var(--muted);font-weight:700}.num{font-size:32px;font-weight:900}.stat-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--warning);color:var(--primary);font-size:24px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.card-title h2{margin:0}.chart-placeholder,.empty-state{min-height:150px;border:1px dashed var(--border);border-radius:18px;display:grid;place-items:center;text-align:center;color:var(--muted);font-weight:700;background:rgba(255,255,255,.45);padding:18px}.mt{margin-top:16px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.control,.select,.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:15px;background:#fff;color:var(--text);outline:none;padding:12px 14px}.field{display:grid;gap:8px;font-weight:800}.field span{color:var(--text)}.field textarea{resize:vertical;min-height:94px}.form{display:grid;gap:14px}.form-message{min-height:22px;color:var(--secondary);font-weight:800;margin:0}.kanban{grid-template-columns:repeat(3,1fr)}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 24% 18%,rgba(229,203,177,.54),transparent 30%),linear-gradient(135deg,#F7EFE7,#EEDDCB)}.login-card{width:min(980px,100%);min-height:620px;border:1px solid var(--border);border-radius:32px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:rgba(255,250,246,.78);box-shadow:var(--shadow)}.login-art{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:grid;place-items:center;text-align:center;padding:48px}.login-art h1{font-size:46px;margin:0 0 18px}.login-art p{font-weight:700;margin:0;opacity:.95}.login-form{display:flex;flex-direction:column;justify-content:center;padding:46px;gap:18px;background:linear-gradient(180deg,rgba(255,249,244,.72),rgba(245,230,218,.58))}.login-logo-wrap{display:flex;justify-content:center;align-items:center;margin:0 auto 12px;width:260px}.login-logo-wrap.no-bg{background:transparent;border:0;box-shadow:none}.login-logo-wrap img{width:240px;height:auto}.login-form h2{font-size:38px;margin:0}.eyebrow{color:var(--secondary);font-weight:900;letter-spacing:.04em}.mobile-overlay{display:none}.campaign-builder-head{align-items:center}.campaign-builder.stacked{display:grid;gap:18px}.request-panel{padding:0;overflow:hidden}.request-top{position:static}.panel-title{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900;text-align:center;padding:18px;border-radius:var(--radius) var(--radius) 0 0}.request-grid{padding:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.request-grid .field-wide{grid-column:span 2}.request-grid .field textarea{min-height:72px}.builder-workspace{display:grid;gap:18px}.campaign-section-card{padding:20px}.section-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.section-toolbar h2{margin:0 0 5px;font-size:22px}.section-toolbar p{margin:0;color:var(--muted);font-weight:500}.small-toolbar h2{font-size:18px}.campaign-table-wrap,.mini-table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.72)}.campaign-matrix,.mini-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1120px}.campaign-matrix th,.campaign-matrix td,.mini-table th,.mini-table td{border-bottom:1px solid var(--border);border-left:1px solid var(--border);padding:10px;vertical-align:middle;text-align:center}.campaign-matrix th:last-child,.campaign-matrix td:last-child,.mini-table th:last-child,.mini-table td:last-child{border-left:0}.campaign-matrix thead th,.mini-table thead th{background:#EFE1D4;color:var(--text);font-weight:900;white-space:nowrap}.campaign-matrix th.wide{min-width:210px}.campaign-matrix input,.campaign-matrix select,.mini-table input,.mini-table select{width:100%;border:1px solid var(--border);border-radius:11px;background:#fff;padding:9px 10px;color:var(--text);outline:none}.campaign-matrix .task-cell{background:#F3D2EC}.delete-row{width:34px;height:34px;border:1px solid #F0CCC6;border-radius:10px;background:#FFF4F2;color:#9D3F32;cursor:pointer}.empty-row td{padding:26px!important;color:var(--muted);background:var(--surface-2);font-weight:700}.builder-bottom{grid-template-columns:1fr 1fr}.mini-table{min-width:620px}.mini-table thead th{background:#F8EBDD}.product-cell{display:grid;gap:8px;text-align:right}.product-output{background:var(--surface-2)!important;font-weight:800}.save-toast{position:fixed;left:24px;bottom:24px;background:var(--primary);color:#fff;border-radius:16px;padding:14px 18px;box-shadow:var(--shadow);z-index:100;font-weight:800;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.save-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}.save-toast .upload-toast-box,.save-toast button{pointer-events:auto}.departments-layout{grid-template-columns:1fr 1fr}.departments-list{display:grid;gap:12px}.department-item{border:1px solid var(--border);background:rgba(255,255,255,.7);border-radius:18px;padding:16px}.department-item h3{margin:0 0 10px;font-size:18px}.chip-list{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--primary);border-radius:999px;padding:9px 12px;font-weight:800}.chip small{color:var(--muted);font-weight:900}.stock-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:1180px){.stats{grid-template-columns:repeat(2,1fr)}.layout-2,.builder-bottom,.departments-layout,.stock-grid{grid-template-columns:1fr}.request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-grid .field-wide{grid-column:span 2}}@media(max-width:780px){.sidebar{transform:translateX(110%);transition:.25s}.sidebar.open{transform:translateX(0)}.mobile-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.2);z-index:15}.main{margin-right:0;padding:16px}.menu-btn{display:grid;place-items:center}.topbar{align-items:stretch;flex-wrap:wrap}.search{order:3;flex-basis:100%;max-width:none}.stats,.kanban,.request-grid{grid-template-columns:1fr}.request-grid .field-wide{grid-column:span 1}.page-head,.card-title,.section-toolbar{flex-direction:column}.login-card{grid-template-columns:1fr}.login-art{min-height:260px}.login-form{padding:32px 24px}.login-logo-wrap{width:220px}.login-logo-wrap img{width:210px}}
.admin-layout{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-lists{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.admin-form-card .form-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.field select[multiple]{min-height:130px;padding:8px}.field select[multiple] option{padding:8px;border-radius:8px}.item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.item-head h3{margin:0}.item-actions{display:flex;gap:8px;flex-wrap:wrap}.mini-btn{border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:10px;padding:7px 10px;font-weight:900;cursor:pointer}.mini-btn.danger{background:#fff4f2;border-color:#f0ccc6;color:#9d3f32}.product-output{min-width:240px}@media(max-width:1180px){.admin-layout,.admin-lists{grid-template-columns:1fr 1fr}}@media(max-width:780px){.admin-layout,.admin-lists{grid-template-columns:1fr}.admin-form-card .form-actions{grid-template-columns:1fr}.item-head{flex-direction:column}.product-output{min-width:180px}}


/* Campaign request form - compact 2/3 rows */
.request-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}
.request-grid .field{grid-column:span 3}
.request-grid .field-wide{grid-column:span 3}
.request-grid .field textarea{min-height:54px;max-height:78px}
.request-grid .field input,.request-grid .field select,.request-grid .field textarea{min-height:50px}
.request-panel.card{border-radius:26px}

/* Stock summary table */
.stock-stats{grid-template-columns:repeat(5,1fr)}
.stat small{display:block;color:var(--muted);font-weight:700;margin-top:4px;font-size:12px}
.stock-title-row p{margin:4px 0 0;color:var(--muted);font-weight:700}
.stock-title-row small{color:var(--accent);font-weight:900;text-transform:lowercase}
.stock-table-card{padding:22px 24px}
.stock-table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:20px;background:#FFF8F1}
.stock-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1080px;text-align:center}
.stock-table th,.stock-table td{padding:14px 12px;border-bottom:1px solid var(--border);border-left:1px solid var(--border);vertical-align:middle;font-weight:800}
.stock-table th:last-child,.stock-table td:last-child{border-left:0}
.stock-table thead th{background:var(--primary);color:#fff;white-space:nowrap}
.stock-table tbody tr:nth-child(even){background:rgba(255,255,255,.42)}
.stock-key{font-weight:900;color:var(--text);line-height:1.6;min-width:260px}
.stock-key small{display:block;color:var(--muted);font-weight:700;font-size:12px}
.stock-count{display:inline-grid;place-items:center;min-width:42px;height:42px;border-radius:999px;background:#EEE5DC;color:var(--text);font-weight:900}
.stock-chip-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-width:150px}
.stock-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;border:1px solid var(--border);background:#FFFDFC;font-size:13px;font-weight:900;white-space:nowrap}
.stock-chip.stock-status{background:#F7E7D9;color:var(--primary)}
.stock-chip small{color:var(--primary);font-weight:900}
@media(max-width:1180px){.stock-stats{grid-template-columns:repeat(2,1fr)}.request-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.request-grid .field,.request-grid .field-wide{grid-column:span 3}}
@media(max-width:780px){.stock-stats{grid-template-columns:1fr}.request-grid{grid-template-columns:1fr}.request-grid .field,.request-grid .field-wide{grid-column:span 1}}


/* Campaign rows updates */
.campaign-matrix select[multiple]{min-height:118px;min-width:150px;padding:8px;text-align:right}
.campaign-matrix select[multiple] option{padding:7px 8px;border-radius:8px;margin:2px 0}
.campaign-list{display:grid;gap:12px}
.campaign-card-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid var(--border);background:rgba(255,255,255,.68);border-radius:18px;padding:16px}
.campaign-card-item h3{margin:0 0 6px;font-size:18px;color:var(--text)}
.campaign-card-item p{margin:0;color:var(--muted);font-weight:800}
.campaign-card-meta{display:grid;gap:8px;justify-items:end;white-space:nowrap}
.campaign-card-meta small{color:var(--muted);font-weight:800}
@media(max-width:780px){.campaign-card-item{flex-direction:column}.campaign-card-meta{justify-items:start}.campaign-matrix select[multiple]{min-width:170px}}


/* Campaign builder refinements */
.builder-bottom-stacked{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}
.campaign-table-wrap{overflow:visible}
.campaign-matrix td{vertical-align:top}
.campaign-matrix select:not([multiple]), .campaign-matrix input{min-width:140px;height:44px}
.multi-dropdown{position:relative;min-width:160px}
.multi-toggle{width:100%;min-height:44px;border:1px solid var(--border);border-radius:14px;background:#fffaf5;color:var(--text);font-family:inherit;font-weight:800;text-align:right;padding:10px 12px;cursor:pointer;white-space:normal;line-height:1.5}
.multi-menu{display:none;position:absolute;z-index:30;top:calc(100% + 8px);right:0;left:0;max-height:240px;overflow:auto;background:#fffaf8;border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 40px rgba(70,35,26,.18);padding:8px;min-width:220px}
.multi-dropdown.open .multi-menu{display:block}
.multi-menu label{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;cursor:pointer;font-weight:700}
.multi-menu label:hover{background:#f3e4d8}
.multi-menu input{accent-color:var(--primary);width:auto;height:auto}
.multi-empty{padding:10px;color:var(--muted);font-weight:700}
.publish-agenda{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.publish-day-card{border:1px solid var(--border);border-radius:18px;background:#fffaf6;padding:14px;display:grid;gap:10px}
.publish-day-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:8px;color:var(--primary)}
.publish-day-head span{font-size:12px;color:var(--muted);direction:ltr}
.budget-items{display:grid;gap:16px}
.budget-item-card{background:#fffaf6;border:1px solid var(--border);border-radius:22px;padding:16px}
.budget-item-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--primary)}
.delete-budget-row{border:0;background:#f4deda;color:#9a3d31;border-radius:12px;width:36px;height:36px;font-size:20px;cursor:pointer}
.budget-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;align-items:end}
.budget-grid .field span{font-size:12px}
.budget-grid input,.budget-grid select{height:46px}
.budget-grand-total{margin-top:14px;border:1px solid var(--border);border-radius:18px;background:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-weight:900;color:var(--primary);box-shadow:0 10px 26px rgba(95,61,47,.08)}
.budget-grand-total strong{font-size:22px;color:var(--ink)}
.budget-total-row td{font-weight:900;background:#fff3ec;color:var(--primary)}
@media (max-width:1200px){.budget-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.budget-grid{grid-template-columns:1fr}.publish-agenda{grid-template-columns:1fr}}

/* Global compact typography and hover sidebar */
html{font-size:14px}
body{font-size:14px;line-height:1.45}
.page-title h1{font-size:28px}.page-title p{font-size:13px}.card{padding:18px}.card h2{font-size:18px}.section-toolbar h2{font-size:18px}.section-toolbar p{font-size:13px}.field{gap:6px;font-size:13px}.control,.select,.field input,.field select,.field textarea{padding:10px 12px;border-radius:13px}.btn{padding:10px 15px;border-radius:13px}.topbar{height:62px}.num{font-size:26px}.campaign-matrix th,.campaign-matrix td,.mini-table th,.mini-table td{padding:8px;font-size:13px}.campaign-matrix select:not([multiple]),.campaign-matrix input,.mini-table input,.mini-table select{height:40px;padding:8px}
@media (min-width:781px){
  .sidebar{width:72px;padding:16px 10px;transition:width .24s ease, box-shadow .24s ease;overflow:hidden}
  .sidebar:hover{width:250px;box-shadow:0 18px 60px rgba(90,58,50,.16)}
  .brand{padding:8px 0 18px;justify-content:center;min-height:62px}
  .brand img{width:46px;max-width:none;transition:width .24s ease}
  .sidebar:hover .brand img{width:160px}
  .nav a{justify-content:center;padding:12px 10px;gap:10px;white-space:nowrap}
  .nav a .icon{flex:0 0 26px;font-size:18px}
  .nav a span:not(.icon){opacity:0;max-width:0;overflow:hidden;transition:opacity .18s ease .06s,max-width .24s ease}
  .sidebar:hover .nav a{justify-content:flex-start;padding:12px 14px}
  .sidebar:hover .nav a span:not(.icon){opacity:1;max-width:160px}
  .main{margin-right:72px;transition:margin-right .24s ease}
}

/* Publish calendar agenda */
.publish-agenda{display:block;border:1px solid var(--border);border-radius:22px;background:#fff;padding:14px;overflow:auto}
.publish-calendar-head{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;margin-bottom:8px;min-width:1050px}
.publish-calendar-head span{background:#F4EADF;color:var(--primary);border-radius:14px;padding:10px;text-align:center;font-weight:900}
.publish-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;min-width:1050px}
.publish-day-card{min-height:168px;border:1px solid var(--border);border-radius:16px;background:#FFFDFC;padding:12px;display:flex;flex-direction:column;gap:7px;align-items:stretch;text-align:right}
.publish-day-empty{background:rgba(250,247,244,.7);border-color:transparent}
.publish-day-head{display:block;border:0;padding:0;color:var(--muted);font-size:12px;font-weight:900}
.publish-day-number{font-size:22px;font-weight:900;color:var(--text);line-height:1}
.publish-day-date{font-size:11px;color:var(--accent);font-weight:800;direction:ltr;text-align:right}
.compact-select,.compact-input{width:100%;border:1px solid var(--border);border-radius:11px;background:#fffaf6;color:var(--text);padding:7px 8px;font-size:12px;font-weight:800;outline:none}
.compact-input{height:34px}
.js-publish-output-select option:disabled{color:#b8a8a0;background:#f3eee9}
@media (max-width:760px){.publish-calendar-head,.publish-calendar-grid{grid-template-columns:repeat(7,minmax(135px,1fr));min-width:945px}.publish-day-card{min-height:156px}}

/* Final compact pass: no horizontal scroll in creative rows + real calendar layout */
html{font-size:12.5px}
body{font-size:12.5px;line-height:1.35}
.main{padding:18px 18px 34px}
.topbar{height:54px;margin-bottom:18px;padding:8px 10px;border-radius:20px}
.page-head{margin-bottom:14px}
.page-title h1{font-size:24px;line-height:1.2}
.page-title p{font-size:12px}.card{padding:14px;border-radius:20px}.card h2,.section-toolbar h2{font-size:16px}.section-toolbar p{font-size:12px}
.btn{padding:8px 12px;border-radius:11px;font-size:12px}.field span{font-size:12px}.field input,.field select,.field textarea,.control,.select{min-height:38px;height:auto;padding:8px 10px;border-radius:11px;font-size:12px}.field textarea{min-height:44px}.request-grid .field input,.request-grid .field select,.request-grid .field textarea{min-height:40px}.request-grid .field textarea{min-height:46px;max-height:58px}

.campaign-table-wrap{width:100%;overflow:visible;border-radius:18px}
.campaign-matrix{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
.campaign-matrix th,.campaign-matrix td{padding:6px 5px;font-size:11.5px;vertical-align:top;white-space:normal}
.campaign-matrix th.wide{width:auto}.campaign-matrix th:last-child{width:36px}.campaign-matrix td:last-child{width:36px}
.campaign-matrix select:not([multiple]),.campaign-matrix input{width:100%;min-width:0;height:36px;padding:6px 8px;font-size:11.5px;border-radius:10px}
.product-output{min-width:0!important;width:100%;font-size:11px}
.multi-dropdown{min-width:0;width:100%}.multi-toggle{min-height:36px;padding:7px 8px;font-size:11.5px;border-radius:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.multi-menu{min-width:190px;max-height:220px}.multi-menu label{font-size:12px;padding:7px 8px}
.delete-row{width:28px;height:28px;border-radius:9px;font-size:16px;padding:0}

.publish-agenda{border:1px solid var(--border);border-radius:20px;background:#fff;padding:12px;overflow:visible}
.publish-calendar-head{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;min-width:0;margin-bottom:6px}
.publish-calendar-head span{border-radius:12px;padding:8px 4px;font-size:12px;background:#F4EADF;color:var(--primary);text-align:center;font-weight:900}
.publish-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;min-width:0}
.publish-day-card{min-height:128px;border:1px solid var(--border);border-radius:14px;background:#FFFDFC;padding:8px;display:flex;flex-direction:column;gap:5px;text-align:right;overflow:hidden}
.publish-day-empty{background:#faf7f4;border-color:transparent;opacity:.75}
.publish-day-head{font-size:10.5px;color:var(--muted);font-weight:900;display:block}
.publish-day-number{font-size:18px;font-weight:900;color:var(--text);line-height:1}
.publish-day-date{font-size:9.5px;color:var(--accent);font-weight:800;direction:ltr;text-align:right}
.compact-select,.compact-input{width:100%;height:30px;min-height:30px;border-radius:9px;padding:5px 6px;font-size:10.5px;font-weight:800;background:#fffaf6}
.compact-input{height:28px}
@media(max-width:1180px){.campaign-matrix th,.campaign-matrix td{font-size:10.5px;padding:5px 4px}.multi-toggle,.campaign-matrix select:not([multiple]),.campaign-matrix input{font-size:10.5px;padding:5px 6px}.publish-day-card{min-height:116px;padding:6px}.publish-calendar-head span{font-size:11px;padding:7px 2px}.compact-select,.compact-input{font-size:10px}}
@media(max-width:900px){.publish-agenda{overflow:auto}.publish-calendar-head,.publish-calendar-grid{min-width:760px;grid-template-columns:repeat(7,minmax(104px,1fr))}.campaign-table-wrap{overflow:auto}.campaign-matrix{min-width:820px}}

/* Creative task unified layout */
html{font-size:11.8px}
body{font-size:11.8px;line-height:1.32}
.page-title h1{font-size:22px}.section-toolbar h2,.card h2{font-size:15px}.section-toolbar p,.page-title p{font-size:11px}.btn{font-size:11px;padding:7px 10px}.field span{font-size:11px}.field input,.field select,.field textarea,.control,.select{font-size:11px;min-height:34px;padding:6px 8px}
.creative-rows-stack{display:grid;gap:10px;width:100%}
.creative-row-card{border:1px solid var(--border);border-radius:16px;background:rgba(255,253,252,.9);padding:10px;display:grid;gap:10px;box-shadow:0 8px 22px rgba(90,58,50,.06)}
.creative-row-head{display:grid;grid-template-columns:minmax(160px,220px) 1fr 30px;gap:8px;align-items:end}
.creative-row-head label,.creative-task-block label{display:grid;gap:4px;font-weight:900;color:var(--text)}
.creative-row-head span,.creative-task-block span{font-size:10.5px;color:var(--primary)}
.creative-row-head select,.creative-row-head input,.creative-task-block select{width:100%;height:32px;border:1px solid var(--border);border-radius:9px;background:#fffaf6;color:var(--text);outline:none;padding:5px 7px;font-size:10.5px;font-weight:800}
.creative-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.creative-task-block{border:1px solid #ead7c8;background:#fff8f2;border-radius:14px;padding:8px;display:grid;grid-template-columns:1fr;gap:6px;min-width:0}
.creative-task-block .js-task-user{height:54px;min-height:54px;padding:4px 6px}
.creative-task-block .js-task-user option{padding:3px 4px}
.creative-product-field input{background:#f7eee7!important;color:var(--primary);font-size:10.5px;font-weight:900}
.creative-row-card .delete-row{width:28px;height:28px;align-self:center}
@media(max-width:1180px){.creative-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-row-head{grid-template-columns:1fr 1fr 30px}}
@media(max-width:760px){.creative-task-grid{grid-template-columns:1fr}.creative-row-head{grid-template-columns:1fr}.creative-row-card .delete-row{width:100%}}

/* Admin dashboard campaign/task board */
.admin-dashboard-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.admin-dash-col{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;min-height:260px;box-shadow:var(--shadow)}
.admin-dash-col h2{font-size:15px;margin:0 0 4px;color:var(--ink)}
.admin-dash-col>p{font-size:11px;color:var(--muted);margin:0 0 10px;line-height:1.6}
.dash-campaign-card{border:1px solid rgba(95,56,45,.18);background:linear-gradient(135deg,#fffaf5,#f8eee5);border-radius:14px;padding:10px;margin:8px 0;cursor:pointer;transition:.2s ease}
.dash-campaign-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(95,56,45,.13)}
.dash-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.dash-card-top span{font-size:10px;color:var(--muted);white-space:nowrap}
.dash-campaign-card p{font-size:11px;color:var(--muted);margin:7px 0 0}
.dash-progress{height:7px;background:#eadcd1;border-radius:999px;overflow:hidden;margin-top:9px}
.dash-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px}
.publish-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:9px}
.mini-btn.done{background:var(--primary);color:#fff;border-color:var(--primary)}
.dashboard-detail{display:none;margin-top:14px}
.dashboard-detail.show{display:block}
.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.detail-head h2{font-size:16px;margin:0}.detail-head p{font-size:11px;color:var(--muted);margin:4px 0 0}
.task-detail-list{display:grid;gap:8px}.task-detail-card{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:9px;background:#fffaf7}.task-detail-card strong{font-size:12px}.task-detail-card p{font-size:11px;color:var(--muted);margin:3px 0 0}
@media(max-width:1200px){.admin-dashboard-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-dashboard-board{grid-template-columns:1fr}}

/* Dashboard kanban detail - compact vertical task cards */
.dashboard-detail{overflow:visible}
.task-kanban-board{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;align-items:start}
.task-kanban-col{border:1px solid var(--line);background:#fffaf6;border-radius:14px;padding:8px;min-height:120px}
.kanban-col-head{display:flex;align-items:center;justify-content:space-between;background:#f3e7dc;border-radius:10px;padding:7px 9px;margin-bottom:8px;color:var(--primary);font-size:11px;font-weight:900}
.kanban-col-head span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:#fff;color:var(--primary);font-size:10px;border:1px solid var(--line)}
.kanban-col-list{display:grid;gap:7px}
.kanban-task-card{border:1px solid rgba(95,56,45,.16);background:#fff;border-radius:11px;padding:7px 8px;box-shadow:0 6px 15px rgba(95,56,45,.06)}
.kanban-task-main{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--ink)}
.kanban-task-main span{font-size:10px;color:var(--primary);font-weight:900;white-space:nowrap}
.kanban-task-card p{font-size:10px;color:var(--muted);margin:4px 0;line-height:1.45}
.kanban-task-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9.5px;color:var(--muted)}
.kanban-task-meta span{background:#f7eee8;border:1px solid var(--line);border-radius:999px;padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48%}
@media(max-width:1100px){.task-kanban-board{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media(max-width:700px){.task-kanban-board{grid-template-columns:1fr}}

/* User dashboard + task workflow */
.user-dashboard-panel{grid-column:1/-1;background:rgba(255,253,252,.88);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow)}
.user-dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.user-dash-head h2{font-size:16px;margin:0 0 4px;color:var(--text)}
.user-dash-head p{font-size:11px;color:var(--muted);margin:0}
.user-task-stats{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.user-task-stats span{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;color:var(--primary)}
.kanban-task-card{cursor:pointer;transition:.18s ease}
.kanban-task-card:hover{transform:translateY(-1px);border-color:var(--secondary);box-shadow:0 10px 22px rgba(95,56,45,.10)}
.task-detail-panel{border:1px solid var(--border);border-radius:16px;background:#fffaf6;padding:12px;display:grid;gap:12px}
.task-detail-info{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.task-detail-info span{border:1px solid var(--border);border-radius:12px;background:#fff;padding:8px;font-size:10.5px;color:var(--muted);font-weight:700}
.task-detail-info strong{display:block;color:var(--text);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-receive-row{display:flex;justify-content:flex-start}.mini-btn.done{background:var(--success);border-color:#b9d4ad;color:#355b25}
.task-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.step-btn{border:1px solid var(--border);background:#fff;border-radius:13px;padding:9px 8px;display:grid;gap:4px;text-align:right;cursor:pointer;color:var(--text);min-height:58px;transition:.18s ease}
.step-btn span{font-size:10.5px;font-weight:900;line-height:1.35}.step-btn strong{font-size:11px;color:var(--secondary)}.step-btn em{font-style:normal;font-size:9px;color:var(--muted)}
.step-btn.done{background:linear-gradient(135deg,#e8f3df,#fff);border-color:#bfd7ae;color:#315722}.step-btn.done strong{color:#315722}
.step-btn:disabled{opacity:.55;cursor:not-allowed;background:#f8eee8}
@media(max-width:1100px){.task-detail-info{grid-template-columns:repeat(2,minmax(0,1fr))}.task-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-dash-head{flex-direction:column}.user-task-stats{justify-content:flex-start}}
@media(max-width:640px){.task-detail-info,.task-step-grid{grid-template-columns:1fr}}


/* Dashboard role split */
#dashboard.user-mode .admin-stats{display:none!important}
#dashboard.user-mode .admin-dashboard-board{grid-template-columns:1fr!important}
#dashboard.user-mode .dashboard-detail{grid-column:1/-1}
#dashboard.user-mode .page-head .btn.is-hidden{display:none!important}
#dashboard.admin-mode .admin-stats{display:grid}
.user-dashboard-only{max-width:980px;margin-inline:auto;width:100%}
.user-dashboard-only .user-task-board{grid-template-columns:repeat(4,minmax(170px,1fr))}
@media(max-width:1100px){.user-dashboard-only .user-task-board{grid-template-columns:repeat(2,minmax(170px,1fr))}}
@media(max-width:700px){.user-dashboard-only .user-task-board{grid-template-columns:1fr}}

/* Dashboard redesign - clean admin/user separation */
#dashboard{--dash-gap:12px}
#dashboard .page-head{align-items:center;margin-bottom:12px}
#dashboard .page-title h1{font-size:22px;letter-spacing:-.4px}
#dashboard .page-title p{font-size:11px;color:#8e7166}
#dashboard .admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
#dashboard .stat{min-height:76px;padding:13px 15px;border-radius:18px;background:rgba(255,253,250,.92)}
#dashboard .stat .num{font-size:23px;color:#4c251d}
#dashboard .stat p{font-size:11px;color:#8e7166}

.admin-dashboard-board{display:grid!important;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;align-items:start;margin-top:10px}
.admin-dash-col{min-height:360px;border-radius:22px;padding:13px;background:linear-gradient(180deg,rgba(255,253,250,.96),rgba(250,241,234,.9));border:1px solid #ecd7ca;box-shadow:0 15px 35px rgba(81,52,44,.08)}
.col-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #efddd1;padding-bottom:9px;margin-bottom:10px}
.col-title h2{font-size:17px;margin:0;color:#2d1713;white-space:nowrap}
.col-title p{font-size:10.5px;line-height:1.6;color:#9a7a6d;margin:0;max-width:165px}
.dash-task-receive-card,.dash-campaign-card{border:1px solid #ecd7ca;background:#fffaf5;border-radius:17px;padding:11px;margin:8px 0;box-shadow:0 8px 20px rgba(75,45,37,.06)}
.dash-task-receive-card{cursor:default;background:linear-gradient(180deg,#fffaf5,#f9eee6)}
.dash-campaign-card{cursor:pointer;transition:.16s ease}
.dash-campaign-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(75,45,37,.13);border-color:#c38b73}
.dash-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dash-card-top strong{font-size:12.5px;color:#321814;line-height:1.45;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-card-top span{font-size:9.8px;color:#8d6c60;background:#f4e7dd;border:1px solid #ead7ca;border-radius:999px;padding:3px 7px;white-space:nowrap}
.receive-meter{display:flex;align-items:center;justify-content:space-between;border-radius:13px;background:#f5e8de;margin:9px 0;padding:7px 9px;color:#4c251d}
.receive-meter strong{font-size:16px}.receive-meter span{font-size:10px;font-weight:800;color:#8c6c61}
.receive-list{display:grid;gap:6px}
.receive-list div{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #f0dfd4;border-radius:12px;background:#fff;padding:6px 7px}
.receive-list div span{font-size:10.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.receive-list small{font-size:10px;color:#8e7166;text-align:center;margin-top:2px}
.state-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 7px;font-size:9.5px;font-weight:900;white-space:nowrap;border:1px solid transparent}
.state-chip.is-done{background:#e8f3df;color:#315722;border-color:#bfd7ae}
.state-chip.is-waiting{background:#f5e2dc;color:#92372e;border-color:#efc5bb}
.dash-ready-card p,.publish-card p,.archive-card p{font-size:10.5px;color:#85695e;margin:7px 0 0}
.dash-progress{height:6px;background:#eadbd0;border-radius:999px;margin:9px 0 3px;overflow:hidden}
.dash-progress span{display:block;height:100%;background:linear-gradient(90deg,#5a3329,#b85e4f);border-radius:999px}
.open-details-hint{border:0;background:#5a3329;color:#fff;border-radius:999px;padding:5px 9px;font-size:9.5px;font-weight:900;margin-top:8px}
.publish-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px}
.publish-actions .mini-btn{min-height:29px;font-size:10px;border-radius:10px}
.soft-empty{background:#f8eee6;border-color:#ecd7ca;color:#8d6f64;border-radius:15px;min-height:74px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px}

.dashboard-detail.show{display:block;margin-top:16px;border-radius:22px;padding:15px;background:linear-gradient(180deg,#fffdfb,#fbf2eb);border:1px solid #ecd7ca;box-shadow:0 16px 38px rgba(74,47,40,.10)}
.modern-detail-head{border-bottom:1px solid #efddd1;padding-bottom:10px;margin-bottom:12px}
.modern-detail-head h2{font-size:18px;color:#2d1713}.modern-detail-head p{font-size:10.5px;color:#8e7166}
.detail-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.detail-summary-strip span{border:1px solid #ecd7ca;background:#fffaf5;border-radius:14px;padding:8px 10px;font-size:10.5px;color:#8e7166;text-align:center;font-weight:800}
.detail-summary-strip b{display:block;color:#4c251d;font-size:17px;margin-bottom:2px}
.modern-kanban-detail{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:10px;align-items:start}
.task-kanban-col{border:1px solid #ecd7ca;background:#fffaf5;border-radius:16px;padding:8px;min-height:120px}
.kanban-col-head{background:#f2e4d8;color:#4c251d;border-radius:11px;padding:7px 9px;font-size:11px;margin-bottom:8px}
.compact-task{padding:8px;border-radius:12px;background:#fff;box-shadow:none;margin:0;cursor:pointer}
.compact-task .kanban-task-main strong{font-size:10.5px}.compact-task p{font-size:9.8px;margin:4px 0;color:#82675d}.compact-task .kanban-task-meta{font-size:9.5px}

.modern-task-detail{display:grid;gap:12px}
.task-detail-hero{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.task-detail-hero div{border:1px solid #ecd7ca;background:#fffaf5;border-radius:14px;padding:9px}
.task-detail-hero span{display:block;font-size:9.7px;color:#8e7166;font-weight:800;margin-bottom:4px}.task-detail-hero strong{font-size:11px;color:#2d1713;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modern-progress{height:7px;background:#eadbd0;border-radius:999px;overflow:hidden}.modern-progress span{display:block;height:100%;background:linear-gradient(90deg,#5a3329,#b85e4f)}
.clean-receive{justify-content:flex-start}.clean-receive .mini-btn{min-width:105px}
.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.workflow-step{border:1px solid #ecd7ca;background:#fff;border-radius:14px;min-height:60px;padding:9px;text-align:right;display:grid;gap:3px;color:#2d1713;cursor:pointer}
.workflow-step span{font-size:10.5px;font-weight:900}.workflow-step strong{font-size:10.5px;color:#b85e4f}.workflow-step em{font-size:9px;color:#8e7166;font-style:normal}
.workflow-step.done{background:#eaf4e2;border-color:#bfd7ae;color:#315722}.workflow-step.done strong{color:#315722}.workflow-step:disabled{opacity:.55;cursor:not-allowed;background:#f7eee8}
.delivery-box{border:1px dashed #d9b9a9;background:#fff8f2;border-radius:15px;padding:11px;display:flex;align-items:center;justify-content:center;gap:10px}.delivery-box small{font-size:10px;color:#8e7166}

.user-exec-dashboard{background:linear-gradient(180deg,rgba(255,253,250,.96),rgba(250,241,234,.9));border:1px solid #ecd7ca;border-radius:22px;padding:14px;box-shadow:0 15px 35px rgba(81,52,44,.08);max-width:1120px;margin:0 auto}
.exec-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #efddd1;padding-bottom:10px;margin-bottom:12px}
.exec-hero h2{font-size:19px;margin:0;color:#2d1713}.exec-hero p{font-size:11px;color:#8e7166;margin:4px 0 0}.exec-stats{display:flex;gap:6px;flex-wrap:wrap}.exec-stats span{background:#f3e6dc;border:1px solid #ecd7ca;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;color:#4c251d}
.exec-kanban{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px}.exec-col{background:#fffaf5;border:1px solid #ecd7ca;border-radius:16px;padding:8px;min-height:150px}.exec-col-head{display:flex;align-items:center;justify-content:space-between;background:#f2e4d8;border-radius:11px;padding:7px 9px;margin-bottom:8px;color:#4c251d;font-size:11px}.exec-col-head span{background:#fff;border:1px solid #ecd7ca;border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}
.exec-task-card{background:#fff;border:1px solid #ecd7ca;border-radius:13px;padding:9px;margin-bottom:7px;cursor:pointer;transition:.16s ease}.exec-task-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(75,45,37,.08)}.exec-task-top,.exec-task-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.exec-task-top{font-size:9.5px;color:#8e7166}.exec-task-top span:last-child{font-weight:900;color:#4c251d}.dept-pill{background:#f4e7dd;border:1px solid #ecd7ca;border-radius:999px;padding:3px 7px}.exec-task-card h3{font-size:12px;margin:7px 0 3px;color:#2d1713}.exec-task-card p{font-size:10px;color:#85695e;margin:0 0 7px;line-height:1.5}.exec-task-foot span:last-child{font-size:9.5px;color:#8e7166;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}

@media(max-width:1300px){.admin-dashboard-board{grid-template-columns:repeat(2,minmax(230px,1fr))}.modern-kanban-detail{grid-template-columns:repeat(3,minmax(170px,1fr))}.exec-kanban{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media(max-width:760px){#dashboard .admin-stats,.admin-dashboard-board,.detail-summary-strip,.task-detail-hero,.workflow-steps,.modern-kanban-detail,.exec-kanban{grid-template-columns:1fr}.col-title{display:block}.col-title p{max-width:none;margin-top:4px}.exec-hero{display:block}.exec-stats{margin-top:8px}}


/* MZJ dashboard final pass: user content board + modal + settings */
:root{--font-family:'Tajawal',sans-serif}
body{font-family:var(--font-family)}
body.modal-open{overflow:hidden}
.user-content-dashboard{background:linear-gradient(180deg,rgba(255,253,250,.97),rgba(250,241,234,.92));border:1px solid var(--line,#e5cbbe);border-radius:22px;padding:18px;box-shadow:0 18px 42px rgba(81,52,44,.09);max-width:1180px;margin:0 auto}
.user-content-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #efddd1;padding-bottom:13px;margin-bottom:16px}
.user-content-head h2{font-size:22px;margin:0;color:var(--text,#2d1713)}.user-content-head p{font-size:12px;color:var(--muted,#8e7166);margin:4px 0 0}
.content-type-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;align-items:start}
.content-type-col{border:1px solid #ecd7ca;background:#fffaf6;border-radius:22px;padding:14px;min-height:240px;box-shadow:0 12px 28px rgba(75,45,37,.06)}
.content-type-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #e6d2c6;padding-bottom:10px;margin-bottom:12px}
.content-type-title h3{font-size:20px;color:#2d1713;margin:0}.content-type-title span{background:#f5e8df;border-radius:999px;padding:6px 12px;font-size:11px;color:#8e7166;font-weight:900}
.content-type-list{display:grid;gap:12px}.content-task-card{background:#fff;border:1px solid #ead7ca;border-radius:19px;padding:15px;box-shadow:0 10px 22px rgba(75,45,37,.05)}
.content-task-card h3{font-size:16px;color:#2d1713;margin:0 0 7px}.content-task-card p{font-size:11px;color:#7f655b;margin:0 0 12px;line-height:1.65}.content-task-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.content-task-actions .btn{min-height:36px;background:#e9cdb8;border-color:#e9cdb8;color:#321814;font-weight:900}.content-task-actions .btn.done{background:#e7f2df;color:#315722;border-color:#bfd7ae}
.task-metric-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #eee0d6;border-radius:12px;background:#fffaf6;padding:7px 9px;margin-top:7px;font-size:11px;color:#8e7166;font-weight:800}.task-metric-row b{color:#2d1713}.task-card-progress{height:8px;background:#f0e5df;border-radius:999px;overflow:hidden;margin-top:11px}.task-card-progress span{display:block;height:100%;border-radius:999px;background:#d2a07d}
.task-modal{position:fixed;inset:0;display:none;z-index:9999}.task-modal.show{display:block}.task-modal-backdrop{position:absolute;inset:0;background:rgba(38,20,15,.45);backdrop-filter:blur(5px)}.task-modal-dialog{position:relative;z-index:1;width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;margin:24px auto;background:linear-gradient(180deg,#fffdfb,#fbf2eb);border:1px solid #e5cabe;border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(50,24,18,.24)}.task-modal-close{position:sticky;top:0;float:left;z-index:2;width:34px;height:34px;border:1px solid #e3c8bb;background:#fff;border-radius:12px;color:#5a3329;font-size:20px;font-weight:900;cursor:pointer}.task-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #ecd7ca;padding:6px 0 14px;margin-bottom:14px}.task-modal-head span{font-size:12px;color:#b85e4f;font-weight:900}.task-modal-head h2{font-size:22px;margin:3px 0;color:#2d1713}.task-modal-head p{font-size:12px;color:#8e7166;margin:0}.modal-section{border:1px solid #ecd7ca;background:#fffaf6;border-radius:18px;padding:13px;margin-bottom:12px}.modal-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.modal-section-title h3{font-size:16px;color:#2d1713;margin:0}.modal-section-title span{background:#f0e1d6;border-radius:999px;padding:4px 10px;color:#8e7166;font-size:11px;font-weight:900}.task-info-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.task-info-grid div{border:1px solid #efddd1;border-radius:13px;background:#fff;padding:10px;text-align:center}.task-info-grid span{display:block;font-size:10px;color:#9b7b6e;font-weight:900;margin-bottom:5px}.task-info-grid strong{display:block;color:#2d1713;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-required-section p{margin:0;font-size:13px;line-height:1.8;color:#2d1713;font-weight:800}.task-mini-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.task-mini-meta span{border:1px solid #ead7ca;background:#fff;border-radius:999px;padding:6px 10px;font-size:11px;color:#8e7166}.task-mini-meta b{color:#2d1713}.receive-action{margin-bottom:10px}.receive-action.done{background:#e7f2df!important;border-color:#bfd7ae!important;color:#315722!important}.modal-progress{height:8px;background:#eadbd0;border-radius:999px;overflow:hidden;margin:8px 0 12px}.modal-progress span{display:block;height:100%;background:linear-gradient(90deg,#5a3329,#b85e4f)}.modal-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.attachment-section{text-align:center}.task-files-box{margin-top:12px;text-align:right}.task-files-table-wrap{overflow:auto}.task-files-table{width:100%;border-collapse:separate;border-spacing:0 6px}.task-files-table th{font-size:11px;color:#8e7166}.task-files-table td{background:#fff;border-top:1px solid #efddd1;border-bottom:1px solid #efddd1;padding:9px;font-size:12px}.task-files-table a{color:#5a3329;font-weight:900}.mini-btn.danger{background:#f7e3df;color:#9a332a;border-color:#efc5bb}
.settings-grid{display:grid;grid-template-columns:1fr 1.85fr;gap:16px}.settings-card h2,.users-permissions-card h2{font-size:18px;margin:0 0 14px;color:#2d1713}.theme-color-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-bottom:14px}.theme-color-grid label{display:grid;gap:7px}.theme-color-grid input{width:100%;height:58px;border:1px solid #e4cabd;border-radius:14px;background:#fff;cursor:pointer}.theme-color-grid span{font-size:11px;color:#8e7166;font-weight:900}.users-permissions-list{display:grid;gap:10px}.permission-user-card{display:grid;grid-template-columns:220px 1fr auto;gap:12px;align-items:center;border:1px solid #ecd7ca;background:#fffaf6;border-radius:16px;padding:12px}.permission-user-main{display:grid;gap:2px}.permission-user-main strong{font-size:13px;color:#2d1713}.permission-user-main small{font-size:11px;color:#8e7166}.permission-user-main span{font-size:10px;color:#b85e4f;font-weight:900}.permission-pages{display:flex;gap:7px;flex-wrap:wrap}.permission-pages label{border:1px solid #ead7ca;border-radius:999px;background:#fff;padding:6px 9px;font-size:11px;font-weight:800;color:#5a3329;display:flex;align-items:center;gap:5px}
@media(max-width:900px){.task-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.theme-color-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.permission-user-card{grid-template-columns:1fr}.task-modal-dialog{width:calc(100vw - 18px);margin:9px auto;padding:12px}.user-content-head{display:block}.exec-stats{margin-top:8px}}


/* Requested fixes pass */
.nav a.is-hidden{display:none!important}
.stock-table th:nth-child(n+6),.stock-table td:nth-child(n+6){display:none!important}
.stock-table{min-width:760px}.stock-key{font-weight:900}.stock-key small{display:block;margin-top:6px;color:var(--muted);font-weight:700}.stock-count{display:inline-flex;min-width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:#eee4da;color:var(--text);font-weight:900}
.car-picker-block{border:1px dashed var(--border);background:#fffaf5;border-radius:18px;padding:12px;margin:12px 0}.car-picker-title{font-weight:900;margin-bottom:8px;color:var(--primary)}.car-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-height:240px;overflow:auto}.car-check-card{display:flex;gap:8px;align-items:flex-start;border:1px solid #ead6c9;border-radius:13px;background:#fff;padding:10px;font-size:12px;font-weight:800;line-height:1.5}.car-check-card input{margin-top:3px}.mini-empty{min-height:56px!important}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.calendar-toolbar strong{font-size:22px;color:var(--primary)}.calendar-week-head,.calendar-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-week-head span{background:#f3e7dd;color:var(--primary);font-weight:900;text-align:center;border-radius:12px;padding:10px}.calendar-day{min-height:132px;border:1px solid #ead7ca;border-radius:16px;background:#fff;box-shadow:0 8px 18px rgba(75,45,37,.04);padding:10px}.calendar-day.empty{background:rgba(255,255,255,.35);box-shadow:none}.calendar-day-top{display:flex;align-items:center;justify-content:space-between;color:#8e7166;font-weight:900}.calendar-day-top strong{font-size:22px;color:var(--primary)}.calendar-day small{display:block;color:#b37a68;font-weight:800;margin:4px 0 8px}.calendar-day-items{display:grid;gap:6px}.calendar-day-items em{font-style:normal;color:#b49b8f;font-size:11px;font-weight:800}.calendar-publish-item{background:#fbf1ea;border:1px solid #ead7ca;border-radius:10px;padding:7px}.calendar-publish-item b{display:block;font-size:11px;color:#2d1713}.calendar-publish-item span{display:block;font-size:10px;color:#8e7166;margin-top:3px}
.campaign-task-group{background:#fffaf6;border:1px solid #ead7ca;border-radius:18px;padding:12px;margin-top:12px}.campaign-task-group-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #ead7ca;padding-bottom:8px;margin-bottom:10px}.campaign-task-group-head h3{margin:0;font-size:16px;color:#2d1713}.campaign-task-group-head span{background:#f1e2d8;border-radius:999px;padding:4px 10px;font-weight:900;color:#8e7166}.campaign-task-list{display:grid;gap:8px}.campaign-task-list-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #ead7ca;background:#fff;border-radius:14px;padding:10px}.campaign-task-list-item strong{font-size:13px;color:#2d1713}.campaign-task-list-item p{margin:3px 0 0;color:#8e7166;font-size:11px}.task-list-state{display:flex;align-items:center;gap:8px}.task-list-state span{font-weight:900;color:#5a3329}.compact-summary{margin-bottom:8px}
.tasks-kanban-page{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.tasks-page-col{background:#fffaf6;border:1px solid #ead7ca;border-radius:20px;padding:12px}.tasks-page-col-head{display:flex;align-items:center;justify-content:space-between;background:#f3e6dc;border-radius:13px;padding:9px 11px;margin-bottom:10px}.tasks-page-col-head h2{font-size:16px;margin:0}.tasks-page-col-head span{background:#fff;border-radius:999px;padding:4px 9px;font-weight:900}.tasks-page-card{background:#fff;border:1px solid #ead7ca;border-radius:15px;padding:11px;margin-bottom:9px}.tasks-page-card strong{font-size:13px}.tasks-page-card p{font-size:11px;color:#8e7166;line-height:1.5}
.theme-image-box{margin:14px 0}.theme-image-preview{min-height:90px;border:1px dashed #e2c9bb;border-radius:14px;background:#fffaf6;display:flex;align-items:center;justify-content:center;gap:12px;color:#8e7166;font-weight:800;padding:10px}.theme-image-preview img{max-height:120px;border-radius:12px;border:1px solid #ead7ca}.settings-card .field select{height:48px}
.task-modal-dialog{max-width:1060px}.modal-section{box-shadow:0 8px 20px rgba(75,45,37,.035)}
@media(max-width:900px){.calendar-week-head,.calendar-month-grid{min-width:880px}.publish-calendar-page{overflow:auto}.campaign-task-list-item{grid-template-columns:1fr}.car-checkbox-grid{grid-template-columns:1fr}}


/* Final requested update pass */
.stock-stats-clean{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stock-stats .is-hidden{display:none!important}
.stock-table th:nth-child(n+6),.stock-table td:nth-child(n+6){display:table-cell!important}.stock-table{min-width:980px}.stock-table td:nth-child(4){font-weight:800;color:var(--muted)}
.car-picker-enable{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;background:#fffaf6;padding:9px 11px;font-weight:900;color:var(--primary);width:max-content}.car-picker-enable input{accent-color:var(--primary)}.car-picker-block.is-hidden{display:none!important}
#dashboard.user-mode .admin-dashboard-board{grid-template-columns:1fr!important}.user-content-dashboard{max-width:none;margin:0}.content-type-board{grid-template-columns:repeat(4,minmax(0,1fr))!important}.content-type-col{min-height:250px}.content-task-card{padding:12px;border-radius:16px}.content-task-card h3{font-size:14px}.content-task-actions .btn{min-height:32px;font-size:10.5px}
@media(max-width:1250px){.content-type-board{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:720px){.content-type-board{grid-template-columns:1fr!important}.stock-stats-clean{grid-template-columns:1fr!important}}
.calendar-day-items em{display:none!important}.calendar-day{min-height:120px}.calendar-publish-item{font-size:11px}
.tasks-list-page{display:grid;gap:14px;max-width:920px}.tasks-list-section{background:#fffaf6;border:1px solid #ead7ca;border-radius:18px;padding:12px}.tasks-list-stack{display:grid;gap:9px}.tasks-list-page .tasks-page-card{display:grid;grid-template-columns:1fr 160px 110px;gap:10px;align-items:center;margin:0;padding:10px;border-radius:14px}.tasks-list-page .tasks-page-card .task-card-progress{margin:0}.tasks-list-page .tasks-page-card .mini-btn{width:100%}@media(max-width:760px){.tasks-list-page .tasks-page-card{grid-template-columns:1fr}}
.task-modal-dialog{width:min(980px,calc(100vw - 28px));padding:16px}.modal-steps-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.task-info-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}

/* Final implementation fixes */
:root{--font-family:'Tajawal',system-ui,sans-serif;--user-dashboard-bg-image:none}body{font-family:var(--font-family)}
.sidebar{width:92px;padding:12px 8px}.brand{padding:6px 4px 14px}.brand img{width:66px}.nav{gap:5px}.nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:62px;padding:8px 4px;border-radius:16px;font-size:10.5px;line-height:1.2;text-align:center}.nav a .icon{width:auto;font-size:17px}.nav a span:last-child{display:block;max-width:78px;white-space:normal}.main{margin-right:92px}.topbar{height:58px}.page-title h1{font-size:28px}.page-title p{font-size:12px}.card{padding:16px}.btn{padding:10px 14px;font-size:12px}.field input,.field select,.field textarea,.control,.select{padding:10px 12px;font-size:12px}.field span{font-size:12px}
.has-user-dashboard-theme #dashboard.user-mode{background-image:linear-gradient(180deg,rgba(248,241,234,.82),rgba(248,241,234,.92)),var(--user-dashboard-bg-image);background-size:cover;background-position:center;background-attachment:fixed;border-radius:28px;padding:22px}.has-user-dashboard-theme #dashboard.user-mode .user-content-dashboard,.has-user-dashboard-theme #dashboard.user-mode .content-type-col{backdrop-filter:blur(10px);background:rgba(255,253,252,.78)}.user-theme-panel{display:flex;gap:8px;align-items:center;justify-content:flex-start;margin:10px 0 14px}.user-theme-upload{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;color:var(--primary);cursor:pointer}.user-theme-upload input{display:none}.content-type-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.content-type-col{border:1px solid var(--border);border-radius:22px;background:rgba(255,253,252,.88);padding:14px;box-shadow:var(--shadow);min-height:300px}.content-type-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed var(--border);padding-bottom:10px;margin-bottom:12px}.content-type-title h3{margin:0;font-size:20px}.content-type-title span,.exec-stats span{background:#f3e6dc;color:var(--primary);border-radius:999px;padding:5px 10px;font-weight:900;font-size:11px}.content-type-list{display:grid;gap:12px}.content-task-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px}.content-task-card h3{margin:0 0 6px;font-size:16px}.content-task-card p{margin:0 0 10px;color:var(--muted);font-weight:800;font-size:12px}.content-task-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.content-task-actions .done{background:#e7f2df;color:#315722}.task-metric-row{display:flex;justify-content:space-between;gap:8px;margin-top:8px;background:#fffaf6;border:1px solid #efddd1;border-radius:12px;padding:7px 9px;font-size:11px}.task-card-progress{height:7px;background:#eadbd0;border-radius:999px;overflow:hidden;margin-top:9px}.task-card-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--secondary))}.campaign-inline-tasks-wrap{margin:8px 0 12px}.campaign-inline-tasks{display:grid;gap:10px}.inline-task-group{border:1px solid #ead7ca;background:#fffaf6;border-radius:16px;padding:10px}.inline-task-group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.inline-task-group-title h3{margin:0;font-size:14px}.inline-task-group-title span{background:#f2e1d6;border-radius:999px;padding:3px 8px;font-weight:900}.inline-task-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;border:1px solid #ead7ca;background:#fff;border-radius:12px;padding:8px;margin-top:7px}.inline-task-row strong{font-size:12px}.inline-task-row p{margin:2px 0 0;color:var(--muted);font-size:10.5px}.state-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;background:#f4e8df;color:var(--primary)}.state-chip.is-done{background:#e7f2df;color:#315722}.state-chip.is-waiting{background:#f7e3df;color:#9a332a}.dash-ready-card .open-details-hint{pointer-events:none}.dashboard-detail{display:none!important}.task-modal{position:fixed;inset:0;z-index:200;display:none}.task-modal.show{display:block}.task-modal-backdrop{position:absolute;inset:0;background:rgba(45,23,19,.45);backdrop-filter:blur(3px)}.task-modal-dialog{position:relative;margin:22px auto;max-height:calc(100vh - 44px);overflow:auto;background:#fffaf6;border:1px solid var(--border);border-radius:24px;box-shadow:0 30px 90px rgba(45,23,19,.32);width:min(1040px,calc(100vw - 32px));padding:18px}.task-modal-close{position:absolute;top:14px;left:14px;width:34px;height:34px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--primary);font-weight:900;cursor:pointer}.task-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:14px 42px 14px 0;margin-bottom:14px}.task-modal-head span{color:var(--secondary);font-weight:900;font-size:12px}.task-modal-head h2{margin:4px 0;font-size:24px}.task-modal-head p{margin:0;color:var(--muted);font-weight:700}.modal-section{border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.7);padding:14px;margin-bottom:12px}.modal-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-section-title h3{margin:0;font-size:17px}.workflow-step{border:1px solid var(--border);background:#fff;border-radius:14px;padding:12px;text-align:right;cursor:pointer}.workflow-step.done{background:#e7f2df;border-color:#b7d0a7}.workflow-step:disabled{opacity:.55;cursor:not-allowed}.workflow-step span{display:block;font-weight:900}.workflow-step strong{display:block;color:var(--secondary);font-size:11px;margin-top:4px}.workflow-step em{font-style:normal;color:var(--muted);font-size:10px}.tasks-list-page{display:grid;gap:12px;max-width:760px}.tasks-list-section{background:#fffaf6;border:1px solid #ead7ca;border-radius:18px;padding:12px}.tasks-list-stack{display:grid;gap:8px}.tasks-list-page .tasks-page-card{display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:10px;border-radius:14px}.calendar-publish-item b{font-size:12px}.calendar-publish-item span{font-size:10px}.publish-calendar-page .calendar-day-items:empty:after{content:''}.publish-calendar-page em{display:none!important}
@media(max-width:1350px){.content-type-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{width:74px}.main{margin-right:74px}.nav a{font-size:9px}.content-type-board{grid-template-columns:1fr}.inline-task-row{grid-template-columns:1fr}.task-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* === MZJ final requested fixes === */
.sidebar{width:112px!important;padding:14px 8px!important;transform:none!important;transition:none!important;overflow:hidden!important}
.brand{padding:6px 4px 14px!important}.brand img{width:72px!important}
.nav{gap:7px!important}.nav a{min-height:54px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:8px 5px!important;text-align:center!important;border-radius:14px!important;font-size:10px!important;line-height:1.15!important;white-space:normal!important}.nav a .icon{width:auto!important;font-size:15px!important}.nav a span:last-child{display:block!important;max-width:92px!important;overflow:hidden!important;text-overflow:ellipsis!important}.main{margin-right:112px!important}.menu-btn{display:none!important}
body.has-user-dashboard-theme #dashboard.user-mode{background-image:linear-gradient(180deg,rgba(255,250,246,.82),rgba(255,250,246,.70)),var(--user-dashboard-bg-image)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;border-radius:28px!important;padding:24px!important;min-height:calc(100vh - 130px)!important}body.has-user-dashboard-theme #dashboard.user-mode .user-content-dashboard,body.has-user-dashboard-theme #dashboard.user-mode .card{backdrop-filter:blur(10px);background:rgba(255,253,252,.82)!important}
.user-content-dashboard{width:100%!important}.content-type-board{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}.content-type-col{min-height:280px!important;border:1px solid var(--border)!important;border-radius:20px!important;background:rgba(255,253,252,.92)!important;padding:14px!important;box-shadow:var(--shadow)!important}.content-type-title{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--border)!important;padding-bottom:10px!important;margin-bottom:12px!important}.content-type-title h3{font-size:19px!important;margin:0!important}.content-type-title span{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:999px!important;padding:6px 12px!important;font-weight:900!important}.content-type-list{display:grid!important;gap:12px!important}.content-task-card{border:1px solid var(--border)!important;border-radius:18px!important;background:#fff!important;padding:14px!important;box-shadow:0 10px 24px rgba(90,58,50,.08)!important}.content-task-card h3{font-size:15px!important;margin:0 0 8px!important}.content-task-card p{font-size:12px!important;color:var(--muted)!important;margin:0 0 10px!important}.content-task-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:10px!important}.content-task-actions .btn{padding:8px 10px!important;border-radius:12px!important}.task-metric-row{display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--surface-2)!important;padding:7px 9px!important;margin-top:6px!important;font-size:11px!important;font-weight:800!important}.task-card-progress{height:7px!important;background:#eee2d8!important;border-radius:999px!important;overflow:hidden!important;margin-top:10px!important}.task-card-progress span{display:block!important;height:100%!important;background:linear-gradient(90deg,var(--secondary),var(--primary))!important;border-radius:999px!important}
.task-modal.show{display:grid!important}.task-modal{position:fixed!important;inset:0!important;z-index:9999!important;display:none!important;place-items:center!important}.task-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(42,30,25,.48)!important;backdrop-filter:blur(5px)!important}.task-modal-dialog{position:relative!important;width:min(1060px,calc(100vw - 48px))!important;max-height:calc(100vh - 50px)!important;overflow:auto!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:26px!important;padding:24px!important;box-shadow:0 30px 90px rgba(45,23,19,.32)!important}.task-modal-close{position:sticky!important;top:0!important;float:left!important;width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid var(--border)!important;background:#fff!important;color:var(--primary)!important;font-weight:900!important;z-index:5!important}.task-modal-head{clear:both!important;border-bottom:1px solid var(--border)!important;padding-bottom:16px!important;margin-bottom:16px!important}.modal-section{border:1px solid var(--border)!important;border-radius:18px!important;background:rgba(255,250,246,.82)!important;padding:16px!important;margin:12px 0!important}.task-info-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}.task-info-grid>div{border:1px solid var(--border)!important;border-radius:14px!important;background:#fff!important;padding:10px!important}.task-mini-meta{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:8px 0 12px!important}.task-mini-meta span{border:1px solid var(--border)!important;background:#fff!important;border-radius:999px!important;padding:7px 10px!important}.modal-steps-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.workflow-step{border:1px solid var(--border)!important;border-radius:14px!important;background:#fff!important;padding:12px!important;text-align:right!important}.workflow-step.done{background:#e9f4df!important;border-color:#bed6ab!important}.attachment-section{text-align:center!important}.task-files-table{width:100%!important;border-collapse:collapse!important}.task-files-table th,.task-files-table td{border-bottom:1px solid var(--border)!important;padding:9px!important;text-align:center!important}
.campaign-inline-tasks-wrap{margin:8px 0 12px!important}.campaign-inline-tasks{display:grid!important;gap:8px!important}.inline-task-group{border:1px dashed var(--border)!important;border-radius:14px!important;padding:8px!important;background:rgba(255,255,255,.62)!important}.inline-task-row{display:grid!important;grid-template-columns:1fr auto auto auto!important;align-items:center!important;gap:8px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:#fff!important;padding:8px!important;margin-top:6px!important}.inline-task-row strong{font-size:12px!important}.inline-task-row p{font-size:10px!important;margin:3px 0 0!important;color:var(--muted)!important}
.tasks-page-board{max-width:760px!important}.tasks-list-page{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.tasks-list-section{border:1px solid var(--border)!important;border-radius:18px!important;background:rgba(255,253,252,.9)!important;padding:14px!important}.tasks-list-stack{display:grid!important;gap:8px!important}.tasks-page-card{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:#fff!important;padding:10px!important}
.calendar-day .calendar-day-items:empty:before,.publish-day-card .js-publish-output-select option:first-child{content:''}.calendar-publish-item{border:1px solid var(--border)!important;border-radius:10px!important;background:#fff!important;padding:6px!important;margin-top:5px!important;font-size:10px!important}.calendar-publish-item b{display:block!important;color:var(--primary)!important}.calendar-publish-item span{display:block!important;color:var(--muted)!important;margin-top:2px!important}.calendar-day .empty-hint,.calendar-day [data-empty-hint]{display:none!important}
.car-picker-block.is-hidden{display:none!important}.car-checkbox-grid{max-height:270px!important;overflow:auto!important}
@media(max-width:1350px){.content-type-board{grid-template-columns:repeat(2,minmax(0,1fr))!important}.task-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.modal-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:780px){.main{margin-right:0!important}.sidebar{transform:translateX(110%)!important;width:112px!important}.sidebar.open{transform:translateX(0)!important}.menu-btn{display:grid!important}.content-type-board{grid-template-columns:1fr!important}.task-info-grid,.modal-steps-grid{grid-template-columns:1fr!important}.task-modal-dialog{width:calc(100vw - 20px)!important;padding:14px!important}}


/* === Fixes: clearer personal dashboard background + compact transparent cards === */
body.has-user-dashboard-theme #dashboard.user-mode{
  background-image:linear-gradient(180deg,rgba(255,250,246,.38),rgba(255,250,246,.22)),var(--user-dashboard-bg-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-attachment:fixed!important;
}
body.has-user-dashboard-theme #dashboard.user-mode .user-content-dashboard{
  background:rgba(255,253,252,.46)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  border-color:rgba(255,255,255,.45)!important;
}
body.has-user-dashboard-theme #dashboard.user-mode .content-type-col{
  background:rgba(255,253,252,.58)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card{
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
body.has-user-dashboard-theme #dashboard.user-mode .soft-empty{
  background:rgba(255,255,255,.42)!important;
  backdrop-filter:blur(8px)!important;
}

/* Sidebar fixed, narrow, with names always visible */
.sidebar{width:112px!important;padding:14px 8px!important;overflow:hidden!important;transform:none!important;transition:none!important}
.sidebar:hover{width:112px!important;box-shadow:none!important}
.sidebar:hover .brand img,.brand img{width:72px!important}
.sidebar:hover .nav a,.nav a{justify-content:center!important;flex-direction:column!important;padding:8px 5px!important;gap:4px!important}
.nav a span:not(.icon){opacity:1!important;max-width:92px!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important}
.main{margin-right:112px!important}

/* Make user content dashboard 4 columns on wide screens */
.content-type-board{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1350px){.content-type-board{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:780px){.content-type-board{grid-template-columns:1fr!important}.main{margin-right:0!important}}

/* v6 task quantity and publish platforms */
.creative-task-block .task-qty-field input{width:100%;height:32px;border:1px solid var(--border);border-radius:9px;background:#fffaf6;color:var(--text);outline:none;padding:5px 7px;font-size:10.5px;font-weight:800;text-align:center}
.publish-platform-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:74px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:5px;background:#fffaf6}
.platform-check-card{display:flex!important;align-items:center;gap:5px;font-size:9.5px;font-weight:800;color:var(--text);padding:3px 4px;border:1px solid rgba(92,58,47,.12);border-radius:8px;background:rgba(255,255,255,.72)}
.platform-check-card input{width:12px;height:12px;accent-color:var(--primary)}
@media(max-width:1180px){.publish-platform-checks{grid-template-columns:1fr;max-height:58px}.platform-check-card{font-size:9px;padding:2px 3px}}

/* v14 theme background visibility and global dashboard background */
body.has-user-dashboard-theme #dashboard{
  background-image:linear-gradient(180deg,rgba(255,250,246,.20),rgba(255,250,246,.12)),var(--user-dashboard-bg-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-attachment:fixed!important;
  border-radius:28px!important;
  padding:24px!important;
  min-height:calc(100vh - 130px)!important;
}
body.has-user-dashboard-theme #dashboard .user-content-dashboard,
body.has-user-dashboard-theme #dashboard .admin-dashboard-board,
body.has-user-dashboard-theme #dashboard .card{
  background:rgba(255,253,252,.34)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  border-color:rgba(255,255,255,.50)!important;
}
body.has-user-dashboard-theme #dashboard .content-type-col{
  background:rgba(255,253,252,.44)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
body.has-user-dashboard-theme #dashboard .content-task-card{
  background:rgba(255,255,255,.62)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}
.user-theme-panel{
  order:-1;
  justify-content:flex-start!important;
  margin:0 0 18px!important;
}
.user-theme-upload,
#clearUserThemeBtn{
  background:rgba(255,255,255,.76)!important;
  backdrop-filter:blur(6px)!important;
}

/* Dashboard theme background fix */
body.has-user-dashboard-theme #dashboard{
  background-image: linear-gradient(180deg, rgba(255,250,246,.30), rgba(255,250,246,.42)), var(--user-dashboard-bg-image) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-radius: 28px !important;
  min-height: calc(100vh - 90px) !important;
}
body.has-user-dashboard-theme #dashboard.user-mode,
body.has-user-dashboard-theme #dashboard.admin-mode{
  background-image: linear-gradient(180deg, rgba(255,250,246,.30), rgba(255,250,246,.42)), var(--user-dashboard-bg-image) !important;
}
body.has-user-dashboard-theme #dashboard .card,
body.has-user-dashboard-theme #dashboard .user-content-dashboard,
body.has-user-dashboard-theme #dashboard .admin-dashboard-board,
body.has-user-dashboard-theme #dashboard .content-type-col{
  background: rgba(255,253,252,.60) !important;
  backdrop-filter: blur(8px) !important;
}
body.has-user-dashboard-theme #dashboard .content-task-card,
body.has-user-dashboard-theme #dashboard .soft-empty{
  background: rgba(255,253,252,.68) !important;
  backdrop-filter: blur(7px) !important;
}
.user-theme-panel{
  position: relative;
  z-index: 20;
}
.user-theme-upload input[type="file"]{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}


/* === v16 dashboard theme visibility and glass fix === */
body.has-user-dashboard-theme #dashboard,
body.has-user-dashboard-theme #dashboard.user-mode,
body.has-user-dashboard-theme #dashboard.admin-mode{
  background-image:linear-gradient(180deg, rgba(255,250,246,.08), rgba(255,250,246,.12)), var(--user-dashboard-bg-image) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  border-radius:0 !important;
  padding:22px !important;
  min-height:calc(100vh - 80px) !important;
}
body.has-user-dashboard-theme #dashboard .user-content-dashboard,
body.has-user-dashboard-theme #dashboard .admin-dashboard-board,
body.has-user-dashboard-theme #dashboard .card{
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(255,255,255,.34) !important;
  box-shadow:0 18px 50px rgba(45,23,19,.10) !important;
  backdrop-filter:blur(3px) !important;
  -webkit-backdrop-filter:blur(3px) !important;
}
body.has-user-dashboard-theme #dashboard .content-type-col{
  background:rgba(255,255,255,.30) !important;
  border-color:rgba(255,255,255,.42) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
}
body.has-user-dashboard-theme #dashboard .content-task-card,
body.has-user-dashboard-theme #dashboard .soft-empty{
  background:rgba(255,255,255,.50) !important;
  border-color:rgba(255,255,255,.48) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}
body.has-user-dashboard-theme #dashboard .user-theme-panel{
  position:relative !important;
  z-index:30 !important;
  margin:0 0 16px !important;
}
body.has-user-dashboard-theme #dashboard .user-theme-upload,
body.has-user-dashboard-theme #dashboard #clearUserThemeBtn{
  background:rgba(255,255,255,.62) !important;
  border-color:rgba(255,255,255,.65) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}
body.has-user-dashboard-theme #dashboard .page-title,
body.has-user-dashboard-theme #dashboard .content-type-title,
body.has-user-dashboard-theme #dashboard .exec-stats{
  text-shadow:0 1px 10px rgba(255,255,255,.55) !important;
}

/* === v17 user dashboard: remove big glass container, keep only cards === */
body.has-user-dashboard-theme #dashboard.user-mode .user-content-dashboard,
body.has-user-dashboard-theme #dashboard.user-mode .user-dashboard-panel,
body.has-user-dashboard-theme #dashboard.user-mode .workspace-card.user-content-dashboard{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
}
body.has-user-dashboard-theme #dashboard.user-mode .content-type-board{
  position: relative !important;
  z-index: 2 !important;
}
body.has-user-dashboard-theme #dashboard.user-mode .content-type-col{
  background: rgba(255,255,255,.46) !important;
  border: 1px solid rgba(255,255,255,.52) !important;
  box-shadow: 0 18px 44px rgba(45,23,19,.13) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card{
  background: rgba(255,255,255,.66) !important;
  border-color: rgba(255,255,255,.62) !important;
  box-shadow: 0 12px 26px rgba(45,23,19,.10) !important;
}
body.has-user-dashboard-theme #dashboard.user-mode .soft-empty{
  background: rgba(255,255,255,.28) !important;
  border-color: rgba(255,255,255,.35) !important;
  box-shadow: none !important;
}

/* v18 campaign/database/task modal refinements */
.task-brief-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px!important;margin-block:10px!important}
.task-brief-row .brief-box{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.45);min-height:72px}
.task-brief-row .brief-box span{display:block;color:var(--muted);font-weight:800;font-size:.8rem;margin-bottom:6px}
.task-brief-row .brief-box strong{display:block;color:var(--text);font-size:.92rem;line-height:1.6}
.task-modal-dialog{max-height:92vh;overflow:auto}
.campaign-modal-dialog{width:min(1180px,94vw)}
.campaign-card-item{cursor:pointer}
.campaign-card-item:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(90,58,50,.10)}
.database-table-wrap{overflow:auto;max-width:100%}
.database-table,.compact-table table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.55)}
.database-table th,.database-table td,.compact-table th,.compact-table td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:right;white-space:nowrap;font-size:.82rem}
.database-table th,.compact-table th{background:var(--primary);color:#fff;font-weight:900}
.database-table tr:last-child td,.compact-table tr:last-child td{border-bottom:0}
.db-actions{display:flex;gap:6px;align-items:center}
.db-task-group{border:1px solid var(--line);border-radius:16px;padding:10px;margin-bottom:10px;background:rgba(255,255,255,.42)}
.db-task-group h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:.95rem}
.db-task-row{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:8px;align-items:center;border-top:1px dashed var(--line);padding:8px 0;font-size:.82rem}
.result-file-line,.db-link-row,.link-add-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}
.campaign-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
@media(max-width:900px){.task-brief-row,.campaign-edit-grid{grid-template-columns:1fr}.db-task-row{grid-template-columns:1fr}}


/* v19 database + task modal readability */
.task-modal.show{display:grid!important;place-items:center!important}
.task-modal-dialog{width:min(1280px,calc(100vw - 32px))!important;max-height:calc(100vh - 28px)!important;padding:28px!important;font-size:15.5px!important;line-height:1.75!important}
.task-modal-head h2{font-size:30px!important;line-height:1.25!important}
.task-modal-head span{font-size:14px!important}.task-modal-head p{font-size:14px!important}
.modal-section{padding:18px!important;border-radius:20px!important}.modal-section-title h3{font-size:20px!important}.modal-section-title span{font-size:13px!important}
.task-info-grid span{font-size:12px!important}.task-info-grid strong{font-size:14px!important}.brief-box span{font-size:13px!important}.brief-box strong{font-size:16px!important}.task-mini-meta span{font-size:13px!important}.workflow-step span{font-size:15px!important}.workflow-step strong{font-size:13px!important}.workflow-step em{font-size:12px!important}.task-files-table th,.task-files-table td{font-size:13.5px!important}
.database-table td.db-department-cell{white-space:normal!important;vertical-align:top;min-width:230px;padding:8px!important}
.db-department-stack{display:grid;gap:8px;min-width:220px}.db-department-mini{display:grid;gap:3px;background:rgba(255,255,255,.68);border:1px solid var(--line);border-radius:12px;padding:8px;line-height:1.55}.db-department-mini span{display:block;font-size:.78rem;color:var(--muted);white-space:normal}.db-department-mini b{color:var(--text);font-weight:900}.muted-db-cell{color:var(--muted);font-weight:900}
@media(max-width:780px){.task-modal-dialog{width:calc(100vw - 12px)!important;padding:16px!important;font-size:14px!important}.task-modal-head h2{font-size:23px!important}}

/* v20 requested task modal, database table, and required-date refinements */
.task-modal.show{display:grid!important;place-items:center!important}
.task-modal-dialog{
  width:min(1480px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 18px)!important;
  overflow:auto!important;
  padding:24px 28px!important;
  font-size:16.5px!important;
  line-height:1.55!important;
}
.task-modal-head{
  padding:6px 48px 10px 0!important;
  margin-bottom:10px!important;
  align-items:center!important;
}
.task-modal-head h2{font-size:30px!important;margin:2px 0!important;line-height:1.2!important}
.task-modal-head span{font-size:14px!important}.task-modal-head p{font-size:14px!important}
.modal-section{padding:13px 14px!important;margin-bottom:9px!important;border-radius:18px!important}
.campaign-data-line .modal-section-title{margin-bottom:8px!important}
.task-info-grid.compact-one-line{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(120px,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
.task-info-grid.compact-one-line>div{
  min-height:auto!important;
  padding:9px 10px!important;
  border-radius:13px!important;
}
.task-info-grid.compact-one-line span{font-size:11.5px!important;margin-bottom:2px!important}
.task-info-grid.compact-one-line strong{font-size:13.5px!important;line-height:1.35!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-brief-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:9px!important;margin-block:8px!important}
.task-brief-row .brief-box{min-height:58px!important;padding:9px 10px!important;border-radius:14px!important}
.task-brief-row .brief-box span{font-size:12.5px!important;margin-bottom:3px!important}
.task-brief-row .brief-box strong{font-size:15px!important;line-height:1.35!important}
.task-deadline-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 11px;margin-bottom:9px;border:1px solid rgba(90,58,50,.14);
  background:rgba(248,241,234,.7);border-radius:14px;font-weight:900;color:var(--primary);
}
.task-deadline-row span,.task-deadline-row strong{font-size:14px!important}
.task-mini-meta{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:9px!important}
.task-mini-meta span{font-size:13.5px!important;background:rgba(255,255,255,.7);border:1px solid var(--border);border-radius:999px;padding:6px 10px!important}
.receive-action-row{display:flex;justify-content:flex-end;margin:4px 0 9px!important}
.receive-action-row .receive-action{min-width:170px;font-size:14px!important;padding:10px 16px!important}
.modal-steps-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:8px!important}
.workflow-step{padding:10px 11px!important;border-radius:13px!important;min-height:68px!important}
.workflow-step span{font-size:14.5px!important}.workflow-step strong{font-size:12px!important}.workflow-step em{font-size:11px!important}
.attachment-section{padding-block:10px!important}.task-files-table th,.task-files-table td{font-size:13.5px!important;padding:7px 8px!important}
.database-table-wrap{
  overflow:auto!important;
  max-height:calc(100vh - 230px)!important;
  border-radius:18px!important;
  border:1px solid var(--line)!important;
  background:rgba(255,255,255,.48)!important;
}
.database-table{border:0!important;border-radius:0!important;background:transparent!important}
.database-table th{position:sticky;top:0;z-index:2;font-weight:900!important}
.database-table td{font-weight:800!important;color:var(--text)!important}
.database-table td.db-department-cell{font-weight:800!important}
.db-department-mini span{font-weight:800!important;color:var(--text)!important}.db-department-mini b{font-weight:900!important}
.creative-task-block label span{font-weight:900}.creative-task-block .js-task-required-date{min-width:120px}
@media(max-width:1100px){.task-info-grid.compact-one-line{grid-template-columns:repeat(3,minmax(0,1fr))!important}.task-modal-dialog{width:calc(100vw - 12px)!important;padding:16px!important}.modal-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.task-info-grid.compact-one-line,.task-brief-row{grid-template-columns:1fr!important}.modal-steps-grid{grid-template-columns:1fr!important}.receive-action-row{justify-content:stretch}.receive-action-row .receive-action{width:100%}}


/* v21 stock controls */
.stock-title-row{align-items:flex-start}.stock-filter-field{min-width:260px}.stock-filter-field select,.stock-shot-select{border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);padding:9px 12px;font-weight:900}.stock-table{min-width:980px!important}.stock-table th,.stock-table td{display:table-cell!important}.stock-table .stock-key{min-width:320px;text-align:right}.stock-use-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-weight:900;border:1px solid var(--border);white-space:nowrap}.stock-use-badge.is-used{background:rgba(221,238,214,.85);color:#31582d}.stock-use-badge.is-unused{background:rgba(255,227,223,.8);color:#8a2c20}.stock-table th:nth-child(n+6),.stock-table td:nth-child(n+6){display:table-cell!important}
@media(max-width:780px){.stock-title-row{flex-direction:column}.stock-filter-field{width:100%}}


/* v22 stock dedupe, filtered counts, and usage popup */
.stock-stats-clean{grid-template-columns:repeat(1,minmax(0,1fr))!important;max-width:360px!important}
.stock-table .stock-key small{display:none!important}
.stock-table .stock-key strong{font-size:13px;line-height:1.6;display:block}
.car-check-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px;font-weight:800}
.stock-usage-dialog{width:min(1150px,calc(100vw - 40px))!important}
.stock-usage-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px;background:#fff}
.stock-usage-table{width:100%;min-width:900px;border-collapse:collapse;font-weight:800}
.stock-usage-table th{background:var(--primary);color:#fff;padding:12px;text-align:center;white-space:nowrap}
.stock-usage-table td{border-bottom:1px solid var(--border);padding:12px;text-align:center;vertical-align:top}
.stock-usage-table tbody tr:last-child td{border-bottom:0}
@media(max-width:780px){.stock-stats-clean{max-width:none!important}.stock-usage-dialog{width:calc(100vw - 14px)!important}}


/* v23 stock filter cards and robust shot save UI */
.stock-filter-area{display:flex;flex-direction:column;gap:10px;min-width:min(100%,760px)}
.stock-filter-hidden{display:none!important}
.stock-filter-cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;width:100%}
.stock-filter-card{border:1px solid var(--border);background:rgba(255,255,255,.82);border-radius:18px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-family:inherit;color:var(--text);box-shadow:0 12px 28px rgba(62,38,29,.06);transition:.18s ease;font-weight:900;text-align:right}
.stock-filter-card span{font-size:12px;color:var(--muted);line-height:1.4}
.stock-filter-card b{font-size:24px;color:var(--text);line-height:1}
.stock-filter-card.active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;color:#fff;box-shadow:0 18px 38px rgba(94,49,37,.16);transform:translateY(-1px)}
.stock-filter-card.active span,.stock-filter-card.active b{color:#fff}
.stock-shot-select{min-width:86px;text-align:center;cursor:pointer}
@media(max-width:1180px){.stock-filter-cards{grid-template-columns:repeat(2,minmax(140px,1fr))}}
@media(max-width:620px){.stock-filter-cards{grid-template-columns:1fr}.stock-filter-area{min-width:0;width:100%}}

/* v27 fixes */
.topbar-user{font-weight:900;color:var(--primary);background:rgba(255,255,255,.72);border:1px solid var(--border);border-radius:999px;padding:9px 14px;white-space:nowrap}
.permission-user-card .mini-field{display:grid;gap:6px;min-width:150px;font-weight:800;color:var(--primary)}
.permission-user-card .mini-field select{border:1px solid var(--border);border-radius:12px;background:#fff;padding:9px 10px;font-weight:800;color:var(--text)}

/* v28: creative checkbox picker */
.creative-checkbox-picker {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.creative-checkbox-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
  max-height: 130px;
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--line, #e5cbbe);
  border-radius: 14px;
  background: rgba(255,255,255,.45);
}
.creative-check-card {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid var(--line, #e5cbbe);
  border-radius: 12px;
  background: rgba(255,255,255,.70);
  font-weight: 800;
  cursor: pointer;
}
.creative-check-card input { accent-color: var(--primary, #5a3329); }
.creative-check-card span { line-height: 1.35; }


/* v29: compact horizontal creative checkbox picker */
.creative-checkbox-picker{gap:6px!important;min-width:0!important}
.creative-checkbox-grid{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  max-height:82px!important;
  overflow:auto!important;
  padding:6px!important;
  border-radius:12px!important;
}
.creative-check-card{
  flex:0 0 auto!important;
  min-width:118px!important;
  max-width:190px!important;
  min-height:34px!important;
  padding:6px 9px!important;
  border-radius:10px!important;
  font-size:11px!important;
  justify-content:flex-start!important;
}
.creative-check-card input{width:15px!important;height:15px!important;margin:0!important;flex:0 0 auto!important}
.creative-check-card span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* v30: compact creative rows + campaign structure workflow */
.compact-creative-row{padding:7px!important;border-radius:12px!important;gap:7px!important}
.compact-creative-row .creative-row-head{grid-template-columns:minmax(220px,1fr) minmax(180px,260px) 28px!important;gap:7px!important;align-items:start!important}
.compact-creative-row .creative-checkbox-picker{padding:6px!important;border:1px solid var(--border);border-radius:12px;background:rgba(255,250,246,.72)}
.compact-creative-row .creative-checkbox-picker>span{font-size:10px!important;margin-bottom:4px!important;display:block}
.compact-creative-row .creative-checkbox-grid{display:flex!important;flex-wrap:wrap!important;gap:4px!important;max-height:54px!important;overflow:auto!important;padding:0!important}
.compact-creative-row .creative-check-card{display:inline-flex!important;align-items:center!important;gap:4px!important;width:auto!important;min-width:auto!important;padding:4px 7px!important;border-radius:999px!important;font-size:10px!important;line-height:1.1!important;background:#fff!important}
.compact-creative-row .creative-check-card input{width:13px!important;height:13px!important}
.compact-creative-row .creative-product-field input{height:30px!important;font-size:10px!important}
.compact-creative-row .car-picker-enable{font-size:10.5px!important;padding:4px 0!important}
.compact-creative-row .car-picker-block{padding:6px!important;border-radius:12px!important}
.compact-creative-row .car-checkbox-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;max-height:90px!important;overflow:auto!important}
.compact-creative-row .car-check-card{padding:5px!important;border-radius:10px!important;font-size:10px!important;min-height:auto!important}
.compact-creative-row .creative-task-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.compact-creative-row .creative-task-block{padding:6px!important;border-radius:11px!important;gap:4px!important}
.compact-creative-row .creative-task-block span{font-size:9.5px!important}
.compact-creative-row .creative-task-block select,.compact-creative-row .creative-task-block input{height:28px!important;font-size:10px!important;padding:3px 5px!important}
.compact-creative-row .creative-task-block .js-task-user{height:44px!important;min-height:44px!important}
.structure-section{background:rgba(255,248,242,.9)!important;border-color:#e4c6b7!important}
.structure-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.structure-file-name{font-weight:900;color:var(--primary)}.structure-file-name.muted{color:var(--muted)}
.structure-admin-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.structure-table-wrap{max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff}.structure-table{width:100%;border-collapse:collapse}.structure-table th,.structure-table td{border-bottom:1px solid var(--border);padding:8px;font-size:12px;text-align:right;vertical-align:top}.structure-table th{background:#f4e5db;color:var(--primary);position:sticky;top:0;z-index:1}.structure-table tr.has-note td{background:#fff8c9}.structure-note-chip{display:block;background:#fff0a5;border:1px solid #e9c95c;border-radius:8px;padding:4px;margin:2px 0;font-weight:800}.structure-notes-list{display:grid;gap:6px;margin:8px 0}.structure-note{background:#fff8c9;border:1px solid #ead779;border-radius:12px;padding:8px}.structure-note p{margin:3px 0 0}.structure-distribution{margin-top:12px;border-top:1px dashed var(--border);padding-top:10px}.structure-distribution h4{margin:0 0 8px}.structure-assign-list{display:grid;gap:8px;margin-bottom:10px}.structure-assign-row{display:grid;grid-template-columns:1fr 220px;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:8px;background:#fff}.structure-assign-row p{margin:2px 0 0;color:var(--muted);font-size:12px}.structure-assign-row select{height:34px;border:1px solid var(--border);border-radius:10px;background:#fffaf6;font-weight:800}
@media(max-width:1100px){.compact-creative-row .creative-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-creative-row .car-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-creative-row .creative-row-head{grid-template-columns:1fr!important}.structure-assign-row{grid-template-columns:1fr!important}}

.structure-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.structure-task-grid>div{border:1px solid var(--border);border-radius:12px;background:#fff;padding:9px}.structure-task-grid span{display:block;color:var(--muted);font-weight:900;font-size:12px}.structure-task-grid strong{display:block;color:var(--text);font-size:14px;line-height:1.5}

/* v32: two-line creative picker and full campaign structure review */
.compact-creative-row .creative-two-line-head{
  display:grid!important;
  grid-template-columns:1fr 30px!important;
  gap:8px!important;
  align-items:start!important;
}
.compact-creative-row .creative-two-line-head .creative-checkbox-picker{
  width:100%!important;
}
.compact-creative-row .creative-two-line-head .creative-checkbox-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(92px,1fr))!important;
  grid-auto-rows:28px!important;
  max-height:64px!important;
  overflow:auto!important;
  gap:5px!important;
  padding:5px!important;
}
.compact-creative-row .creative-two-line-head .creative-check-card{
  justify-content:space-between!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:28px!important;
  padding:4px 7px!important;
  font-size:10px!important;
  border-radius:999px!important;
}
.compact-creative-row .product-under-creatives{
  display:grid!important;
  width:100%!important;
  margin-top:2px!important;
}
.compact-creative-row .product-under-creatives input{
  width:100%!important;
  height:31px!important;
  border-radius:10px!important;
  font-size:11px!important;
}
.structure-workbook-view{margin-top:12px;display:grid;gap:12px}
.structure-workbook-view h4,.structure-execution-preview h4{margin:0;color:var(--primary);font-size:15px;font-weight:900}
.structure-sheet-block{border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.78);overflow:hidden}
.structure-sheet-title{padding:8px 10px;font-weight:900;color:var(--primary);background:#f4e5db;border-bottom:1px solid var(--border)}
.structure-table-wrap.full-sheet{max-height:360px;overflow:auto;border:0;border-radius:0;background:#fff}
.full-structure-table{min-width:980px;table-layout:auto}
.full-structure-table td{min-width:120px;max-width:280px;white-space:pre-wrap;word-break:break-word;cursor:pointer;position:relative;background:#fff}
.full-structure-table tr:first-child td,.full-structure-table tr:nth-child(2) td{font-weight:900;color:var(--primary);background:#fff8f2}
.full-structure-table td.marked-cell{background:#fff3a8!important;box-shadow:inset 0 0 0 2px #e6c748}
.cell-note-badge{margin-top:4px;background:#ffe570;border:1px solid #d7b93a;border-radius:8px;padding:3px 5px;font-size:10px;font-weight:900;color:#4a341a}
.structure-execution-preview{margin-top:12px;display:grid;gap:8px}
@media(max-width:1400px){.compact-creative-row .creative-two-line-head .creative-checkbox-grid{grid-template-columns:repeat(4,minmax(90px,1fr))!important}}
@media(max-width:900px){.compact-creative-row .creative-two-line-head .creative-checkbox-grid{grid-template-columns:repeat(2,minmax(90px,1fr))!important}}


/* v33: full sheet structure review by direct cell marking */
.structure-workbook-view{margin-top:14px!important}
.structure-workbook-view h4{font-size:15px!important;color:var(--primary)!important;font-weight:900!important;margin:0 0 8px!important}
.structure-table-wrap.full-sheet{max-height:620px!important;overflow:auto!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:14px!important}
.full-structure-table{min-width:max-content!important;width:max-content!important;border-collapse:collapse!important}
.full-structure-table td{min-width:130px!important;max-width:360px!important;padding:9px 10px!important;font-size:12px!important;line-height:1.55!important;white-space:pre-wrap!important;word-break:break-word!important;cursor:pointer!important}
.full-structure-table td:hover{box-shadow:inset 0 0 0 2px rgba(90,51,41,.22)!important;background:#fffaf3!important}
.full-structure-table td.marked-cell{background:#fff2a6!important;box-shadow:inset 0 0 0 2px #d7b933!important}
.cell-note-badge{display:block;margin-top:6px;background:#fff7c8;border:1px solid #d8bd49;border-radius:8px;padding:4px 6px;color:#4b2a20;font-weight:900;font-size:11px}
.structure-execution-preview{display:none!important}
.structure-admin-tools{justify-content:flex-start!important;margin:8px 0 12px!important}
.structure-approved-message{margin:8px 0 12px;padding:10px 12px;border-radius:12px;background:#f3eadf;border:1px solid var(--border);font-weight:900;color:var(--primary)}
.structure-approved-distribution .structure-distribution{margin-top:0;border-top:0;padding-top:0}


/* v39: Excel-like campaign structure preview with merged cells */
.full-structure-table.excel-like-structure{
  border-collapse:collapse!important;
  direction:rtl!important;
  background:#fff!important;
}
.full-structure-table.excel-like-structure td{
  border:1px solid #1e1e1e!important;
  padding:8px 10px!important;
  min-width:105px!important;
  max-width:320px!important;
  vertical-align:middle!important;
  text-align:center!important;
  color:#2b130f!important;
  font-size:12px!important;
  line-height:1.55!important;
  background:#fff!important;
}
.full-structure-table.excel-like-structure td.excel-merged-cell{
  font-weight:800!important;
}
.full-structure-table.excel-like-structure td.excel-section-title{
  background:#111!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:13px!important;
  text-align:center!important;
  letter-spacing:.2px!important;
}
.full-structure-table.excel-like-structure td.excel-section-side,
.full-structure-table.excel-like-structure td.excel-vertical-side{
  background:#d8d8d8!important;
  color:#111!important;
  font-weight:900!important;
  text-align:center!important;
}
.full-structure-table.excel-like-structure td.campaign-logic-side,
.full-structure-table.excel-like-structure td.awareness-side{
  background:#bfbfbf!important;
}
.full-structure-table.excel-like-structure td.marked-cell{
  background:#fff19b!important;
  box-shadow:inset 0 0 0 2px #cfb100!important;
}
.full-structure-table.excel-like-structure td:hover{
  background:#fff7d6!important;
  box-shadow:inset 0 0 0 2px rgba(90,51,41,.28)!important;
}
.structure-table-wrap.full-sheet{
  max-height:680px!important;
}
.structure-sheet-title{
  font-size:16px!important;
  text-align:right!important;
}

/* v40 - clean campaign structure sheet display */
.structure-workbook-view{gap:12px;}
.structure-sheet-block.compact-structure-section{margin:10px 0 18px; border:1px solid rgba(91,48,38,.20); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.70);}
.structure-sheet-block.compact-structure-section .structure-sheet-title{background:#2b1611;color:#fff;font-weight:900;text-align:center;padding:10px 12px;font-size:14px;}
.structure-table.compact-excel-section{table-layout:auto; width:100%; min-width:720px;}
.structure-table.compact-excel-section td{min-width:120px; padding:10px 12px; vertical-align:middle; line-height:1.8; font-weight:700;}
.structure-table.compact-excel-section .excel-section-title{background:#111!important;color:#fff!important;font-weight:900;text-align:center;font-size:14px;}
.structure-table.compact-excel-section .excel-section-side{background:#bfbfbf!important;color:#111!important;font-weight:900;text-align:center;}
.structure-table.compact-excel-section .excel-vertical-side{writing-mode:horizontal-tb; font-size:14px;}
.structure-table.compact-excel-section td:empty{display:none;}
.structure-table-wrap.full-sheet{max-height:520px;}

/* Structure sheet fixes: no duplicated black section title, inline notes instead of browser prompt */
.structure-sheet-block.compact-structure-section .structure-sheet-title{display:none!important;}
.inline-structure-note-editor{position:relative;z-index:5;margin-top:8px;background:#fffaf6;border:1px solid #d7b93a;border-radius:10px;padding:8px;box-shadow:0 8px 22px rgba(0,0,0,.16);min-width:220px;color:#2b1611;direction:rtl;text-align:right;}
.inline-note-title{font-size:11px;font-weight:900;margin-bottom:6px;color:#4b2a20;white-space:normal;}
.inline-note-input{width:100%;min-height:70px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:7px;background:#fff;color:#1f1714;font-family:inherit;font-size:12px;}
.inline-note-actions{display:flex;gap:6px;justify-content:flex-start;margin-top:6px;}
.inline-note-actions .mini-btn{height:28px;padding:0 10px;border-radius:8px;}

/* v41 - cleaner fullscreen structure modal and note box */
.task-modal.structure-fullscreen-modal{padding:0!important;align-items:stretch!important;justify-items:stretch!important;place-items:stretch!important;background:rgba(20,12,9,.78)!important;}
.task-modal.structure-fullscreen-modal .task-modal-backdrop{background:rgba(20,12,9,.78)!important;}
.task-modal.structure-fullscreen-modal .task-modal-dialog{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0!important;padding:18px 22px!important;overflow:auto!important;background:#fffaf6!important;}
.task-modal.structure-fullscreen-modal .task-modal-head{position:sticky!important;top:0!important;z-index:20!important;background:linear-gradient(180deg,#fffaf6 0%,#fff4ec 100%)!important;border:1px solid rgba(91,48,38,.14)!important;border-radius:18px!important;padding:12px 14px!important;margin-bottom:12px!important;box-shadow:0 10px 24px rgba(43,22,17,.08)!important;}
.task-modal.structure-fullscreen-modal .task-modal-head h2{font-size:24px!important;}
.task-modal.structure-fullscreen-modal .modal-section{background:#fff!important;border:1px solid rgba(91,48,38,.12)!important;box-shadow:0 8px 22px rgba(43,22,17,.05)!important;}
.structure-help-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(91,48,38,.14);border-radius:14px;background:#fff7ef;color:#2b1611;font-weight:900;}
.structure-help-bar span{font-size:12px;color:#7b6259;font-weight:800;}
.structure-sheet-block.compact-structure-section{border:1px solid rgba(91,48,38,.16)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 30px rgba(43,22,17,.06)!important;}
.structure-table-wrap.full-sheet{border-radius:18px!important;border:1px solid rgba(91,48,38,.14)!important;max-height:calc(100vh - 260px)!important;background:#fff!important;}
.structure-table.compact-excel-section td{border:1px solid rgba(91,48,38,.12)!important;padding:11px 13px!important;font-size:12.5px!important;line-height:1.65!important;color:#2b2522!important;background:#fff!important;}
.structure-table.compact-excel-section .excel-section-title{background:#24100b!important;color:#fff!important;letter-spacing:.1px!important;}
.structure-table.compact-excel-section .excel-section-side{background:#eee5dc!important;color:#2b1611!important;}
.structure-table.compact-excel-section td:hover{background:#fff8e8!important;box-shadow:inset 0 0 0 2px rgba(215,185,58,.45)!important;}
.structure-table.compact-excel-section td.marked-cell{background:#fff1a3!important;box-shadow:inset 0 0 0 2px #d4ae22!important;}
.cell-note-badge{margin-top:7px;padding:5px 7px;border-radius:9px;background:#fff2ad;border:1px solid #e3c75d;color:#3a281f;font-size:11px;font-weight:900;}
.structure-note-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(25,15,11,.35);backdrop-filter:blur(2px);}
.inline-structure-note-editor.structure-note-box{position:fixed!important;z-index:9999!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(460px,calc(100vw - 28px))!important;min-width:0!important;margin:0!important;padding:16px!important;border-radius:18px!important;background:#fffaf6!important;border:1px solid rgba(91,48,38,.18)!important;box-shadow:0 28px 80px rgba(0,0,0,.28)!important;}
.inline-note-title{display:grid;gap:6px!important;margin-bottom:10px!important;color:#2b1611!important;}
.inline-note-title b{font-size:16px!important;}
.inline-note-title small{display:block;max-height:72px;overflow:auto;padding:8px;border-radius:10px;background:#fff;border:1px solid rgba(91,48,38,.12);font-size:12px;color:#6b544b;line-height:1.6;}
.inline-note-input{min-height:130px!important;font-size:14px!important;line-height:1.7!important;border-radius:12px!important;border:1px solid rgba(91,48,38,.22)!important;background:#fff!important;}
.inline-note-actions{justify-content:flex-start!important;gap:8px!important;margin-top:10px!important;}
.inline-note-actions .mini-btn{height:34px!important;padding:0 14px!important;border-radius:11px!important;font-weight:900!important;}
.inline-note-actions .structure-note-save{background:#2b1611!important;color:#fff!important;border-color:#2b1611!important;}
@media(max-width:760px){.task-modal.structure-fullscreen-modal .task-modal-dialog{padding:10px!important}.structure-help-bar{align-items:flex-start;flex-direction:column}.structure-table-wrap.full-sheet{max-height:calc(100vh - 300px)!important}}

/* v42 - normal task popup, fixed colored structure titles, protected titles */
.task-modal.structure-fullscreen-modal .task-modal-dialog{
  width:min(1120px,calc(100vw - 28px))!important;
  height:auto!important;
  max-width:1120px!important;
  max-height:calc(100vh - 36px)!important;
  border-radius:22px!important;
  padding:18px!important;
}
.structure-table-wrap.full-sheet{
  max-height:560px!important;
  border-radius:16px!important;
}
.full-structure-table.excel-like-structure td.excel-section-title,
.structure-table.compact-excel-section .excel-section-title{
  color:#2b1611!important;
  background:#f5e2c8!important;
  border-color:rgba(91,48,38,.18)!important;
  font-weight:950!important;
  cursor:default!important;
}
.full-structure-table.excel-like-structure td.logic-title,
.structure-table.compact-excel-section .logic-title{
  background:#d9ead3!important;
  color:#1f3b1f!important;
}
.full-structure-table.excel-like-structure td.writing-title,
.structure-table.compact-excel-section .writing-title{
  background:#dbeafe!important;
  color:#17345f!important;
}
.full-structure-table.excel-like-structure td.execution-title,
.structure-table.compact-excel-section .execution-title{
  background:#fdecc8!important;
  color:#5a3513!important;
}
.full-structure-table.excel-like-structure td.protected-structure-title:hover,
.structure-table.compact-excel-section td.protected-structure-title:hover{
  box-shadow:none!important;
  filter:none!important;
}
.full-structure-table.excel-like-structure td.protected-structure-title.marked-cell,
.structure-table.compact-excel-section td.protected-structure-title.marked-cell{
  box-shadow:none!important;
}
.structure-table.compact-excel-section td{
  border-color:rgba(91,48,38,.14)!important;
}

/* v43 - canonical colored section headers, no repeated title rows inside the sheet */
.structure-section-display-title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border:1px solid rgba(91,48,38,.14)!important;
  border-bottom:0!important;
  border-radius:18px 18px 0 0!important;
  font-weight:950!important;
  font-size:14px!important;
  text-align:center!important;
  cursor:default!important;
  user-select:none!important;
}
.structure-section-display-title.logic-title{
  background:#d9ead3!important;
  color:#1f3b1f!important;
}
.structure-section-display-title.writing-title{
  background:#dbeafe!important;
  color:#17345f!important;
}
.structure-section-display-title.execution-title{
  background:#fdecc8!important;
  color:#5a3513!important;
}
.structure-sheet-block.compact-structure-section .structure-table-wrap.full-sheet{
  border-radius:0 0 18px 18px!important;
}
.structure-table.compact-excel-section td.protected-structure-title,
.full-structure-table.excel-like-structure td.protected-structure-title{
  pointer-events:none!important;
  user-select:none!important;
}

/* v52 monitoring dashboard */
.receive-list div span{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.receive-list div span em{font-style:normal;color:#8b6f66;font-size:12px;font-weight:700}.monitor-page{display:flex;flex-direction:column;gap:18px}.monitor-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.monitor-metric{background:#fff;border:1px solid rgba(120,70,50,.18);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(80,42,30,.06)}.monitor-metric span{display:block;color:#8b6f66;font-size:13px;font-weight:800;margin-bottom:8px}.monitor-metric strong{font-size:28px;color:#2b1812}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.monitor-panel{background:#fff;border:1px solid rgba(120,70,50,.18);border-radius:20px;padding:16px;box-shadow:0 12px 30px rgba(80,42,30,.06);overflow:hidden}.monitor-panel.wide{grid-column:1/-1}.monitor-panel h2{margin:0 0 14px;font-size:18px;color:#2b1812}.monitor-bar-row,.monitor-progress-row,.monitor-task-row{border:1px solid rgba(120,70,50,.12);border-radius:14px;padding:11px;margin-bottom:9px;background:#fffaf7}.monitor-bar-row>div:first-child,.monitor-progress-row>div:first-child,.monitor-task-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.monitor-bar-row b,.monitor-progress-row b,.monitor-task-row b{color:#2b1812}.monitor-bar-row span,.monitor-progress-row span,.monitor-task-row span{color:#8b6f66;font-size:12px;font-weight:700}.monitor-bar,.monitor-progress-row .task-card-progress{height:9px;background:#f1e4de;border-radius:99px;overflow:hidden;margin-top:9px}.monitor-bar i,.monitor-progress-row .task-card-progress span{display:block;height:100%;background:linear-gradient(90deg,#7d4a3f,#c9856f);border-radius:inherit}.monitor-task-row strong,.monitor-progress-row strong{color:#7d4a3f;white-space:nowrap}.campaign-stage-chart{border:1px solid rgba(120,70,50,.12);border-radius:16px;padding:12px;margin-bottom:12px;background:#fffdfb}.campaign-stage-chart h3{margin:0 0 10px;color:#2b1812;font-size:15px}@media(max-width:900px){.monitor-grid{grid-template-columns:1fr}.monitor-panel.wide{grid-column:auto}}

/* v53 professional monitoring cards */
.professional-monitor{gap:20px}.monitor-hero-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-radius:26px;background:linear-gradient(135deg,#fff7ee,#ffffff);border:1px solid rgba(133,77,55,.18);box-shadow:0 18px 45px rgba(79,42,30,.08)}.monitor-hero-card p{margin:0 0 6px;color:#a57968;font-weight:900;font-size:13px}.monitor-hero-card h2{margin:0;color:#2b1812;font-size:25px}.monitor-hero-card span{display:block;margin-top:8px;color:#8b6f66;font-weight:800}.monitor-hero-card strong{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;background:#6f3f34;color:#fff;font-size:26px;box-shadow:0 14px 30px rgba(111,63,52,.22)}.compact-metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.monitor-metric{position:relative;overflow:hidden}.monitor-metric:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:#8c5a4f}.monitor-metric small{display:block;margin-top:6px;color:#9a7b70;font-size:12px;font-weight:800}.monitor-metric.tone-campaigns:before{background:#8a6a43}.monitor-metric.tone-tasks:before{background:#6a7462}.monitor-metric.tone-late:before{background:#a94e3f}.monitor-metric.tone-waiting:before{background:#b58a44}.monitor-metric.tone-active:before{background:#4f7b68}.professional-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.professional-grid .monitor-panel{min-height:230px}.monitor-panel h2{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(120,70,50,.1)}.monitor-panel h2:before{content:"";width:10px;height:10px;border-radius:50%;background:#8c5a4f}.professional-grid .monitor-task-row,.professional-grid .monitor-bar-row,.professional-grid .monitor-progress-row{transition:transform .16s ease, box-shadow .16s ease}.professional-grid .monitor-task-row:hover,.professional-grid .monitor-bar-row:hover,.professional-grid .monitor-progress-row:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(80,42,30,.07)}@media(max-width:1100px){.professional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.professional-grid{grid-template-columns:1fr}.monitor-hero-card{align-items:flex-start;flex-direction:column}.monitor-hero-card strong{width:76px;height:76px}}

/* v54 monitoring full-width layout */
#tasks .tasks-page-board{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
#tasks .professional-monitor{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  gap:18px!important;
}
#tasks .monitor-hero-card{
  width:100%!important;
  min-height:120px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
}
#tasks .compact-metrics{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
  gap:14px!important;
  width:100%!important;
}
#tasks .professional-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(260px,1fr))!important;
  gap:16px!important;
  width:100%!important;
}
#tasks .professional-grid .monitor-panel{
  min-height:210px!important;
}
#tasks .monitor-panel,
#tasks .monitor-metric,
#tasks .monitor-hero-card{
  box-shadow:0 12px 28px rgba(80,42,30,.06)!important;
}
#tasks .monitor-bar-row,
#tasks .monitor-progress-row,
#tasks .monitor-task-row{
  margin-bottom:8px!important;
}
@media(max-width:1400px){
  #tasks .compact-metrics{grid-template-columns:repeat(3,minmax(180px,1fr))!important;}
  #tasks .professional-grid{grid-template-columns:repeat(2,minmax(260px,1fr))!important;}
}
@media(max-width:780px){
  #tasks .compact-metrics,
  #tasks .professional-grid{grid-template-columns:1fr!important;}
  #tasks .monitor-hero-card{flex-direction:column!important;align-items:flex-start!important;}
}

/* Database campaign task full details */
.db-task-group-full{display:grid;gap:12px;padding:14px;background:rgba(255,255,255,.56)}
.db-task-group-full h4{border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:0}
.db-task-full-card{border:1px solid var(--border);border-radius:18px;background:#fffaf6;padding:14px;display:grid;gap:12px;box-shadow:0 8px 22px rgba(90,58,50,.06)}
.db-task-full-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px dashed var(--border);padding-bottom:10px}
.db-task-full-head b{display:block;font-size:15px;color:var(--text);line-height:1.7}
.db-task-full-head small{display:block;color:var(--muted);font-weight:900;line-height:1.6}
.db-task-meta-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}
.db-task-meta-grid>div,.db-task-detail-field{border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.72);padding:10px;display:grid;gap:5px;align-content:start}
.db-task-meta-grid span,.db-task-detail-field span{color:var(--muted);font-weight:900;font-size:12px}
.db-task-meta-grid strong,.db-task-detail-field strong{color:var(--text);font-weight:900;line-height:1.7;white-space:pre-wrap}
.db-task-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.db-task-detail-field:nth-child(3),.db-task-detail-field:nth-child(4),.db-task-detail-field:nth-child(6){grid-column:span 2}
@media(max-width:1100px){.db-task-meta-grid{grid-template-columns:repeat(2,1fr)}.db-task-details-grid{grid-template-columns:1fr}.db-task-detail-field:nth-child(3),.db-task-detail-field:nth-child(4),.db-task-detail-field:nth-child(6){grid-column:span 1}}
@media(max-width:700px){.db-task-full-head{flex-direction:column}.db-task-meta-grid{grid-template-columns:1fr}}


/* Database compact task rows and owner summaries */
.db-owner-summary{gap:5px}
.db-owner-summary .owner-tasks-btn{margin-top:6px;justify-self:start}
.db-task-lines-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px;background:#fffaf6}
.db-task-lines-table{width:100%;border-collapse:collapse;min-width:980px}
.db-task-lines-table th,.db-task-lines-table td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:top;text-align:right;white-space:normal!important;line-height:1.7}
.db-task-lines-table th{background:rgba(90,51,41,.08);font-weight:900;color:var(--text);position:sticky;top:0;z-index:1}
.db-task-lines-table td{font-weight:800;color:var(--text)}
.db-task-lines-table tr:last-child td{border-bottom:0}
.db-task-lines-table td:nth-child(1),.db-task-lines-table td:nth-child(6){white-space:nowrap!important;color:var(--primary);font-weight:900}
.db-task-lines-table td:nth-child(8){min-width:260px;color:var(--muted)}
.modal-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-start}.pdf-export-btn{background:#6f3f34!important;color:#fff!important;border-color:#6f3f34!important}.pdf-export-btn:hover{filter:brightness(.95)}

/* v61: complete campaign data in database modal */
.campaign-full-info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.campaign-full-info-grid>div{text-align:right!important;min-height:76px!important}
.campaign-full-info-grid strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.8!important;word-break:break-word!important}
.campaign-full-info-grid span{text-align:right!important}

/* v68 stock photographed autosave feedback */
.stock-shot-select.is-saving{opacity:.65;cursor:wait;box-shadow:0 0 0 2px rgba(120,67,54,.12)}

/* v70 stock advanced filters and Excel export */
.stock-advanced-filters{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:10px;margin:14px 0 16px;padding:14px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.72)}
.stock-advanced-filters .control,.stock-advanced-filters .select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font-weight:800;padding:0 12px}
.stock-filter-actions{display:flex;align-items:center;gap:8px;justify-content:flex-start;grid-column:span 2;flex-wrap:wrap}
@media(max-width:1300px){.stock-advanced-filters{grid-template-columns:repeat(3,minmax(160px,1fr))}.stock-filter-actions{grid-column:span 3}}
@media(max-width:800px){.stock-advanced-filters{grid-template-columns:1fr}.stock-filter-actions{grid-column:span 1}}


/* v71 stock summary cards cleanup */
.stock-stats-clean.stock-stats-summary{grid-template-columns:repeat(3,minmax(220px,1fr))!important;max-width:none!important;width:100%!important}
.stock-title-row .stock-filter-area{display:none!important}
@media(max-width:980px){.stock-stats-clean.stock-stats-summary{grid-template-columns:1fr!important}}

.stock-summary-filter-card{cursor:pointer;transition:.18s ease}
.stock-summary-filter-card.active{box-shadow:0 18px 42px rgba(120,67,54,.16);border-color:var(--primary)}

/* Departments page accordion redesign */
.departments-control-panel{background:rgba(255,253,252,.74);border:1px solid var(--border);border-radius:28px;padding:18px;box-shadow:var(--shadow)}
.departments-control-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.departments-control-head h2{margin:0 0 6px;font-size:24px;font-weight:900;color:var(--text)}
.departments-control-head p{margin:0;color:var(--muted);font-weight:700}
.accordion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.settings-lists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.accordion-card{background:rgba(255,255,255,.78);border:1px solid var(--border);border-radius:22px;box-shadow:0 12px 30px rgba(90,58,50,.07);padding:0;overflow:hidden}
.accordion-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;font-weight:900;color:var(--primary);background:linear-gradient(135deg,#fff,#fbf1ea);border-bottom:1px solid transparent}
.accordion-card summary::-webkit-details-marker{display:none}
.accordion-card summary span{font-size:18px}
.accordion-card summary strong{font-size:12px;color:#fff;background:linear-gradient(135deg,var(--secondary),var(--primary-2));border-radius:999px;padding:8px 12px;white-space:nowrap}
.accordion-card summary:before{content:'+';width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--warning);color:var(--primary);font-weight:900;flex:0 0 auto}
.accordion-card[open] summary{border-bottom-color:var(--border);background:linear-gradient(135deg,#fff8f2,#f4e4d8)}
.accordion-card[open] summary:before{content:'−';background:var(--primary);color:#fff}
.accordion-card>form,.accordion-card>.departments-list{padding:18px}
.accordion-card.admin-form-card .form-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.accordion-card .empty-state{min-height:110px}
@media(max-width:1180px){.accordion-grid,.settings-lists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.departments-control-head{flex-direction:column;align-items:stretch}.accordion-grid,.settings-lists-grid{grid-template-columns:1fr}.accordion-card.admin-form-card .form-actions{grid-template-columns:1fr}.accordion-card summary{align-items:flex-start}.accordion-card summary strong{font-size:11px;padding:7px 10px}}

/* v74: show user department beside username */
.topbar-user{display:inline-flex;align-items:center;gap:8px;line-height:1.1}
.topbar-user-name{font-weight:900;color:var(--primary)}
.topbar-user-department{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;white-space:nowrap}

/* MZJ Pro UI layer: icons, micro animations, notifications, dark mode, branded dashboard */
.nav a .icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:12px;background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);font-size:16px;line-height:1}.nav a.active .icon,.nav a:hover .icon{background:rgba(255,255,255,.20);color:#fff}.view.active{animation:mzjFadeUp .28s ease both}.card,.creative-row-card,.accordion-card,.dash-campaign-card,.dash-task-receive-card,.monitor-panel,.monitor-metric{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover,.dash-campaign-card:hover,.dash-task-receive-card:hover,.monitor-panel:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(90,58,50,.13)}.btn:active,.icon-btn:active{transform:scale(.98)}@keyframes mzjFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mzjPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.notification-wrap{position:relative}.notify-btn{position:relative}.notify-count{position:absolute;top:-5px;left:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#C94F43;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;box-shadow:0 8px 18px rgba(201,79,67,.28);animation:mzjPulse 1.8s ease infinite}.notification-panel{position:absolute;top:54px;left:0;width:min(360px,86vw);background:rgba(255,253,252,.98);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 80px rgba(49,32,26,.18);padding:10px;z-index:120;display:grid;gap:8px}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--primary)}.notification-head small{color:var(--muted);font-weight:800}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid rgba(230,210,196,.85);border-radius:16px;background:#fffaf6}.notification-item>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--warning)}.notification-item b{display:block;font-weight:900;color:var(--text)}.notification-item small{display:block;color:var(--muted);font-weight:700;margin-top:3px}.notification-item.late>span{background:#ffe2dd}.notification-item.active>span{background:#e3f0e0}.notification-item.new>span{background:#fff2cf}.theme-toggle{font-size:17px}.topbar-user{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.topbar-user-name,.topbar-user-department{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;background:#fff;padding:8px 12px;font-weight:900;color:var(--primary)}.topbar-user-department{color:var(--muted);background:var(--surface-2)}
.pro-hero,.user-pro-hero{border:1px solid var(--border);border-radius:26px;background:linear-gradient(135deg,rgba(255,253,252,.96),rgba(247,237,228,.86));box-shadow:0 20px 70px rgba(90,58,50,.10);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.pro-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--secondary);font-weight:900;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.pro-hero h2,.user-pro-hero h2{margin:5px 0 5px;font-size:26px}.pro-hero p,.user-pro-hero p{margin:0;color:var(--muted);font-weight:700}.pro-hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;min-width:min(720px,60%)}.pro-metric{border:1px solid var(--border);border-radius:18px;background:#fff;padding:12px;display:flex;align-items:center;gap:10px}.pro-metric-icon{width:42px;height:42px;border-radius:15px;background:var(--warning);display:grid;place-items:center;font-size:18px}.pro-metric small,.pro-metric em{display:block;color:var(--muted);font-style:normal;font-weight:800}.pro-metric strong{display:block;font-size:20px;color:var(--text);line-height:1.2}.pro-metric.danger .pro-metric-icon{background:#ffe0db}.pro-metric.active .pro-metric-icon{background:#e1f0df}.admin-dashboard-board{align-items:start}.dashboard-pro-hero{grid-column:1/-1}.monitor-action-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.monitor-action-strip span{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;color:var(--primary);font-weight:900}.monitor-page.professional-monitor{max-width:none;width:100%}.professional-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-metrics.compact-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.content-task-card,.monitor-task-row,.monitor-progress-row{transition:transform .18s ease,background .18s ease}.content-task-card:hover,.monitor-task-row:hover,.monitor-progress-row:hover{transform:translateY(-1px);background:rgba(255,250,246,.9)}
body.dark-mode{--primary:#F1D7C2;--primary-2:#8F5D50;--secondary:#D17A68;--accent:#C99C7E;--accent-2:#53352E;--cream:#261A17;--bg:#15100F;--surface:#211715;--surface-2:#2B1D19;--text:#FFF3EA;--muted:#C6A99B;--border:#4E342E;--success:#1F3B2A;--warning:#3A2B1D;--danger:#47211F;--shadow:0 20px 70px rgba(0,0,0,.28);background:radial-gradient(circle at top left,rgba(139,84,72,.24),transparent 34%),linear-gradient(180deg,#120D0C 0%,#1A1210 100%);color:var(--text)}body.dark-mode .sidebar{background:linear-gradient(180deg,#201614,#15100F);border-left-color:var(--border)}body.dark-mode .topbar,body.dark-mode .card,body.dark-mode .pro-hero,body.dark-mode .user-pro-hero,body.dark-mode .notification-panel,body.dark-mode .monitor-panel,body.dark-mode .monitor-metric{background:rgba(33,23,21,.92)}body.dark-mode .field input,body.dark-mode .field select,body.dark-mode .field textarea,body.dark-mode .control,body.dark-mode .select,body.dark-mode .search,body.dark-mode .icon-btn,body.dark-mode .btn-light,body.dark-mode .topbar-user-name,body.dark-mode .topbar-user-department,body.dark-mode .notification-item,body.dark-mode .pro-metric,body.dark-mode .monitor-action-strip span{background:#261A17;color:var(--text);border-color:var(--border)}body.dark-mode .empty-state,body.dark-mode .chart-placeholder{background:rgba(38,26,23,.65)}body.dark-mode .btn-primary{box-shadow:0 18px 40px rgba(0,0,0,.28)}body.dark-mode .nav a:hover,body.dark-mode .nav a.active{background:linear-gradient(135deg,#915244,#5D3B34)}body.dark-mode .save-toast{background:#E7C5AE;color:#211715}
@media(max-width:1100px){.pro-hero,.user-pro-hero{flex-direction:column;align-items:stretch}.pro-hero-metrics{min-width:0;width:100%;grid-template-columns:repeat(2,1fr)}.monitor-metrics.compact-metrics,.professional-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.pro-hero-metrics,.monitor-metrics.compact-metrics,.professional-grid{grid-template-columns:1fr}.notification-panel{left:auto;right:0}.topbar-actions{flex-wrap:wrap}.topbar-user{white-space:normal}}

/* v77 dashboard hero cleanup */
.pro-dashboard-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin-bottom:16px}
.pro-dashboard-strip .pro-metric{min-height:72px;box-shadow:0 14px 38px rgba(90,58,50,.08)}
@media(max-width:1100px){.pro-dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pro-dashboard-strip{grid-template-columns:1fr}}

/* v77 remove dark mode */
body.dark-mode{background:var(--bg)!important;color:var(--text)!important}

/* Notifications actions */
.notification-head-actions{display:flex;align-items:center;gap:8px}.notification-clear,.notification-dismiss{border:1px solid var(--border);background:#fff;border-radius:999px;color:var(--primary);font-weight:900;cursor:pointer}.notification-clear{padding:5px 9px;font-size:11px}.notification-dismiss{margin-inline-start:auto;width:28px;height:28px;display:grid;place-items:center;font-size:16px;line-height:1}.notification-item[data-open-task]{cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.notification-item[data-open-task]:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(49,32,26,.10);border-color:rgba(139,83,71,.35)}.notification-item>div{min-width:0;flex:1}.notification-dismiss:hover,.notification-clear:hover{background:#fff3ef}

/* v79: make creative selector larger and clearer in campaign builder */
.compact-creative-row .creative-two-line-head .creative-checkbox-picker,
.compact-creative-row .creative-checkbox-picker{
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  border:1.5px solid var(--border)!important;
  box-shadow:0 12px 28px rgba(62,38,29,.05)!important;
}
.compact-creative-row .creative-checkbox-picker>span{
  font-size:13px!important;
  font-weight:900!important;
  color:var(--primary)!important;
  margin-bottom:8px!important;
}
.compact-creative-row .creative-two-line-head .creative-checkbox-grid{
  grid-template-columns:repeat(5,minmax(170px,1fr))!important;
  grid-auto-rows:minmax(46px,auto)!important;
  max-height:150px!important;
  gap:10px!important;
  padding:8px!important;
  border-radius:16px!important;
  background:rgba(255,248,244,.85)!important;
}
.compact-creative-row .creative-two-line-head .creative-check-card,
.compact-creative-row .creative-check-card{
  min-height:46px!important;
  height:auto!important;
  padding:10px 13px!important;
  border-radius:14px!important;
  font-size:13px!important;
  line-height:1.35!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  color:var(--text)!important;
  box-shadow:0 8px 18px rgba(62,38,29,.035)!important;
}
.compact-creative-row .creative-check-card input{
  width:18px!important;
  height:18px!important;
}
.compact-creative-row .creative-check-card span{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-weight:900!important;
}
@media(max-width:1500px){.compact-creative-row .creative-two-line-head .creative-checkbox-grid{grid-template-columns:repeat(4,minmax(150px,1fr))!important}}
@media(max-width:1100px){.compact-creative-row .creative-two-line-head .creative-checkbox-grid{grid-template-columns:repeat(2,minmax(140px,1fr))!important}}
@media(max-width:650px){.compact-creative-row .creative-two-line-head .creative-checkbox-grid{grid-template-columns:1fr!important}}


/* v80: clearer creative picker + professional required date picker */
.compact-creative-row .creative-two-line-head .creative-checkbox-picker,
.compact-creative-row .creative-checkbox-picker{
  padding:14px!important;
  border-radius:20px!important;
  border:2px solid rgba(153,100,82,.24)!important;
}
.compact-creative-row .creative-two-line-head .creative-checkbox-grid{
  grid-template-columns:repeat(4,minmax(210px,1fr))!important;
  grid-auto-rows:minmax(54px,auto)!important;
  max-height:178px!important;
  gap:12px!important;
}
.compact-creative-row .creative-two-line-head .creative-check-card,
.compact-creative-row .creative-check-card{
  min-height:54px!important;
  padding:12px 15px!important;
  font-size:14px!important;
  border-radius:16px!important;
}
.compact-creative-row .creative-check-card input{
  width:20px!important;
  height:20px!important;
}
.pro-date-field{position:relative!important}
.pro-date-field span{display:flex!important;align-items:center!important;gap:6px!important}
.pro-date-field span::before{content:'📅';font-size:13px;line-height:1}
.pro-date-input,
.compact-creative-row .creative-task-block .pro-date-input,
.compact-creative-row .creative-task-block input.js-task-required-date{
  height:42px!important;
  min-height:42px!important;
  border-radius:14px!important;
  border:1.5px solid rgba(153,100,82,.32)!important;
  background:linear-gradient(135deg,#fff,#fff7f1)!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:900!important;
  padding:8px 14px!important;
  box-shadow:0 10px 22px rgba(62,38,29,.055)!important;
  cursor:pointer!important;
  text-align:center!important;
}
.pro-date-input:hover,
.compact-creative-row .creative-task-block input.js-task-required-date:hover{
  border-color:var(--primary)!important;
  box-shadow:0 12px 28px rgba(139,83,71,.12)!important;
}
.pro-date-input:focus,
.compact-creative-row .creative-task-block input.js-task-required-date:focus{
  outline:none!important;
  border-color:var(--primary)!important;
  box-shadow:0 0 0 4px rgba(139,83,71,.10),0 14px 30px rgba(62,38,29,.08)!important;
}
.pro-date-input::-webkit-calendar-picker-indicator,
.compact-creative-row .creative-task-block input.js-task-required-date::-webkit-calendar-picker-indicator{
  width:24px!important;
  height:24px!important;
  padding:5px!important;
  border-radius:10px!important;
  background-color:#f5e3d6!important;
  cursor:pointer!important;
}
@media(max-width:1500px){.compact-creative-row .creative-two-line-head .creative-checkbox-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important}}
@media(max-width:1050px){.compact-creative-row .creative-two-line-head .creative-checkbox-grid{grid-template-columns:repeat(2,minmax(160px,1fr))!important}}
@media(max-width:650px){.compact-creative-row .creative-two-line-head .creative-checkbox-grid{grid-template-columns:1fr!important}}


/* v81 on clean notifications source: remove user dashboard transparent layer + completed tasks toggle */
#dashboard.user-mode #adminDashboardBoard,
#dashboard.user-mode .admin-dashboard-board,
body.has-user-dashboard-theme #dashboard.user-mode #adminDashboardBoard,
body.has-user-dashboard-theme #dashboard.user-mode .admin-dashboard-board{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
  margin-top:0 !important;
}
#dashboard.user-mode .user-content-dashboard-clean,
body.has-user-dashboard-theme #dashboard.user-mode .user-content-dashboard-clean,
body.has-user-dashboard-theme #dashboard.user-mode .user-content-dashboard{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
  max-width:none !important;
}
#dashboard.user-mode .user-pro-hero-clean,
body.has-user-dashboard-theme #dashboard.user-mode .user-pro-hero-clean,
body.has-user-dashboard-theme #dashboard.user-mode .user-pro-hero{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
  margin:0 0 18px !important;
}
.user-dashboard-toolbar-clean{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  margin:0 0 14px !important;
}
.user-dashboard-toolbar-clean .user-theme-panel{
  margin:0 !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
}
#dashboard.user-mode .content-type-col,
body.has-user-dashboard-theme #dashboard.user-mode .content-type-col{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
  min-height:0 !important;
}
#dashboard.user-mode .content-type-title,
body.has-user-dashboard-theme #dashboard.user-mode .content-type-title{
  border:0 !important;
  padding:0 0 10px !important;
  margin:0 0 10px !important;
}
#dashboard.user-mode .content-task-card,
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card{
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(224,204,193,.96) !important;
  box-shadow:0 14px 30px rgba(60,35,28,.10) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
}
#dashboard.user-mode .content-task-card.completed,
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card.completed{
  background:rgba(245,255,242,.9) !important;
}
#dashboard.user-mode .soft-empty,
#dashboard.user-mode .empty-state.soft-empty,
body.has-user-dashboard-theme #dashboard.user-mode .soft-empty,
body.has-user-dashboard-theme #dashboard.user-mode .empty-state.soft-empty{
  display:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.completed-tasks-panel{
  margin-top:18px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.completed-tasks-panel[hidden]{display:none !important;}
.completed-tasks-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.completed-tasks-head h3{margin:0;font-size:18px;color:var(--text)}
.completed-tasks-head span,.static-chip{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  background:#f3e6dc;
  border:1px solid #e2cdbf;
  border-radius:999px;
  padding:6px 12px;
  font-size:11px;
  font-weight:900;
  color:var(--primary);
}
.dashboard-empty-note-inline{
  min-height:auto !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  color:var(--muted) !important;
  justify-content:flex-start !important;
}


/* v82: requested dashboard background, content-writing approval flow, and task picker sizing */
body.has-user-dashboard-theme #dashboard.user-mode,
body.has-user-dashboard-theme #dashboard.admin-mode{
  background-size:100vw 100vh !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
#dashboard.user-mode #adminDashboardBoard,
#dashboard.user-mode .admin-dashboard-board,
body.has-user-dashboard-theme #dashboard.user-mode #adminDashboardBoard,
body.has-user-dashboard-theme #dashboard.user-mode .admin-dashboard-board{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
  margin-top:0 !important;
}
.creative-task-block .task-qty-field{
  display:none !important;
}
.creative-task-grid{
  grid-template-columns:repeat(2,minmax(330px,1fr)) !important;
  gap:14px !important;
}
.creative-task-block{
  padding:14px !important;
  gap:12px !important;
}
.creative-task-block label{
  gap:7px !important;
}
.creative-task-block span{
  font-size:12.5px !important;
}
.creative-row-head select,
.creative-row-head input,
.creative-task-block select,
.creative-task-block input{
  height:42px !important;
  font-size:13px !important;
  padding:9px 11px !important;
  border-radius:12px !important;
}
.creative-task-block .js-task-user{
  height:132px !important;
  min-height:132px !important;
  font-size:13.5px !important;
  padding:10px !important;
  line-height:1.7 !important;
}
.creative-task-block .js-task-user option{
  padding:8px 10px !important;
}
#editAddUsers{
  min-height:150px !important;
  font-size:14px !important;
  padding:10px !important;
}
@media(max-width:900px){
  .creative-task-grid{
    grid-template-columns:1fr !important;
  }
}

/* v82b: force bigger task/user selection even in compact creative rows */
.compact-creative-row .creative-task-grid{
  grid-template-columns:repeat(2,minmax(330px,1fr)) !important;
  gap:14px !important;
}
.compact-creative-row .creative-task-block{
  padding:14px !important;
  border-radius:14px !important;
  gap:12px !important;
}
.compact-creative-row .creative-task-block span{
  font-size:12.5px !important;
}
.compact-creative-row .creative-task-block select,
.compact-creative-row .creative-task-block input{
  height:42px !important;
  font-size:13px !important;
  padding:9px 11px !important;
  border-radius:12px !important;
}
.compact-creative-row .creative-task-block .js-task-user{
  height:132px !important;
  min-height:132px !important;
  font-size:13.5px !important;
  padding:10px !important;
}
@media(max-width:900px){
  .compact-creative-row .creative-task-grid{grid-template-columns:1fr !important;}
}

/* v83: task users as large checkbox picker instead of ctrl multi-select */
.creative-task-block .task-users-field{
  grid-column:1/-1;
}
.creative-task-block .task-user-checkbox-grid{
  width:100%;
  min-height:150px;
  max-height:220px;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fffaf6;
}
.task-user-check-card{
  display:flex!important;
  align-items:center;
  gap:10px!important;
  min-height:42px;
  padding:10px 12px;
  border:1px solid rgba(90,58,50,.14);
  border-radius:14px;
  background:rgba(255,255,255,.88);
  color:var(--text);
  font-size:13px!important;
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
}
.task-user-check-card:hover{
  transform:translateY(-1px);
  border-color:var(--secondary);
  box-shadow:0 8px 18px rgba(90,58,50,.08);
}
.task-user-check-card input{
  width:18px!important;
  height:18px!important;
  accent-color:var(--primary);
  flex:0 0 auto;
}
.task-user-check-card span{
  font-size:13px!important;
  color:var(--text)!important;
  line-height:1.4;
}
.task-user-empty{
  grid-column:1/-1;
  min-height:70px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.65);
  color:var(--muted);
  font-weight:900;
}
.compact-creative-row .creative-task-block .task-user-checkbox-grid,
.creative-task-block .js-task-user.task-user-checkbox-grid{
  height:auto!important;
  min-height:150px!important;
}
@media(max-width:900px){
  .creative-task-block .task-user-checkbox-grid{
    grid-template-columns:1fr;
    max-height:260px;
  }
}

/* v84: keep creative task cards 4 columns on desktop after checkbox picker */
.creative-task-grid,
.compact-creative-row .creative-task-grid{
  grid-template-columns:repeat(4,minmax(220px,1fr)) !important;
  gap:12px !important;
}
.creative-task-block,
.compact-creative-row .creative-task-block{
  padding:12px !important;
  gap:10px !important;
}
.creative-task-block .task-user-checkbox-grid,
.compact-creative-row .creative-task-block .task-user-checkbox-grid,
.creative-task-block .js-task-user.task-user-checkbox-grid{
  min-height:145px !important;
  max-height:230px !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
}
.task-user-check-card{
  min-height:40px !important;
  padding:9px 10px !important;
}
@media(max-width:1500px){
  .creative-task-grid,
  .compact-creative-row .creative-task-grid{
    grid-template-columns:repeat(2,minmax(300px,1fr)) !important;
  }
}
@media(max-width:900px){
  .creative-task-grid,
  .compact-creative-row .creative-task-grid{
    grid-template-columns:1fr !important;
  }
}

/* v86: topbar stays only at page top, not sticky while scrolling */
.topbar{
  position:static !important;
  top:auto !important;
}


/* v88: live notification popup + louder alert feedback */
.notify-btn.is-ringing{
  animation:mzjBellRing .55s ease-in-out 2;
  box-shadow:0 0 0 4px rgba(184,94,78,.12), 0 10px 24px rgba(184,94,78,.18);
}
@keyframes mzjBellRing{
  0%,100%{transform:rotate(0deg)}
  20%{transform:rotate(9deg)}
  45%{transform:rotate(-8deg)}
  70%{transform:rotate(6deg)}
}
.live-notification-popup{
  position:fixed;
  top:96px;
  left:24px;
  z-index:99999;
  pointer-events:none;
  transform:translateY(-12px);
  opacity:0;
  transition:.22s ease;
}
.live-notification-popup.show{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}
.live-notification-card{
  min-width:320px;
  max-width:min(420px, calc(100vw - 36px));
  border:1px solid rgba(184,94,78,.24);
  border-radius:20px;
  background:rgba(255,253,250,.96);
  box-shadow:0 22px 55px rgba(50,25,18,.22);
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  cursor:pointer;
  text-align:right;
  direction:rtl;
  color:var(--text);
  backdrop-filter:blur(10px);
}
.live-notification-card:hover{transform:translateY(-1px)}
.live-notification-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff3df;
  flex:0 0 auto;
  font-size:20px;
}
.live-notification-card b{
  display:block;
  font-size:14px;
  margin-bottom:4px;
  color:var(--text);
}
.live-notification-card small{
  display:block;
  font-size:12px;
  color:var(--muted);
  line-height:1.5;
}
@media(max-width:780px){
  .live-notification-popup{left:12px;right:12px;top:86px}
  .live-notification-card{min-width:0;width:100%}
}

/* v89: force live notification popup above the topbar */
.live-notification-popup,
body .live-notification-popup,
#liveNotificationPopup{
  position:fixed !important;
  top:12px !important;
  left:24px !important;
  right:auto !important;
  bottom:auto !important;
  z-index:2147483647 !important;
  pointer-events:none;
}
.live-notification-popup.show,
#liveNotificationPopup.show{
  pointer-events:auto !important;
}
.live-notification-card{
  position:relative !important;
  z-index:2147483647 !important;
}
@media(max-width:780px){
  .live-notification-popup,
  body .live-notification-popup,
  #liveNotificationPopup{
    top:10px !important;
    left:10px !important;
    right:10px !important;
  }
}

/* v90: keep notification dropdown above user dashboard theme background */
.topbar,
body .topbar{
  position:relative !important;
  z-index:2147483000 !important;
  isolation:isolate !important;
}
.notification-wrap{
  position:relative !important;
  z-index:2147483001 !important;
}
.notification-panel,
body .notification-panel,
#notificationPanel{
  position:fixed !important;
  top:92px !important;
  left:24px !important;
  right:auto !important;
  z-index:2147483002 !important;
  width:min(380px, calc(100vw - 48px)) !important;
  max-height:calc(100vh - 112px) !important;
  overflow:auto !important;
  background:rgba(255,253,252,.99) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}
#dashboard,
#dashboard.user-mode,
body.has-user-dashboard-theme #dashboard,
body.has-user-dashboard-theme #dashboard.user-mode{
  z-index:1 !important;
}
@media(max-width:780px){
  .notification-panel,
  body .notification-panel,
  #notificationPanel{
    top:86px !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
  }
}


/* Social publisher page */
.social-publisher-head{gap:16px;align-items:flex-start;}
.social-publisher-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.social-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.social-channel-card{display:flex;align-items:center;gap:14px;min-height:122px;position:relative;overflow:hidden;}
.social-channel-card h3{margin:0 0 6px;font-size:20px;}
.social-channel-card p{margin:0 0 10px;color:var(--muted);line-height:1.7;}
.social-channel-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:900;font-size:24px;color:#fff;box-shadow:0 16px 30px rgba(15,23,42,.14);flex:0 0 auto;}
.social-channel-icon svg{width:30px;height:30px;display:block;color:#fff;position:relative;z-index:2;}
.social-channel-icon.facebook{background:linear-gradient(135deg,#1877f2,#0f4fb6);}
.social-channel-icon.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);}
.social-channel-icon.tiktok{background:#050505;position:relative;color:#fff;font-size:30px;overflow:hidden;}
.social-channel-icon.tiktok svg{width:32px;height:32px;}
.social-channel-icon.tiktok .tk-cyan{fill:#25F4EE;transform:translate(-1px,1px);}
.social-channel-icon.tiktok .tk-red{fill:#FE2C55;transform:translate(1px,-1px);}
.social-channel-icon.tiktok .tk-main{fill:#fff;}
.social-channel-icon.whatsapp{background:#25D366;color:#fff;position:relative;font-size:27px;border-radius:18px;}
.social-channel-icon.whatsapp svg{width:34px;height:34px;}
.channel-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:rgba(34,197,94,.12);color:#15803d;}
.social-publisher-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.75fr);gap:16px;align-items:start;}
.social-composer,.social-preview-card,.social-log-card{overflow:hidden;}
.social-mode-badge{border-radius:999px;padding:6px 12px;background:rgba(245,158,11,.12);color:#b45309;font-weight:900;font-size:12px;}
.social-platform-picker{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0;}
.platform-check{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:var(--surface);font-weight:900;cursor:pointer;}
.platform-check input{accent-color:var(--primary);}
.social-warning-box{border:1px dashed rgba(245,158,11,.55);background:rgba(245,158,11,.1);border-radius:18px;padding:14px 16px;line-height:1.8;color:var(--text);margin:8px 0 14px;}
.social-post-preview{border:1px solid var(--line);border-radius:24px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.82));min-height:360px;display:flex;flex-direction:column;gap:12px;}
.social-post-preview h3{margin:0;font-size:22px;}
.social-post-preview p{margin:0;line-height:1.9;color:var(--text);white-space:normal;}
.social-post-preview small{color:var(--muted);line-height:1.7;}
.preview-platforms{display:flex;gap:7px;flex-wrap:wrap;}
.preview-platforms span{border-radius:999px;background:rgba(59,130,246,.1);color:#1d4ed8;padding:5px 9px;font-size:12px;font-weight:900;}
.preview-media-placeholder{min-height:150px;border-radius:20px;border:1px dashed var(--line);display:grid;place-items:center;text-align:center;color:var(--muted);background:rgba(15,23,42,.03);padding:14px;word-break:break-word;}
.social-log-card{margin-top:16px;}
.social-log-list{display:flex;flex-direction:column;gap:10px;}
.social-log-item{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:20px;padding:14px;background:rgba(255,255,255,.68);}
.social-log-main h3{margin:8px 0 6px;font-size:18px;}
.social-log-main p{margin:0 0 8px;line-height:1.7;color:var(--muted);}
.social-log-main small{color:var(--muted);}
.social-log-side{display:flex;flex-direction:column;gap:10px;align-items:flex-end;justify-content:space-between;}
.social-log-status{border-radius:999px;background:rgba(34,197,94,.12);color:#15803d;font-weight:900;font-size:12px;padding:6px 10px;white-space:nowrap;}
@media (max-width: 980px){
  .social-channel-grid,.social-publisher-layout{grid-template-columns:1fr;}
  .social-publisher-actions{justify-content:stretch;}
  .social-publisher-actions .btn{flex:1;}
  .social-log-item{flex-direction:column;}
  .social-log-side{align-items:stretch;}
}

/* Meta publishing integration */
.social-meta-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(239,68,68,.10);
  color:#991b1b;
  font-size:13px;
  font-weight:700;
}
.social-meta-status.is-connected{
  background:rgba(34,197,94,.12);
  color:#166534;
}
.social-log-error{
  margin-top:8px;
  color:#b91c1c;
  font-weight:700;
}

/* Publish Center v19 */
.publish-center-head .page-title p{max-width:820px}
.publish-center-note{padding:16px 18px;margin-bottom:16px;color:var(--text)}
.publish-center-note strong{color:var(--primary)}
.publish-center-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.publish-center-stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.publish-center-stat span{display:block;color:var(--muted);font-size:.86rem;margin-bottom:6px}
.publish-center-stat strong{font-size:1.55rem;color:var(--primary)}
.publish-center-card{padding:18px}
.publish-center-filters{display:flex;gap:8px;flex-wrap:wrap}
.publish-center-filters span{display:inline-flex;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.68);border-radius:999px;padding:6px 10px;font-size:.82rem;color:var(--muted)}
.publish-center-list{display:grid;gap:12px;margin-top:12px}
.publish-center-row{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:stretch;border:1px solid var(--line);border-radius:18px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,250,252,.88))}
.publish-center-row-main{min-width:0}.publish-center-row-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.publish-center-row-head strong{font-size:1rem}.publish-center-row-main p{margin:0 0 10px;color:var(--text);line-height:1.7}.source-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800;background:#e0f2fe;color:#0369a1}.source-badge.campaign{background:#fef3c7;color:#92400e}.source-badge.agenda{background:#dcfce7;color:#166534}.source-badge.manual{background:#ede9fe;color:#5b21b6}.publish-center-tags{display:flex;gap:6px;flex-wrap:wrap}.publish-center-tags span{font-size:.78rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:4px 8px;color:#334155}.publish-center-tags.muted{color:var(--muted);font-size:.82rem}.publish-center-row-meta{border-right:1px dashed var(--line);padding-right:14px;display:grid;gap:8px;align-content:start}.publish-center-row-meta small{color:var(--muted)}.publish-center-status{display:inline-flex;width:max-content;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.8rem;background:#e2e8f0;color:#334155}.publish-center-status.published{background:#dcfce7;color:#166534}.publish-center-status.failed{background:#fee2e2;color:#991b1b}.publish-center-status.scheduled{background:#dbeafe;color:#1d4ed8}.publish-center-status.draft{background:#fef3c7;color:#92400e}.publish-center-status.review{background:#ede9fe;color:#5b21b6}.publish-center-empty{border:1px dashed var(--line);border-radius:20px;padding:28px;text-align:center;background:linear-gradient(180deg,#fff,rgba(248,250,252,.9))}.publish-center-empty h3{margin:0 0 8px}.publish-center-empty p{margin:0 auto 16px;max-width:680px;color:var(--muted);line-height:1.8}.publish-center-empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media(max-width:980px){.publish-center-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-center-row{grid-template-columns:1fr}.publish-center-row-meta{border-right:0;border-top:1px dashed var(--line);padding-right:0;padding-top:12px}}


/* v20: Publish Center composer */
.publish-composer-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center}.publish-composer-modal.show{display:grid}.publish-composer-backdrop{position:absolute;inset:0;background:rgba(42,30,25,.48);backdrop-filter:blur(5px)}.publish-composer-dialog{position:relative;width:min(1040px,calc(100vw - 34px));max-height:calc(100vh - 42px);overflow:auto;background:linear-gradient(180deg,#fffdfb,#fbf2eb);border:1px solid var(--border);border-radius:26px;box-shadow:0 30px 90px rgba(45,23,19,.32);padding:18px}.publish-composer-close{position:absolute;top:14px;left:14px;width:36px;height:36px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--primary);font-size:22px;font-weight:900;cursor:pointer}.publish-composer-head{border-bottom:1px solid var(--border);padding:10px 48px 14px 0;margin-bottom:14px}.publish-composer-head span{color:var(--secondary);font-weight:900;font-size:12px}.publish-composer-head h2{margin:4px 0;font-size:25px}.publish-composer-head p{margin:0;color:var(--muted);font-weight:700;line-height:1.8}.publish-composer-form{display:grid;gap:14px}.publish-composer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.publish-composer-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-type-helper{border:1px dashed var(--border);background:#fffaf6;border-radius:16px;padding:12px 14px;color:var(--primary);font-weight:900}.publish-platform-pills{display:flex;gap:10px;flex-wrap:wrap}.publish-platform-pills label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer}.publish-platform-pills label.disabled{opacity:.45;cursor:not-allowed;background:#f1e8df}.publish-platform-pills input{width:16px;height:16px}.publish-composer-preview{border:1px solid var(--border);border-radius:18px;background:#fff;padding:14px}.publish-composer-preview strong{display:block;font-size:17px;margin-bottom:6px}.publish-composer-preview p{margin:0 0 10px;color:var(--text);line-height:1.7}.publish-preview-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.publish-preview-meta span{font-size:.78rem;background:#f1e5dc;border:1px solid var(--border);border-radius:999px;padding:4px 8px;color:var(--primary);font-weight:900}.publish-composer-actions{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px}.publish-center-empty-actions button{font:inherit}@media(max-width:860px){.publish-composer-grid,.publish-composer-grid.two{grid-template-columns:1fr}.publish-composer-dialog{width:calc(100vw - 18px);padding:13px}.publish-composer-head{padding-right:0;padding-left:44px}.publish-composer-actions .btn{width:100%}}

/* v21: publish schedule import + modal layering fix */
.publish-composer-modal,
body .publish-composer-modal{
  z-index:2147483646 !important;
}
.publish-composer-modal.show{
  display:grid !important;
}
.publish-composer-backdrop{
  z-index:1 !important;
}
.publish-composer-dialog{
  z-index:2 !important;
}
body.modal-open .topbar,
body:has(.publish-composer-modal.show) .topbar{
  z-index:1 !important;
}
.publish-missing-fields{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
  color:#991b1b;
  font-weight:900;
}
.publish-missing-fields span{
  display:inline-flex;
  border:1px solid #fecaca;
  background:#fff1f2;
  color:#991b1b;
  border-radius:999px;
  padding:4px 8px;
  font-size:.78rem;
}
.publish-center-status.needs{
  background:#fee2e2;
  color:#991b1b;
}
.modal-head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* v22: completion workflow inside Publish Center */
.publish-center-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.publish-center-actions .btn-sm{
  padding:7px 11px;
  border-radius:12px;
  font-size:.82rem;
}
.publish-center-actions .muted{
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
}
.publish-center-row:has(.publish-missing-fields){
  border-color:#fecaca;
  background:linear-gradient(180deg,#fffafa,#fff7ed);
}
.publish-composer-dialog:has(#publishComposerTitle){
  scroll-behavior:smooth;
}

/* v24 - Publishing preparation page */
.publish-prep-head .page-title p{max-width:880px}
.publish-prep-note{padding:16px 18px;margin-bottom:16px;line-height:1.8;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(14,165,233,.04));border:1px solid rgba(59,130,246,.15)}
.publish-prep-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.publish-prep-list{display:grid;gap:14px}
.publish-prep-task{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.prep-task-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #eef2f7;padding-bottom:12px;margin-bottom:12px}
.prep-task-top h3{margin:6px 0 4px;font-size:18px;color:#0f172a}
.prep-task-top p{margin:0;color:#64748b;font-size:13px}
.prep-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.prep-task-grid div{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:10px}
.prep-task-grid b{display:block;color:#475569;font-size:12px;margin-bottom:5px}
.prep-task-grid span{display:block;color:#0f172a;font-weight:700;font-size:13px}
.prep-task-details{border:1px dashed #cbd5e1;border-radius:14px;padding:10px 12px;margin:12px 0;background:#fbfdff}
.prep-task-details summary{cursor:pointer;font-weight:800;color:#1d4ed8}
.prep-detail-block{margin-top:10px}
.prep-detail-block b{display:block;color:#334155;margin-bottom:4px}
.prep-detail-block p{margin:0;color:#475569;white-space:pre-wrap;line-height:1.7}
.prep-upload-box{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;align-items:end;background:#f8fafc;border-radius:14px;padding:12px;border:1px solid #edf2f7}
.prep-upload-field{display:grid;gap:6px;font-weight:800;color:#334155}
.prep-upload-field input{background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:10px}
.prep-upload-box textarea{min-height:48px;border:1px solid #dbe3ef;border-radius:12px;padding:10px;resize:vertical;font-family:inherit}
.prep-file-missing{grid-column:1/-1;color:#b45309;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:10px;font-weight:800}
.prep-file-ready{grid-column:1/-1;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:10px;font-weight:800}
.prep-file-ready small{display:block;color:#64748b;font-weight:600;margin-top:3px}
@media (max-width: 900px){.publish-prep-stats,.prep-task-grid,.prep-upload-box{grid-template-columns:1fr}.prep-task-top{flex-direction:column}}


/* v26: Publish schedule caption/hashtag quick buttons */
.publish-copy-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.publish-copy-btn{width:100%;font-size:11px;min-height:30px;border-style:dashed;background:#fff}
.publish-copy-btn.filled{background:#eaf2ff;border-color:#8bb7ff;color:#1f5fbf;font-weight:800;border-style:solid}

/* v27 publish prep readiness */
.prep-status-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.prep-status-stack small{color:var(--muted);font-size:12px}
.prep-progress-line{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:10px 0}
.prep-progress-line strong{font-size:13px;color:var(--primary)}
.prep-progress-line span{height:8px;border-radius:999px;background:rgba(90,51,41,.13);overflow:hidden;display:block}
.prep-progress-line i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary))}
.prep-missing-list,.prep-complete-line{margin:8px 0 12px;padding:10px 12px;border-radius:14px;font-size:13px}
.prep-missing-list{background:#fff3f0;border:1px solid rgba(184,94,79,.22);color:#7a2f25}
.prep-missing-list span{display:inline-flex;margin:3px 4px;padding:4px 8px;border-radius:999px;background:white;border:1px solid rgba(184,94,79,.25)}
.prep-complete-line{background:#eefbf4;border:1px solid rgba(44,151,91,.22);color:#18643b}
.prep-inline-content{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:14px 0;padding:12px;border-radius:16px;background:rgba(255,255,255,.58);border:1px solid var(--line)}
.prep-inline-content label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.prep-inline-content textarea{width:100%;min-height:58px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;color:var(--text);resize:vertical;font-family:inherit}
.prep-ready-actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.prep-ready-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eefbf4;color:#18643b;border:1px solid rgba(44,151,91,.22);font-weight:700;font-size:13px}
.final-upload-hint{margin:8px 0 0;color:var(--muted);font-size:13px}
@media (max-width: 900px){.prep-inline-content{grid-template-columns:1fr}.prep-status-stack{align-items:flex-start}}

/* v28: inline caption/hashtag editor instead of browser prompt */
.publish-inline-editor{margin-top:8px;padding:10px;border:1px dashed var(--line);border-radius:14px;background:#fff}
.publish-inline-editor.hidden{display:none!important}
.publish-inline-editor label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}
.publish-inline-editor textarea{width:100%;min-height:72px;border:1px solid var(--line);border-radius:12px;padding:9px;font-family:inherit;resize:vertical;background:#fff;color:var(--text)}
.publish-inline-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end;flex-wrap:wrap}

/* v29 - تجهيز النشر Kanban */
.publish-prep-list{display:block!important}
.publish-prep-kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;align-items:start;direction:rtl}
.prep-kanban-column{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:18px;padding:12px;min-height:360px;box-shadow:0 12px 28px rgba(90,51,41,.06)}
.prep-kanban-head{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px;display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}
.prep-kanban-head h3{margin:0;color:var(--text);font-size:16px;font-weight:900}
.prep-kanban-head span{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:rgba(90,51,41,.1);color:var(--primary);font-weight:900}
.prep-kanban-head p{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.prep-kanban-cards{display:grid;gap:12px}
.publish-prep-kanban .publish-prep-task{padding:12px;border-radius:16px;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.publish-prep-kanban .prep-task-top{gap:8px;padding-bottom:8px;margin-bottom:8px}
.publish-prep-kanban .prep-task-top h3{font-size:14px;line-height:1.5;margin:5px 0 2px}
.publish-prep-kanban .prep-task-top p{font-size:11px}
.publish-prep-kanban .prep-task-grid{grid-template-columns:1fr;gap:6px;margin:8px 0}
.publish-prep-kanban .prep-task-grid div{padding:8px;border-radius:10px}
.publish-prep-kanban .prep-inline-content{grid-template-columns:1fr;gap:8px;margin:10px 0;padding:10px}
.publish-prep-kanban .prep-inline-content textarea{min-height:70px;font-size:12px}
.publish-prep-kanban .prep-missing-list,.publish-prep-kanban .prep-complete-line{font-size:12px;padding:8px;margin:7px 0}
.publish-prep-kanban .prep-ready-actions{margin-top:8px}
.review-upload-section{border-color:#dbeafe;background:#f8fbff}
@media(max-width:1300px){.publish-prep-kanban{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:760px){.publish-prep-kanban{grid-template-columns:1fr}.prep-kanban-column{min-height:auto}}

.settings-grid-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:720px){.settings-grid-mini{grid-template-columns:1fr}}
.social-channel-icon.youtube{background:linear-gradient(135deg,#ff0000,#b91c1c);}

/* v56: multiple users per structure distribution row */
.structure-assign-row{
  grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr) !important;
  align-items:start !important;
}
.structure-user-checkbox-grid.task-user-checkbox-grid{
  min-height:96px !important;
  max-height:190px !important;
  grid-template-columns:repeat(2,minmax(130px,1fr)) !important;
  padding:10px !important;
}
.structure-user-check-card.task-user-check-card{
  min-height:36px !important;
  padding:8px 10px !important;
}
@media(max-width:900px){
  .structure-assign-row{grid-template-columns:1fr !important;}
  .structure-user-checkbox-grid.task-user-checkbox-grid{grid-template-columns:1fr !important;}
}

/* v58: compact structure assignee picker */
.structure-assign-row{
  align-items:start !important;
}
.structure-assignee-picker{
  width:100%;
  max-width:420px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.structure-assignee-picker summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  font-weight:900;
  color:var(--text);
}
.structure-assignee-picker summary::-webkit-details-marker{display:none}
.structure-assignee-picker summary strong{
  background:#f4e5db;
  color:var(--primary);
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  white-space:nowrap;
}
.structure-assignee-panel{
  border-top:1px solid var(--border);
  padding:10px;
}
.structure-assignee-search{
  width:100%;
  border:1px solid var(--border);
  border-radius:12px;
  padding:10px 12px;
  margin-bottom:8px;
  font-weight:800;
  background:#fffaf5;
}
.structure-assignee-picker .structure-user-checkbox-grid.task-user-checkbox-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  max-height:230px !important;
  overflow:auto !important;
  padding-inline-end:4px;
}
.structure-assignee-picker .structure-user-check-card{
  min-height:38px;
  padding:8px 10px !important;
  border-radius:12px !important;
}

/* v59: structure distribution publish data + compact controls */
.structure-assign-row{
  grid-template-columns:minmax(240px,1fr) minmax(360px,1.6fr) !important;
}
.structure-assign-controls{
  display:grid;
  gap:10px;
}
.structure-publish-fields{
  display:grid;
  gap:8px;
  border:1px solid var(--border);
  border-radius:16px;
  padding:10px;
  background:#fffaf6;
}
.structure-publish-platforms>span{
  display:block;
  font-size:12px;
  font-weight:900;
  color:var(--muted);
  margin-bottom:6px;
}
.structure-platform-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(120px,1fr));
  gap:6px;
  max-height:130px;
  overflow:auto;
}
.structure-platform-checks .platform-check-card{
  min-height:34px;
  padding:7px 9px;
  border-radius:12px;
  background:#fff;
}
.structure-publish-small-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.structure-publish-small-grid select,
.structure-publish-small-grid input,
.structure-publish-fields textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  padding:10px 12px;
  font-weight:800;
}
.structure-publish-fields textarea{
  resize:vertical;
  min-height:58px;
  font-size:12px;
}
@media(max-width:900px){
  .structure-publish-small-grid,.structure-platform-checks{grid-template-columns:1fr;}
}

/* v61: structure distribution popup and readable platform post types */
.structure-assign-row.structure-assign-row-compact{
  grid-template-columns:minmax(260px,1fr) minmax(260px,420px) !important;
  align-items:center !important;
}
.structure-assign-compact{display:grid;gap:8px;align-items:center}
.structure-open-popup-btn{width:100%;justify-content:center}
.structure-assign-summary{border:1px dashed var(--border);border-radius:12px;background:#fffaf6;padding:9px 10px;font-weight:800;color:var(--muted);font-size:12px;line-height:1.6}
.structure-assign-summary small{display:block;color:var(--primary);font-weight:900;margin-top:2px}
.structure-distribution-popup{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:.18s ease}
.structure-distribution-popup.open{opacity:1;pointer-events:auto}
.structure-popup-backdrop{position:absolute;inset:0;background:rgba(35,24,18,.45);backdrop-filter:blur(3px)}
.structure-popup-dialog{position:relative;width:min(980px,96vw);max-height:90vh;overflow:auto;background:#fffaf6;border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 80px rgba(20,12,8,.22);padding:18px;direction:rtl}
.structure-popup-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:14px}
.structure-popup-head h3{margin:0;color:var(--text);font-size:20px;line-height:1.5}
.structure-popup-head p{margin:4px 0 0;color:var(--muted);font-weight:800;font-size:12px}
.structure-popup-body{display:grid;gap:14px}
.structure-popup-section{border:1px solid var(--border);border-radius:18px;background:#fff;padding:12px}
.structure-popup-section h4{margin:0 0 10px;color:var(--text)}
.structure-popup-section .structure-user-checkbox-grid.task-user-checkbox-grid{display:grid !important;grid-template-columns:repeat(3,minmax(150px,1fr)) !important;max-height:260px !important;overflow:auto !important;gap:8px !important;padding:4px !important}
.structure-popup-platform-list{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px}
.structure-popup-platform-row{display:grid;grid-template-columns:1fr;gap:9px;align-items:stretch;border:1px solid var(--border);border-radius:14px;background:#fffaf6;padding:11px}
.structure-popup-platform-row.is-selected{background:#fff;border-color:#d49a80;box-shadow:0 6px 18px rgba(112,63,42,.08)}
.structure-popup-platform-row label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:900;color:var(--text)}
.structure-platform-type-wrap{display:grid;gap:5px}
.structure-platform-type-label{font-size:11px;font-weight:900;color:var(--muted)}
.structure-popup-platform-row select,.structure-popup-grid input,.structure-popup-grid textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:#fff;padding:10px 12px;font-weight:800}
.structure-platform-type-select{min-height:42px;font-size:13px;text-align:right;white-space:normal;overflow:visible;text-overflow:clip;color:var(--text)}
.structure-platform-type-select:disabled{opacity:.55;background:#f6eee8;color:#8c776b}
.structure-popup-grid{display:grid;grid-template-columns:minmax(180px,.6fr) 1fr 1fr;gap:10px}
.structure-popup-grid .field{margin:0}.structure-popup-grid textarea{min-height:84px;resize:vertical}
.structure-popup-actions{display:flex;justify-content:flex-start;gap:10px;margin-top:14px;border-top:1px solid var(--border);padding-top:14px}
@media(max-width:900px){.structure-assign-row.structure-assign-row-compact{grid-template-columns:1fr !important}.structure-popup-section .structure-user-checkbox-grid.task-user-checkbox-grid,.structure-popup-platform-list,.structure-popup-grid{grid-template-columns:1fr !important}.structure-popup-platform-row{grid-template-columns:1fr}}

.platform-types-builder{
  border:1px solid rgba(141,76,62,.28);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.55);
  display:grid;
  gap:12px;
}
.builder-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.builder-head strong{display:block;color:#44251e;font-weight:900}
.builder-head small{display:block;color:#9a7c70;margin-top:4px;font-weight:800}
.platform-types-labels,
.platform-type-row{
  display:grid;
  grid-template-columns:minmax(150px,1fr) 110px 110px auto;
  gap:8px;
  align-items:center;
}
.platform-types-labels span{
  color:#8d4c3e;
  font-weight:900;
  font-size:.85rem;
  text-align:center;
}
.platform-type-row .control{
  min-height:44px;
  text-align:center;
}
@media (max-width: 700px){
  .platform-types-labels{display:none}
  .platform-type-row{grid-template-columns:1fr 1fr;}
  .platform-type-row .platform-type-label{grid-column:1 / -1;}
  .platform-type-row [data-remove-platform-post-type]{grid-column:1 / -1;}
}

.social-channel-icon.snapchat{background:#fffc00;color:#111;}
.social-channel-card[data-channel-card="snapchat"] .channel-status{background:#fff8db;color:#7a5a00;border-color:#f1d36a;}
.settings-inline-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--line,#e5cbbe);border-radius:14px;background:rgba(255,255,255,.5);font-weight:700;color:var(--text,#2d1713)}
.settings-inline-status strong{padding:6px 12px;border-radius:999px;background:#f5ede7;color:var(--primary,#5a3329)}
.settings-inline-status strong.is-connected{background:#e7f6ed;color:#137a3a}
.settings-inline-status strong.is-disconnected{background:#fdecea;color:#9f2f25}
.settings-divider{height:1px;background:var(--line,#e5cbbe);margin:18px 0}
.small{font-size:.9rem}.muted{color:var(--muted,#8e7166)}

/* Calendar compact platform summary + day popup */
.calendar-day{position:relative;cursor:default;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}
.calendar-day.has-items{cursor:pointer;background:linear-gradient(180deg,#fff,#fffaf6);border-color:#e0bdaa}
.calendar-day.has-items:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(75,45,37,.12);border-color:#c98d7c}
.calendar-day-summary{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:flex-start;margin-top:12px;min-height:38px}
.calendar-platform-badge{position:relative;width:38px;height:38px;border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;box-shadow:0 7px 16px rgba(45,23,19,.12);cursor:pointer}
.calendar-platform-badge i{font-style:normal;font-size:17px;line-height:1;font-weight:900}
.calendar-platform-badge b{position:absolute;top:-7px;left:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#fff;border:1px solid #e5c8b9;color:#2d1713;font-size:11px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(75,45,37,.10)}
.calendar-day-open{margin-top:8px;width:100%;border:1px dashed #d9b7a8;background:#fffaf6;color:#7a4438;border-radius:12px;padding:7px 9px;font-weight:900;font-size:11px;cursor:pointer}
.calendar-day-open:hover{background:#f3e6dc}
.platform-whatsapp{background:#25D366!important}.platform-instagram{background:linear-gradient(135deg,#feda75,#d62976,#962fbf,#4f5bd5)!important}.platform-tiktok{background:#111!important}.platform-facebook{background:#1877F2!important}.platform-youtube{background:#FF0000!important}.platform-snapchat{background:#FFFC00!important;color:#111!important}.platform-unknown{background:#8e7166!important}
.calendar-popup{position:fixed;inset:0;z-index:260;display:none;align-items:center;justify-content:center;padding:20px}
.calendar-popup.show{display:flex}
.calendar-popup-backdrop{position:absolute;inset:0;background:rgba(45,23,19,.45);backdrop-filter:blur(4px)}
.calendar-popup-dialog{position:relative;width:min(860px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;background:#fffaf6;border:1px solid #e3c7b8;border-radius:26px;box-shadow:0 28px 90px rgba(45,23,19,.35);padding:18px;text-align:right}
.calendar-popup-close{position:absolute;top:14px;left:14px;width:36px;height:36px;border:1px solid #e1c4b5;border-radius:12px;background:#fff;color:#5a3329;font-size:22px;font-weight:900;cursor:pointer}
.calendar-popup-head{padding:4px 0 14px 46px;border-bottom:1px solid #ecd7ca;margin-bottom:14px}
.calendar-popup-head span{color:#b85e4f;font-size:12px;font-weight:900}.calendar-popup-head h2{margin:5px 0;color:#2d1713;font-size:24px}.calendar-popup-head p{margin:0;color:#8e7166;font-weight:900}
.calendar-popup-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.calendar-popup-platform{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 11px;color:#fff;font-weight:900}.calendar-popup-platform i,.calendar-popup-mini i{font-style:normal}.calendar-popup-platform b{background:rgba(255,255,255,.92);color:#2d1713;border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.calendar-popup-list{display:grid;gap:10px}.calendar-popup-item{border:1px solid #ecd7ca;background:#fff;border-radius:17px;padding:12px}.calendar-popup-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.calendar-popup-item-head strong{color:#2d1713;font-size:14px}.calendar-popup-item-head span{background:#f3e6dc;color:#5a3329;border-radius:999px;padding:4px 9px;font-weight:900;font-size:11px;white-space:nowrap}.calendar-popup-item p{margin:7px 0;color:#8e7166;font-weight:800}.calendar-popup-item small{display:block;color:#5a3329;background:#fffaf6;border:1px dashed #ead7ca;border-radius:12px;padding:8px;line-height:1.6;margin-top:8px}.calendar-popup-platforms{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.calendar-popup-mini{display:inline-flex;align-items:center;gap:5px;border-radius:999px;color:#fff;font-weight:900;font-size:10px;padding:5px 8px}.calendar-popup-empty{color:#8e7166;font-weight:900}
@media(max-width:900px){.calendar-platform-badge{width:34px;height:34px;border-radius:12px}.calendar-popup{padding:10px}.calendar-popup-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:20px;padding:14px}.calendar-popup-head h2{font-size:20px}}


.calendar-day.is-today{border:2px solid #8b4a3f!important;box-shadow:0 0 0 4px rgba(139,74,63,.12),0 16px 34px rgba(75,45,37,.14)!important;background:linear-gradient(180deg,#fffdfb,#fff5ee)!important}
.calendar-day.is-today:before{content:'اليوم';position:absolute;top:10px;left:10px;background:#8b4a3f;color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(139,74,63,.22)}
.calendar-day.is-today .calendar-day-top strong{background:#8b4a3f;color:#fff;border-radius:999px;min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px}

/* v75 calendar improvements */
.calendar-day-open{display:none!important}
.calendar-day.has-items{cursor:default!important}
.calendar-platform-badge{cursor:pointer!important}
.calendar-platform-badge:focus-visible{outline:3px solid rgba(139,74,63,.35);outline-offset:3px}
.calendar-day.is-today{position:relative!important;border:3px solid #7b3f35!important;box-shadow:0 0 0 5px rgba(123,63,53,.16),0 18px 38px rgba(75,45,37,.16)!important;background:linear-gradient(180deg,#fffdf9,#fff1e8)!important}
.calendar-day.is-today .calendar-day-top strong{background:#7b3f35!important;color:#fff!important;border-radius:999px!important;min-width:38px!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;box-shadow:0 7px 18px rgba(123,63,53,.22)!important}
.calendar-day.is-today .calendar-day-top span{padding-left:58px!important}
.calendar-today-badge,.calendar-day.is-today:before{content:'اليوم';position:absolute!important;top:10px!important;left:10px!important;background:#7b3f35!important;color:#fff!important;border-radius:999px!important;padding:5px 12px!important;font-size:11px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(123,63,53,.24)!important;z-index:2!important;line-height:1!important}
.calendar-popup-platform.is-selected{box-shadow:0 0 0 3px rgba(123,63,53,.18),0 10px 20px rgba(45,23,19,.10)!important;transform:translateY(-1px)}

/* v76: per-platform post type selector in publish schedule */
.publish-platform-type-list{display:grid;grid-template-columns:1fr;gap:5px;max-height:112px;overflow:auto;padding:5px;background:#fffaf6;border:1px solid var(--border);border-radius:10px}
.publish-platform-type-row{display:grid;grid-template-columns:minmax(82px,.9fr) minmax(82px,1fr);gap:5px;align-items:center;border:1px solid rgba(92,58,47,.1);background:rgba(255,255,255,.75);border-radius:9px;padding:4px}
.publish-platform-type-row.is-selected{border-color:rgba(128,77,61,.38);box-shadow:0 4px 12px rgba(128,77,61,.08)}
.publish-platform-check-card{margin:0;font-size:9.5px;min-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.publish-platform-type-select{width:100%;height:29px;border:1px solid rgba(128,77,61,.25);border-radius:8px;background:#fff;color:var(--text);font-size:9.5px;font-weight:800;padding:0 6px}
.publish-platform-type-select:disabled{opacity:.48;background:#f4eee9;color:#a0887c}
@media(max-width:1180px){.publish-platform-type-row{grid-template-columns:1fr}.publish-platform-type-list{max-height:132px}.publish-platform-type-select{font-size:9px}}


/* v77: clearer today marker under the day number and per-platform calendar click behavior */
.calendar-day.is-today{position:relative!important;border:3px solid #7b3f35!important;box-shadow:0 0 0 5px rgba(123,63,53,.16),0 18px 38px rgba(75,45,37,.16)!important;background:linear-gradient(180deg,#fffdf9,#fff1e8)!important}
.calendar-day.is-today:before{display:none!important;content:none!important}
.calendar-day.is-today .calendar-day-top{align-items:flex-start!important}
.calendar-day-number-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:4px;line-height:1}
.calendar-day.is-today .calendar-day-top strong{background:#7b3f35!important;color:#fff!important;border-radius:999px!important;min-width:38px!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;box-shadow:0 7px 18px rgba(123,63,53,.22)!important}
.calendar-today-badge{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#7b3f35!important;color:#fff!important;border-radius:999px!important;padding:4px 9px!important;font-size:10px!important;font-weight:900!important;box-shadow:0 7px 15px rgba(123,63,53,.18)!important;line-height:1!important}
.calendar-day.is-today .calendar-day-top span{padding-left:0!important}
.calendar-day-open{display:none!important}
.calendar-day.has-items{cursor:default!important}
.calendar-platform-badge{cursor:pointer!important}
.calendar-popup-item[data-calendar-item-platform]{border-color:#e2bca9!important}


/* v78: show a separate post-type selector for every selected platform in publish schedule */
.publish-platform-type-list{max-height:220px!important;overflow:auto!important;gap:7px!important;padding:7px!important;}
.publish-platform-type-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;align-items:stretch!important;padding:7px!important;min-height:78px!important;overflow:visible!important;}
.publish-platform-type-row .publish-platform-check-card{min-height:30px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;font-size:11px!important;}
.publish-platform-type-control{display:flex!important;flex-direction:column!important;gap:3px!important;width:100%!important;}
.publish-platform-type-control span{font-size:10px!important;font-weight:900!important;color:#8a6458!important;text-align:right!important;}
.publish-platform-type-select{display:block!important;width:100%!important;min-height:32px!important;height:32px!important;font-size:10.5px!important;opacity:1!important;visibility:visible!important;}
.publish-platform-type-select:disabled{opacity:.55!important;}
.publish-platform-type-row:not(.is-selected) .publish-platform-type-control{opacity:.75!important;}
@media(max-width:1180px){.publish-platform-type-list{max-height:240px!important}.publish-platform-type-row{min-height:80px!important}.publish-platform-type-select{font-size:10px!important}}

/* v79 - جدول النشر: نوع نشر مستقل وواضح لكل منصة */
.publish-platform-type-list{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  max-height:260px!important;
  overflow:auto!important;
  padding:7px!important;
  background:#fffaf7!important;
}
.publish-platform-type-row{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-height:auto!important;
  padding:8px!important;
  border:1px solid rgba(128,77,61,.22)!important;
  border-radius:12px!important;
  background:#fff!important;
}
.publish-platform-type-row.is-selected{
  border-color:#8a4f3f!important;
  box-shadow:0 6px 16px rgba(128,77,61,.10)!important;
}
.publish-platform-check-card{
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  font-size:12px!important;
  font-weight:900!important;
}
.publish-platform-type-control{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  width:100%!important;
  opacity:1!important;
  visibility:visible!important;
}
.publish-platform-type-title{
  display:block!important;
  font-size:10.5px!important;
  font-weight:900!important;
  color:#8a5a4e!important;
  text-align:right!important;
}
.publish-platform-type-select{
  display:block!important;
  width:100%!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 9px!important;
  border:1px solid rgba(128,77,61,.35)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#3b241f!important;
  font-size:11px!important;
  font-weight:900!important;
  opacity:1!important;
  visibility:visible!important;
}
.publish-platform-type-select:disabled{
  background:#f3ede9!important;
  color:#92766d!important;
  opacity:.72!important;
}

/* v80 - جدول النشر: إظهار نوع النشر أسفل كل منصة مختارة بوضوح */
.publish-day-card{overflow:visible!important;min-height:260px!important;}
.publish-platform-type-list{max-height:340px!important;overflow:auto!important;padding:8px!important;gap:7px!important;background:#fffaf7!important;border:1px solid rgba(128,77,61,.28)!important;border-radius:12px!important;}
.publish-platform-type-row{display:flex!important;flex-direction:column!important;gap:6px!important;padding:7px!important;border:1px solid rgba(128,77,61,.18)!important;border-radius:12px!important;background:#fff!important;}
.publish-platform-type-row.is-selected{border-color:#8a4f3f!important;background:#fff8f3!important;box-shadow:0 6px 14px rgba(128,77,61,.12)!important;}
.publish-platform-type-row .publish-platform-check-card{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:30px!important;padding:5px 8px!important;font-size:12px!important;font-weight:900!important;background:transparent!important;border:0!important;}
.publish-platform-type-control{display:none!important;width:100%!important;margin-top:2px!important;}
.publish-platform-type-control.is-visible{display:block!important;}
.publish-platform-type-select{display:block!important;width:100%!important;min-height:36px!important;height:36px!important;padding:0 10px!important;border:1px solid #c99483!important;border-radius:10px!important;background:#fff!important;color:#3b241f!important;font-size:11.5px!important;font-weight:900!important;opacity:1!important;visibility:visible!important;}
.publish-platform-type-select:disabled{display:none!important;}

/* v81 - جدول النشر: إظهار أنواع النشر والأبعاد فعلياً تحت كل منصة مختارة */
.publish-platform-type-list{
  max-height:390px!important;
  overflow:auto!important;
}
.publish-platform-type-row{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-height:auto!important;
}
.publish-platform-type-row .publish-platform-check-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
}
.publish-platform-type-control{
  display:none!important;
  width:100%!important;
  padding:7px!important;
  border:1px dashed rgba(128,77,61,.32)!important;
  border-radius:10px!important;
  background:#fffaf6!important;
}
.publish-platform-type-row.is-selected .publish-platform-type-control,
.publish-platform-type-row:has(.js-platform-checkbox:checked) .publish-platform-type-control{
  display:block!important;
}
.publish-platform-type-title{
  display:block!important;
  margin:0 0 5px!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#7b4a3d!important;
  text-align:right!important;
}
.publish-platform-type-select,
.publish-platform-type-select:disabled{
  display:block!important;
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 10px!important;
  border:1px solid #c99483!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#3b241f!important;
  font-size:12px!important;
  font-weight:900!important;
  opacity:1!important;
  visibility:visible!important;
}


/* v82 - جدول النشر: إظهار نوع النشر فور اختيار المنصة بدون تحديث الجدول */
.publish-platform-type-row.is-selected .publish-platform-type-control,
.publish-platform-type-row:has(.js-platform-checkbox:checked) .publish-platform-type-control,
.publish-platform-type-control.is-visible{
  display:block!important;
}
.publish-platform-type-row.is-selected .publish-platform-type-select,
.publish-platform-type-row:has(.js-platform-checkbox:checked) .publish-platform-type-select{
  display:block!important;
}
.publish-platform-type-select.platform-type-flash{
  outline:2px solid #8a4f3f!important;
  box-shadow:0 0 0 4px rgba(138,79,63,.16)!important;
}


/* v83 - fix اختيار نوع النشر والأبعاد: يظهر مباشرة تحت المنصة المختارة */
#publishAgenda .publish-platform-type-row{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  overflow:visible!important;
}
#publishAgenda .publish-platform-type-control{
  width:100%!important;
  padding:7px!important;
  border:1px dashed rgba(128,77,61,.35)!important;
  border-radius:10px!important;
  background:#fffaf6!important;
  margin-top:2px!important;
}
#publishAgenda .publish-platform-type-row:not(.is-selected) .publish-platform-type-control:not(.is-visible){
  display:none!important;
}
#publishAgenda .publish-platform-type-row.is-selected .publish-platform-type-control,
#publishAgenda .publish-platform-type-control.is-visible,
#publishAgenda .publish-platform-type-row:has(.js-platform-checkbox:checked) .publish-platform-type-control{
  display:block!important;
}
#publishAgenda .publish-platform-type-title{
  display:block!important;
  margin-bottom:5px!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#7b4a3d!important;
  text-align:right!important;
}
#publishAgenda .publish-platform-type-select{
  display:block!important;
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 10px!important;
  border:1px solid #c99483!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#3b241f!important;
  font-size:12px!important;
  font-weight:900!important;
  opacity:1!important;
  visibility:visible!important;
}
#publishAgenda .publish-platform-type-select[disabled]{
  display:none!important;
}

/* v85 schedule platform popup layout */
.publish-card-section{border:1px solid rgba(201,148,131,.42);border-radius:12px;padding:7px;background:#fffaf7;margin-top:7px;display:flex;flex-direction:column;gap:6px}
.publish-section-label{font-size:10px;font-weight:900;color:#8a4f3f;text-align:right}
.publish-card-section-output{background:#fff}
.publish-card-section-platforms .publish-platform-type-list.hidden{display:none!important}
.publish-platform-popup-btn{width:100%;border-style:solid!important;background:#fff!important;font-weight:900!important;color:#5b3028!important}
.publish-platform-summary{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;min-height:28px;padding:4px;border:1px dashed rgba(201,148,131,.5);border-radius:10px;background:#fff}
.publish-platform-summary-empty{font-size:10px;font-weight:800;color:#9b8277}
.publish-platform-summary-chip{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:100%;padding:4px 8px;border-radius:999px;background:#f1e3d9;border:1px solid rgba(128,77,61,.18);font-size:10px;color:#4b2a23}
.publish-platform-summary-chip strong{font-size:10px;font-weight:900}
.publish-platform-summary-chip small{font-size:9px;font-weight:800;color:#8a6458;white-space:normal;text-align:right}
.publish-platform-popup{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:.18s ease}
.publish-platform-popup.open{opacity:1;pointer-events:auto}
.publish-popup-backdrop{position:absolute;inset:0;background:rgba(35,22,18,.38);backdrop-filter:blur(2px)}
.publish-popup-dialog{position:relative;width:min(980px,96vw);max-height:88vh;overflow:hidden;display:flex;flex-direction:column;background:#fffaf7;border:1px solid rgba(128,77,61,.28);border-radius:24px;box-shadow:0 24px 70px rgba(65,38,30,.22);direction:rtl}
.publish-popup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px;border-bottom:1px solid rgba(128,77,61,.16)}
.publish-popup-head h3{margin:0;color:#2f1c18;font-size:22px;font-weight:1000}
.publish-popup-head p{margin:4px 0 0;color:#8a6458;font-size:12px;font-weight:800}
.publish-popup-body{padding:18px 22px;overflow:auto}
.publish-modal-platform-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.publish-modal-platform-row{border:1px solid rgba(201,148,131,.45);border-radius:18px;background:#fff;overflow:hidden;transition:.18s ease}
.publish-modal-platform-row.is-selected{border-color:#8a4f3f;box-shadow:0 8px 24px rgba(128,77,61,.12)}
.publish-modal-platform-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#fbf1ea;cursor:pointer;font-size:14px;font-weight:1000;color:#3b241f}
.publish-modal-types{display:grid;gap:8px;padding:12px}
.publish-modal-type-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid rgba(201,148,131,.35);border-radius:12px;background:#fffaf7;cursor:pointer;font-size:12px;font-weight:900;color:#3b241f}
.publish-modal-type-card small{color:#8a6458;font-size:10px;font-weight:900;direction:ltr}
.publish-modal-type-card:has(input:checked){border-color:#8a4f3f;background:#f7ebe3}
.publish-popup-actions{display:flex;justify-content:flex-start;gap:10px;padding:14px 22px 18px;border-top:1px solid rgba(128,77,61,.16)}
@media(max-width:720px){.publish-popup-dialog{width:96vw;max-height:92vh;border-radius:18px}.publish-modal-platform-list{grid-template-columns:1fr}.publish-popup-head h3{font-size:18px}}

/* MZJ v87 campaign wizard + creative workflow */
.campaign-wizard-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.campaign-wizard-step{border:1px solid var(--border);background:#fff;border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;justify-content:center;color:var(--primary);font-weight:900;cursor:pointer;box-shadow:0 10px 26px rgba(90,58,50,.06)}
.campaign-wizard-step span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border)}
.campaign-wizard-step.active{background:linear-gradient(135deg,var(--secondary),var(--primary-2));color:#fff;border-color:transparent}
.campaign-wizard-step.active span{background:#fff;color:var(--primary)}
.campaign-wizard-panel{display:none!important}
.campaign-wizard-panel.active{display:block!important}
.campaign-wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}
.creative-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.creative-role-assignment{border:1px solid var(--border);background:#fff;border-radius:18px;padding:12px;display:grid;gap:10px}
.creative-role-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--primary)}
.creative-role-title strong{font-size:15px}.creative-role-title small{color:var(--muted);font-weight:700}
.creative-waiting-note{border:1px dashed #D7AC94;background:#FFF8F2;border-radius:16px;padding:11px 13px;color:var(--primary);font-weight:800;line-height:1.7}
.creative-role-assignment .multi-toggle{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:11px 12px;font-weight:900;color:var(--primary);text-align:center}
.creative-role-assignment .multi-menu{max-height:220px;overflow:auto}
@media(max-width:900px){.campaign-wizard-nav,.creative-assignment-grid{grid-template-columns:1fr}.campaign-wizard-step{justify-content:flex-start}}

/* v88 campaign wizard: per-creative binding */
.selected-creative-assignments{display:grid;gap:14px;margin-top:14px}
.creative-assignment-panel{border:1px solid rgba(121,70,52,.22);border-radius:18px;background:linear-gradient(180deg,#fffaf7,#fff);padding:14px;box-shadow:0 8px 22px rgba(91,50,38,.06)}
.creative-assignment-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;border-bottom:1px dashed rgba(121,70,52,.2);padding-bottom:10px}
.creative-assignment-panel-head span{display:block;font-size:.78rem;color:#9a7467;font-weight:800;margin-bottom:3px}
.creative-assignment-panel-head strong{font-size:1rem;color:#4b2d25}
.creative-qty-field{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(121,70,52,.18);border-radius:14px;padding:7px 10px;min-width:130px}
.creative-qty-field span{margin:0;color:#7b574c;font-size:.78rem}
.creative-qty-field input{width:70px;border:0;background:#fff7f2;border-radius:10px;padding:8px;text-align:center;font-weight:900;color:#4b2d25;outline:none}
.creative-assignment-inner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.creative-assignment-panel .creative-role-assignment{background:#fff;border:1px solid rgba(121,70,52,.16);border-radius:14px;padding:10px}
.creative-assignment-panel .multi-toggle{width:100%;justify-content:center;border-radius:12px}
.creative-assignment-note{margin-top:10px;color:#87665b;background:#fff3ed;border:1px dashed rgba(121,70,52,.24);border-radius:12px;padding:9px 10px;font-size:.82rem;font-weight:800}
.request-top .panel-title::after{content:' · تظهر بيانات هذه الخطوة داخل تاسكات كتاب المحتوى ورفع الهيكل';font-size:.75rem;color:#9a7467;font-weight:700;margin-inline-start:8px}
@media(max-width:700px){.creative-assignment-panel-head{align-items:stretch;flex-direction:column}.creative-qty-field{width:100%;justify-content:space-between}.creative-assignment-inner-grid{grid-template-columns:1fr}}


/* v89: creative assignment popup inside campaign wizard */
.creative-popup-row-head{grid-template-columns:1fr 32px!important;align-items:center!important}
.creative-popup-row-head .open-creative-assignment-popup{width:100%;min-height:42px;border-radius:14px;font-weight:900}
.creative-hidden-storage{display:none!important}
.creative-assignment-popup .creative-assignment-popup-dialog{width:min(1180px,calc(100vw - 28px));max-height:calc(100vh - 34px);padding:18px}
.creative-popup-layout{display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:14px;align-items:start}
.creative-popup-side{position:sticky;top:0;border:1px solid rgba(121,70,52,.18);border-radius:18px;background:#fff;padding:12px;max-height:calc(100vh - 190px);overflow:auto}
.creative-popup-side h3{margin:0 0 10px;color:#4b2d25;font-size:16px}
.creative-popup-checks{display:grid;gap:8px}
.creative-popup-checks .popup-creative-check-card{width:100%!important;border-radius:14px!important;padding:10px 12px!important;justify-content:space-between;background:#fffaf7!important}
.creative-popup-main{min-height:280px;max-height:calc(100vh - 190px);overflow:auto;padding-inline-end:4px}
.creative-popup-panels{display:grid;gap:12px}
.creative-popup-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid rgba(121,70,52,.16);padding-top:12px;margin-top:14px}
.creative-assignment-popup .creative-assignment-panel{box-shadow:none}
@media(max-width:820px){.creative-popup-layout{grid-template-columns:1fr}.creative-popup-side{position:relative;max-height:none}.creative-popup-main{max-height:none}.creative-popup-actions{position:sticky;bottom:0;background:#fffaf6;padding:10px}}

/* v90: campaign creative popup fixes */
#addCreativeBtn{display:none!important}
body.creative-popup-open{overflow:hidden!important}
#creativeAssignmentPopup.task-modal{z-index:2147483000!important;position:fixed!important;inset:0!important;display:none!important;place-items:center!important;padding:0!important}
#creativeAssignmentPopup.task-modal.show{display:grid!important}
#creativeAssignmentPopup .task-modal-backdrop{z-index:0!important;background:rgba(35,20,15,.62)!important;backdrop-filter:blur(7px)!important}
#creativeAssignmentPopup .creative-assignment-popup-dialog{z-index:2147483001!important;width:min(1320px,calc(100vw - 28px))!important;max-height:calc(100vh - 26px)!important;margin:0 auto!important;overflow:hidden!important;padding:18px!important;border-radius:28px!important;background:#fffaf6!important;box-shadow:0 35px 120px rgba(25,12,8,.55)!important;display:grid!important;grid-template-rows:auto 1fr auto!important}
#creativeAssignmentPopup .task-modal-head{position:relative!important;top:auto!important;background:#fffaf6!important;z-index:2!important;padding:10px 48px 14px 0!important;margin:0 0 12px!important;border-bottom:1px solid rgba(121,70,52,.18)!important}
#creativeAssignmentPopup .task-modal-close{position:absolute!important;top:14px!important;left:14px!important;float:none!important;z-index:5!important}
#creativeAssignmentPopup .creative-popup-layout{display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;gap:14px!important;min-height:0!important;overflow:hidden!important}
#creativeAssignmentPopup .creative-popup-side{position:relative!important;top:auto!important;max-height:none!important;height:100%!important;min-height:0!important;overflow:auto!important;background:#fff!important;border:1px solid rgba(121,70,52,.18)!important;border-radius:20px!important;padding:12px!important}
#creativeAssignmentPopup .creative-popup-main{height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:0!important}
#creativeAssignmentPopup .creative-popup-panels{height:100%!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:10px!important;min-height:0!important}
#creativeAssignmentPopup .creative-popup-active-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 8px!important;border-bottom:1px dashed rgba(121,70,52,.16)!important}
#creativeAssignmentPopup .creative-popup-active-tab{border:1px solid rgba(121,70,52,.28)!important;background:#fff!important;border-radius:999px!important;padding:8px 12px!important;color:#5a3329!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important;max-width:230px!important;overflow:hidden!important;text-overflow:ellipsis!important}
#creativeAssignmentPopup .creative-popup-active-tab.active{background:#7c4a3e!important;color:#fff!important;border-color:#7c4a3e!important;box-shadow:0 8px 20px rgba(124,74,62,.18)!important}
#creativeAssignmentPopup .creative-popup-active-panels{position:relative!important;min-height:0!important;overflow:hidden!important}
#creativeAssignmentPopup .creative-assignment-panel{display:none!important;height:100%!important;overflow:auto!important;margin:0!important;border-radius:22px!important;padding:16px!important;background:#fff!important}
#creativeAssignmentPopup .creative-assignment-panel.is-active{display:block!important}
#creativeAssignmentPopup .creative-assignment-inner-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#creativeAssignmentPopup .creative-role-assignment{min-height:auto!important;padding:12px!important}
#creativeAssignmentPopup .creative-popup-actions{position:relative!important;z-index:3!important;background:#fffaf6!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(121,70,52,.16)!important}
#creativeRows .empty-state{font-weight:900!important;color:#7c4a3e!important}
@media(max-width:900px){
  #creativeAssignmentPopup .creative-assignment-popup-dialog{width:calc(100vw - 10px)!important;max-height:calc(100vh - 10px)!important;padding:12px!important}
  #creativeAssignmentPopup .creative-popup-layout{grid-template-columns:1fr!important;grid-template-rows:220px minmax(0,1fr)!important}
  #creativeAssignmentPopup .creative-assignment-inner-grid{grid-template-columns:1fr!important}
}


/* v91: make creative popup choices actually clickable and clear */
#creativeAssignmentPopup .popup-creative-check-card{cursor:pointer!important;user-select:none!important;position:relative!important}
#creativeAssignmentPopup .popup-creative-check-card input{cursor:pointer!important;pointer-events:auto!important}
#creativeAssignmentPopup .creative-popup-active-tab{pointer-events:auto!important;cursor:pointer!important}
#creativeAssignmentPopup .creative-popup-active-panels{min-height:360px!important}
#creativeAssignmentPopup .creative-assignment-panel.is-active{display:block!important;visibility:visible!important;opacity:1!important}

/* v92: polished creative assignment popup + reliable tab/card interaction */
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  width:min(1480px,calc(100vw - 18px))!important;
  max-height:calc(100vh - 18px)!important;
  border:1px solid rgba(121,70,52,.22)!important;
  background:linear-gradient(180deg,#fffaf6 0%,#fff7f1 100%)!important;
}
#creativeAssignmentPopup .task-modal-head{
  padding:12px 56px 16px 0!important;
  border-bottom:1px solid rgba(121,70,52,.18)!important;
}
#creativeAssignmentPopup .task-modal-head span{display:inline-flex!important;border-radius:999px!important;padding:5px 12px!important;background:#f3e4d8!important;color:#8a5144!important;font-weight:900!important}
#creativeAssignmentPopup .task-modal-head h2{font-size:26px!important;margin:8px 0 4px!important;color:#3f241d!important}
#creativeAssignmentPopup .task-modal-head p{margin:0!important;color:#9b7469!important;font-weight:800!important}
#creativeAssignmentPopup .creative-popup-layout{
  grid-template-columns:minmax(260px,330px) minmax(0,1fr)!important;
  background:#fff!important;
  border:1px solid rgba(121,70,52,.12)!important;
  border-radius:24px!important;
  padding:12px!important;
}
#creativeAssignmentPopup .creative-popup-side{
  background:linear-gradient(180deg,#fffaf6,#fff)!important;
  border-radius:20px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important;
}
#creativeAssignmentPopup .creative-popup-side h3{position:sticky!important;top:0!important;background:linear-gradient(180deg,#fffaf6,#fffaf6)!important;z-index:2!important;padding:8px 4px 12px!important;margin:-4px 0 10px!important;border-bottom:1px dashed rgba(121,70,52,.16)!important}
#creativeAssignmentPopup .popup-creative-check-card{
  display:grid!important;
  grid-template-columns:1fr 24px!important;
  align-items:center!important;
  min-height:44px!important;
  border:1px solid rgba(121,70,52,.22)!important;
  background:#fff!important;
  transition:.18s ease!important;
  cursor:pointer!important;
  user-select:none!important;
}
#creativeAssignmentPopup .popup-creative-check-card span{font-weight:900!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:right!important;direction:ltr!important}
#creativeAssignmentPopup .popup-creative-check-card:hover{transform:translateY(-1px)!important;border-color:#8a5144!important;box-shadow:0 8px 20px rgba(121,70,52,.12)!important}
#creativeAssignmentPopup .popup-creative-check-card.is-selected{background:#fff1e8!important;border-color:#8a5144!important}
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked{background:#7c4a3e!important;color:#fff!important;border-color:#7c4a3e!important;box-shadow:0 12px 26px rgba(124,74,62,.2)!important}
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked input{accent-color:#fff!important}
#creativeAssignmentPopup .creative-popup-active-tabs{position:sticky!important;top:0!important;background:#fff!important;z-index:4!important;border:1px solid rgba(121,70,52,.12)!important;border-radius:18px!important;padding:8px!important;margin-bottom:4px!important}
#creativeAssignmentPopup .creative-popup-active-tab{min-height:42px!important;padding:9px 16px!important;max-width:300px!important;background:#fffaf6!important}
#creativeAssignmentPopup .creative-popup-active-tab:hover{border-color:#8a5144!important;box-shadow:0 8px 18px rgba(121,70,52,.11)!important}
#creativeAssignmentPopup .creative-popup-active-tab.active{background:#7c4a3e!important;color:#fff!important}
#creativeAssignmentPopup .creative-assignment-panel{border:1px solid rgba(121,70,52,.14)!important;box-shadow:0 10px 35px rgba(121,70,52,.08)!important;background:linear-gradient(180deg,#fff,#fffaf6)!important}
#creativeAssignmentPopup .creative-assignment-panel-head{background:#fff5ef!important;border:1px solid rgba(121,70,52,.12)!important;border-radius:18px!important;padding:12px!important;margin-bottom:14px!important}
#creativeAssignmentPopup .creative-assignment-panel-head strong{font-size:16px!important;color:#3f241d!important}
#creativeAssignmentPopup .creative-role-assignment{border-radius:18px!important;background:#fff!important;border:1px solid rgba(121,70,52,.12)!important;box-shadow:0 6px 18px rgba(121,70,52,.05)!important}
#creativeAssignmentPopup .creative-role-title strong{font-size:17px!important;color:#4b2d25!important}
#creativeAssignmentPopup .creative-assignment-note{border-radius:14px!important;background:#fff0e8!important;border:1px dashed rgba(121,70,52,.24)!important;color:#7c4a3e!important}

/* v93: clearer creative selection list and professional popup layout */
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  width:min(1540px,calc(100vw - 18px))!important;
}
#creativeAssignmentPopup .creative-popup-layout{
  grid-template-columns:minmax(360px,420px) minmax(0,1fr)!important;
  gap:18px!important;
}
#creativeAssignmentPopup .creative-popup-side{
  padding:14px!important;
}
#creativeAssignmentPopup .creative-popup-search{
  width:100%!important;
  height:44px!important;
  border-radius:14px!important;
  border:1px solid rgba(121,70,52,.22)!important;
  background:#fff!important;
  padding:0 14px!important;
  margin:0 0 12px!important;
  font-weight:800!important;
  color:#4b2d25!important;
  outline:none!important;
}
#creativeAssignmentPopup .creative-popup-search:focus{
  border-color:#8a5144!important;
  box-shadow:0 0 0 4px rgba(138,81,68,.10)!important;
}
#creativeAssignmentPopup .creative-popup-checks{
  gap:10px!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  grid-template-columns:minmax(0,1fr) 28px!important;
  min-height:62px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  align-items:center!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-filtered-out{display:none!important}
#creativeAssignmentPopup .popup-creative-text{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  text-align:right!important;
  direction:rtl!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  font-size:13.5px!important;
  line-height:1.35!important;
  color:#3f241d!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
}
#creativeAssignmentPopup .popup-creative-text small{
  font-size:11px!important;
  line-height:1.35!important;
  color:#9b7469!important;
  white-space:normal!important;
  word-break:break-word!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked .popup-creative-text strong,
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked .popup-creative-text small{color:#fff!important}
#creativeAssignmentPopup .popup-creative-check-card input{
  width:18px!important;
  height:18px!important;
  justify-self:end!important;
}
#creativeAssignmentPopup .creative-popup-active-tabs{
  gap:10px!important;
}
#creativeAssignmentPopup .creative-popup-active-tab{
  max-width:360px!important;
  min-width:110px!important;
  text-align:center!important;
}
#creativeAssignmentPopup .creative-popup-active-tab span{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#creativeAssignmentPopup .creative-assignment-panel-head strong{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
}
@media(max-width:900px){
  #creativeAssignmentPopup .creative-popup-layout{grid-template-columns:1fr!important;grid-template-rows:280px minmax(0,1fr)!important}
}


/* v94: clear creative picker - full names, modern list, no ellipsis */
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  width:min(1600px,calc(100vw - 12px))!important;
}
#creativeAssignmentPopup .creative-popup-layout{
  grid-template-columns:minmax(440px,520px) minmax(0,1fr)!important;
  align-items:stretch!important;
}
#creativeAssignmentPopup .creative-popup-side{
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
}
#creativeAssignmentPopup .creative-popup-checks{
  overflow:auto!important;
  padding:4px 6px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  width:100%!important;
  min-height:74px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 34px!important;
  gap:12px!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  text-align:right!important;
  direction:rtl!important;
  cursor:pointer!important;
}
#creativeAssignmentPopup .popup-creative-index{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#f6ebe4!important;
  color:#7c4a3e!important;
  font-weight:900!important;
  font-size:12px!important;
}
#creativeAssignmentPopup .popup-creative-text{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
  line-height:1.45!important;
  font-size:13.5px!important;
  color:#35201a!important;
  direction:rtl!important;
}
#creativeAssignmentPopup .popup-creative-text small{
  align-self:flex-start!important;
  background:#fff3eb!important;
  color:#8a5144!important;
  border:1px solid rgba(138,81,68,.18)!important;
  border-radius:999px!important;
  padding:3px 9px!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
#creativeAssignmentPopup .popup-creative-check-ui{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  border:1px solid rgba(121,70,52,.28)!important;
  display:grid!important;
  place-items:center!important;
  color:transparent!important;
  font-weight:900!important;
  align-self:center!important;
}
#creativeAssignmentPopup .popup-creative-check-card input.js-popup-creative-check{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-selected,
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked{
  background:#7c4a3e!important;
  color:#fff!important;
  border-color:#7c4a3e!important;
  box-shadow:0 12px 26px rgba(124,74,62,.22)!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-selected .popup-creative-index,
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked .popup-creative-index{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-selected .popup-creative-text strong,
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked .popup-creative-text strong{
  color:#fff!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-selected .popup-creative-text small,
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked .popup-creative-text small{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#fff!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-selected .popup-creative-check-ui,
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked .popup-creative-check-ui{
  background:#fff!important;
  border-color:#fff!important;
  color:#7c4a3e!important;
}
#creativeAssignmentPopup .creative-popup-active-tab span{
  white-space:normal!important;
  line-height:1.25!important;
}
@media(max-width:1000px){
  #creativeAssignmentPopup .creative-popup-layout{grid-template-columns:1fr!important;grid-template-rows:360px minmax(0,1fr)!important}
}

/* v95 - Compact one-line creative selector cards */
#creativeAssignmentPopup .creative-popup-checks{
  gap:6px!important;
  padding:4px 8px 8px!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  min-height:44px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border-radius:13px!important;
}
#creativeAssignmentPopup .popup-creative-index{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:9px!important;
  font-size:10px!important;
}
#creativeAssignmentPopup .popup-creative-text{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  line-height:1.2!important;
  font-size:12.5px!important;
  direction:rtl!important;
  text-align:right!important;
}
#creativeAssignmentPopup .popup-creative-text small{
  display:none!important;
}
#creativeAssignmentPopup .popup-creative-check-ui{
  width:22px!important;
  height:22px!important;
  border-radius:7px!important;
}
#creativeAssignmentPopup .creative-popup-side{
  min-width:320px!important;
}
#creativeAssignmentPopup .creative-popup-active-tabs{
  gap:6px!important;
}
#creativeAssignmentPopup .creative-popup-active-tab{
  min-height:38px!important;
  padding:8px 12px!important;
  max-width:220px!important;
}
#creativeAssignmentPopup .creative-popup-active-tab span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.2!important;
}

/* v96: professional creative popup layout */
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  width:min(1420px,calc(100vw - 24px))!important;
}
#creativeAssignmentPopup .creative-popup-layout{
  grid-template-columns:460px minmax(0,1fr)!important;
  gap:18px!important;
}
#creativeAssignmentPopup .creative-popup-side{
  padding:16px!important;
  background:linear-gradient(180deg,#fff,#fffaf6)!important;
}
#creativeAssignmentPopup .creative-popup-side h3{
  font-size:18px!important;
  padding-bottom:14px!important;
}
#creativeAssignmentPopup .creative-popup-search{
  width:100%!important;
  min-height:46px!important;
  font-size:15px!important;
  border-radius:16px!important;
  margin-bottom:12px!important;
}
#creativeAssignmentPopup .creative-popup-checks{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding-inline-end:4px!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  width:100%!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  background:#fff!important;
}
#creativeAssignmentPopup .popup-creative-index{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:#f7ebe4!important;
  color:#7c4a3e!important;
  font-size:12px!important;
  font-weight:900!important;
}
#creativeAssignmentPopup .popup-creative-text{
  min-width:0!important;
  display:block!important;
  direction:rtl!important;
  text-align:right!important;
  overflow-x:auto!important;
  scrollbar-width:thin!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:13px!important;
  line-height:1.4!important;
  color:#3f241d!important;
  letter-spacing:0!important;
}
#creativeAssignmentPopup .popup-creative-text small{display:none!important}
#creativeAssignmentPopup .popup-creative-check-ui{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(121,70,52,.22)!important;
  background:#fffaf6!important;
  color:transparent!important;
}
#creativeAssignmentPopup .popup-creative-check-card input.js-popup-creative-check{display:none!important}
#creativeAssignmentPopup .popup-creative-check-card.is-selected .popup-creative-check-ui,
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked .popup-creative-check-ui{
  background:#7c4a3e!important;
  border-color:#7c4a3e!important;
  color:#fff!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-selected,
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked{
  background:#fff0e8!important;
  border-color:#7c4a3e!important;
  box-shadow:0 8px 20px rgba(124,74,62,.12)!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-active-linked{
  outline:2px solid rgba(124,74,62,.16)!important;
}
#creativeAssignmentPopup .creative-popup-panels{
  grid-template-rows:auto minmax(0,1fr)!important;
}
#creativeAssignmentPopup .creative-popup-editor-switch{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  background:#fff!important;
  border:1px solid rgba(121,70,52,.14)!important;
  border-radius:20px!important;
  padding:12px!important;
  margin-bottom:10px!important;
}
#creativeAssignmentPopup .creative-popup-editor-switch label{
  display:grid!important;
  gap:6px!important;
  font-weight:900!important;
  color:#5a3329!important;
}
#creativeAssignmentPopup .creative-popup-editor-switch label span{
  font-size:13px!important;
  color:#8a6a60!important;
}
#creativeAssignmentPopup .creative-popup-active-select{
  width:100%!important;
  height:46px!important;
  border:1px solid rgba(121,70,52,.22)!important;
  border-radius:14px!important;
  padding:0 12px!important;
  background:#fffaf6!important;
  color:#3f241d!important;
  font-weight:900!important;
}
#creativeAssignmentPopup .creative-popup-active-tabs{
  position:relative!important;
  top:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  max-height:102px!important;
  overflow:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
#creativeAssignmentPopup .creative-popup-active-tab{
  max-width:100%!important;
  min-height:32px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
}
#creativeAssignmentPopup .creative-popup-active-tab span{
  max-width:220px!important;
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#creativeAssignmentPopup .creative-assignment-panel-head strong{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.55!important;
}
@media(max-width:980px){
  #creativeAssignmentPopup .creative-popup-layout{grid-template-columns:1fr!important;grid-template-rows:320px minmax(0,1fr)!important}
  #creativeAssignmentPopup .creative-popup-editor-switch{grid-template-columns:1fr!important}
}
/* v97 - creative wizard deadline fields and popup loading clarity */
.creative-role-deadline-field{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:10px;border:1px dashed rgba(125,74,62,.25);border-radius:14px;background:#fffaf7}
.creative-role-deadline-field span{font-weight:900;color:#6b3f35;font-size:12px}
.creative-role-deadline-field input{width:100%;border:1px solid rgba(125,74,62,.28);border-radius:12px;padding:10px;background:#fff;color:#3b2824;font-family:inherit;font-weight:800}
.creative-role-deadline-field small{color:#9b756b;font-weight:800;line-height:1.5}
.creative-role-deadline-field.is-disabled{opacity:.75;background:#f7f0eb}
.creative-role-deadline-field.is-disabled input{cursor:not-allowed;background:#eee2dc}
.creative-popup-checks .multi-empty{margin:12px;padding:14px;border:1px dashed rgba(125,74,62,.35);border-radius:14px;background:#fff9f5;color:#7c4a3e;font-weight:900;text-align:center;line-height:1.7}

/* v98 - full page creative assignment popup and full creative names */
#creativeAssignmentPopup{
  z-index:99999!important;
}
body.creative-popup-open{
  overflow:hidden!important;
}
#creativeAssignmentPopup .task-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  background:rgba(55,38,32,.62)!important;
  backdrop-filter:blur(6px)!important;
}
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  position:fixed!important;
  inset:12px!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border-radius:26px!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  padding:20px!important;
  background:#fffaf6!important;
}
#creativeAssignmentPopup .task-modal-head{
  padding:4px 42px 14px 10px!important;
  border-bottom:1px solid rgba(121,70,52,.16)!important;
}
#creativeAssignmentPopup .task-modal-close{
  position:absolute!important;
  top:18px!important;
  left:18px!important;
  z-index:5!important;
}
#creativeAssignmentPopup .creative-popup-layout{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(520px,0.95fr) minmax(0,1.35fr)!important;
  gap:18px!important;
  padding:16px 0 0!important;
}
#creativeAssignmentPopup .creative-popup-side,
#creativeAssignmentPopup .creative-popup-main{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .creative-popup-side{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  padding:16px!important;
  border-radius:22px!important;
  background:#fff!important;
}
#creativeAssignmentPopup .creative-popup-search{
  margin-bottom:14px!important;
}
#creativeAssignmentPopup .creative-popup-checks{
  overflow:auto!important;
  padding:4px 6px 10px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  align-content:start!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  width:100%!important;
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 34px!important;
  gap:12px!important;
  align-items:center!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  cursor:pointer!important;
}
#creativeAssignmentPopup .popup-creative-text{
  overflow:visible!important;
  min-width:0!important;
  width:100%!important;
  text-align:right!important;
  direction:rtl!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.55!important;
  font-size:14px!important;
}
#creativeAssignmentPopup .popup-creative-index{
  width:34px!important;
  height:34px!important;
}
#creativeAssignmentPopup .creative-popup-main{
  display:grid!important;
  grid-template-rows:minmax(0,1fr)!important;
  background:#fff!important;
  border:1px solid rgba(121,70,52,.16)!important;
  border-radius:22px!important;
  padding:16px!important;
}
#creativeAssignmentPopup .creative-popup-panels{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
#creativeAssignmentPopup .creative-popup-editor-switch{
  grid-template-columns:330px minmax(0,1fr)!important;
}
#creativeAssignmentPopup .creative-popup-active-tabs{
  max-height:116px!important;
}
#creativeAssignmentPopup .creative-popup-active-tab span{
  max-width:360px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.35!important;
}
#creativeAssignmentPopup .creative-popup-active-panels{
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  padding-inline-end:6px!important;
}
#creativeAssignmentPopup .creative-assignment-panel{
  height:auto!important;
  min-height:100%!important;
}
#creativeAssignmentPopup .creative-popup-actions{
  margin-top:14px!important;
  padding-top:14px!important;
  background:#fffaf6!important;
  border-top:1px solid rgba(121,70,52,.16)!important;
}
@media(max-width:1100px){
  #creativeAssignmentPopup .creative-popup-layout{
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(300px,42%) minmax(0,1fr)!important;
  }
  #creativeAssignmentPopup .creative-popup-editor-switch{
    grid-template-columns:1fr!important;
  }
}

/* v99: wide readable creative picker list */
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  width:min(98vw, 1720px)!important;
  max-width:98vw!important;
  height:min(96vh, 980px)!important;
  max-height:96vh!important;
}
#creativeAssignmentPopup .creative-popup-layout{
  grid-template-columns:minmax(560px, 46%) minmax(0, 54%)!important;
  gap:18px!important;
}
#creativeAssignmentPopup .creative-popup-side{
  padding:18px!important;
  border-radius:24px!important;
  background:#fffdfb!important;
  border:1px solid rgba(121,70,52,.16)!important;
}
#creativeAssignmentPopup .creative-popup-side h3{
  margin:0 0 12px!important;
  font-size:18px!important;
  text-align:right!important;
  color:#2d1713!important;
}
#creativeAssignmentPopup .creative-popup-search{
  height:44px!important;
  border-radius:16px!important;
  font-size:13px!important;
  padding:0 14px!important;
  margin-bottom:12px!important;
}
#creativeAssignmentPopup .creative-popup-checks{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  overflow:auto!important;
  padding:4px 4px 14px!important;
  scrollbar-gutter:stable both-edges!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  gap:10px!important;
  align-items:center!important;
  padding:8px 10px!important;
  border:1px solid rgba(121,70,52,.18)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
#creativeAssignmentPopup .popup-creative-check-card:hover{
  background:#fff7f1!important;
  border-color:rgba(138,81,68,.48)!important;
  transform:translateY(-1px)!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-selected{
  background:#8a5144!important;
  border-color:#8a5144!important;
  color:#fff!important;
}
#creativeAssignmentPopup .popup-creative-index{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:900!important;
  background:#f7ebe4!important;
  color:#8a5144!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-selected .popup-creative-index{
  background:rgba(255,255,255,.2)!important;
  color:#fff!important;
}
#creativeAssignmentPopup .popup-creative-text{
  min-width:0!important;
  width:100%!important;
  overflow:visible!important;
  text-align:right!important;
  direction:rtl!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.35!important;
  font-size:12.5px!important;
  font-weight:900!important;
  color:inherit!important;
}
#creativeAssignmentPopup .popup-creative-text small{
  display:none!important;
}
#creativeAssignmentPopup .popup-creative-check-ui{
  width:26px!important;
  height:26px!important;
  border-radius:9px!important;
  border:1px solid rgba(121,70,52,.3)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:900!important;
  color:transparent!important;
  background:#fff!important;
}
#creativeAssignmentPopup .popup-creative-check-card.is-selected .popup-creative-check-ui{
  color:#8a5144!important;
  background:#fff!important;
  border-color:#fff!important;
}
#creativeAssignmentPopup .popup-creative-check-card input.js-popup-creative-check{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
#creativeAssignmentPopup .creative-popup-active-tab span{
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#creativeAssignmentPopup .creative-popup-active-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  max-height:96px!important;
  overflow:auto!important;
}
#creativeAssignmentPopup .creative-popup-active-tab{
  min-height:34px!important;
  height:auto!important;
  padding:7px 12px!important;
  border-radius:999px!important;
}
@media(max-width:1100px){
  #creativeAssignmentPopup .creative-popup-layout{
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(360px,45%) minmax(0,1fr)!important;
  }
}


/* v100 creative popup layout refinement */
#creativeAssignmentPopup{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
}
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  width:min(1460px, calc(100vw - 40px))!important;
  max-width:1460px!important;
  max-height:calc(100vh - 40px)!important;
  margin:0 auto!important;
  inset:auto!important;
}
#creativeAssignmentPopup .creative-popup-layout{
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(320px, 40%) minmax(0, 1fr)!important;
  gap:16px!important;
}
#creativeAssignmentPopup .creative-popup-side,
#creativeAssignmentPopup .creative-popup-main{
  min-height:0!important;
  height:100%!important;
}
#creativeAssignmentPopup .creative-popup-side{
  max-height:none!important;
  overflow:auto!important;
  padding:16px!important;
}
#creativeAssignmentPopup .creative-popup-side h3{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  background:#fff!important;
  margin:0 0 12px!important;
  padding:4px 2px 10px!important;
}
#creativeAssignmentPopup .creative-popup-search{
  margin-bottom:14px!important;
}
#creativeAssignmentPopup .creative-popup-checks{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:12px!important;
  align-content:start!important;
  padding:0!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  min-height:92px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:32px minmax(0, 1fr) 32px!important;
  gap:10px!important;
  align-items:start!important;
  padding:12px!important;
  border-radius:18px!important;
}
#creativeAssignmentPopup .popup-creative-index{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  align-self:start!important;
}
#creativeAssignmentPopup .popup-creative-text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  line-height:1.45!important;
  font-size:13.5px!important;
  text-align:right!important;
}
#creativeAssignmentPopup .popup-creative-text small{
  display:none!important;
}
#creativeAssignmentPopup .popup-creative-check-ui{
  width:28px!important;
  height:28px!important;
  align-self:start!important;
}
#creativeAssignmentPopup .creative-popup-main{
  overflow:auto!important;
  padding:0!important;
}
#creativeAssignmentPopup .creative-popup-panels{
  height:auto!important;
  min-height:100%!important;
}
#creativeAssignmentPopup .creative-popup-active-tabs{
  flex-wrap:wrap!important;
  max-height:none!important;
  overflow:visible!important;
}
@media (max-width: 1280px){
  #creativeAssignmentPopup .creative-popup-layout{
    grid-template-rows:minmax(300px, 42%) minmax(0, 1fr)!important;
  }
}
@media (max-width: 1100px){
  #creativeAssignmentPopup .creative-popup-checks{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  }
}
@media (max-width: 720px){
  #creativeAssignmentPopup{padding:8px!important;}
  #creativeAssignmentPopup .creative-assignment-popup-dialog{
    width:calc(100vw - 12px)!important;
    max-height:calc(100vh - 12px)!important;
  }
  #creativeAssignmentPopup .creative-popup-layout{
    grid-template-rows:minmax(280px, 42%) minmax(0, 1fr)!important;
  }
  #creativeAssignmentPopup .creative-popup-checks{
    grid-template-columns:1fr!important;
  }
}


/* v101 - restore compact 3-column creative popup, no inner scroll, tabs instead of dropdown */
#creativeAssignmentPopup{
  padding:12px!important;
  align-items:flex-start!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  width:min(1420px, calc(100vw - 24px))!important;
  max-width:1420px!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - 24px)!important;
  padding:14px!important;
  border-radius:22px!important;
  grid-template-rows:auto auto auto!important;
  overflow:visible!important;
}
#creativeAssignmentPopup .task-modal-head{
  padding:0 42px 8px 8px!important;
}
#creativeAssignmentPopup .task-modal-head h2{font-size:22px!important;margin:2px 0!important;}
#creativeAssignmentPopup .task-modal-head p{font-size:12px!important;margin:0!important;}
#creativeAssignmentPopup .creative-popup-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  gap:10px!important;
  padding:10px 0 0!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
#creativeAssignmentPopup .creative-popup-side,
#creativeAssignmentPopup .creative-popup-main,
#creativeAssignmentPopup .creative-popup-panels,
#creativeAssignmentPopup .creative-popup-active-panels{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
#creativeAssignmentPopup .creative-popup-side{
  display:block!important;
  padding:12px!important;
  border-radius:18px!important;
}
#creativeAssignmentPopup .creative-popup-side h3{
  position:static!important;
  margin:0 0 8px!important;
  padding:0!important;
  font-size:15px!important;
  background:transparent!important;
}
#creativeAssignmentPopup .creative-popup-search{
  height:36px!important;
  min-height:36px!important;
  margin-bottom:10px!important;
  border-radius:12px!important;
  font-size:12px!important;
}
#creativeAssignmentPopup .creative-popup-checks{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  max-height:none!important;
  padding:0!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  min-height:52px!important;
  height:52px!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 24px!important;
  gap:8px!important;
  align-items:center!important;
  padding:7px 8px!important;
  border-radius:13px!important;
}
#creativeAssignmentPopup .popup-creative-index{
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  font-size:11px!important;
  align-self:center!important;
}
#creativeAssignmentPopup .popup-creative-check-ui{
  width:22px!important;
  height:22px!important;
  border-radius:8px!important;
  font-size:12px!important;
  align-self:center!important;
}
#creativeAssignmentPopup .popup-creative-text{
  gap:0!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  font-size:11.5px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  text-overflow:ellipsis!important;
}
#creativeAssignmentPopup .creative-popup-main{
  padding:10px!important;
  border-radius:18px!important;
}
#creativeAssignmentPopup .creative-popup-editor-switch{
  display:block!important;
  margin:0 0 8px!important;
}
#creativeAssignmentPopup .creative-popup-editor-switch label,
#creativeAssignmentPopup .creative-popup-active-select{
  display:none!important;
}
#creativeAssignmentPopup .creative-popup-active-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  margin:0!important;
}
#creativeAssignmentPopup .creative-popup-active-tab{
  min-height:34px!important;
  max-width:220px!important;
  padding:7px 14px!important;
  border-radius:999px!important;
}
#creativeAssignmentPopup .creative-popup-active-tab span{
  font-size:12px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#creativeAssignmentPopup .creative-assignment-panel{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:10px!important;
  border-radius:16px!important;
}
#creativeAssignmentPopup .creative-assignment-panel-head{
  padding:8px!important;
  margin-bottom:8px!important;
  border-radius:14px!important;
}
#creativeAssignmentPopup .creative-assignment-panel-head strong{font-size:13px!important;}
#creativeAssignmentPopup .creative-assignment-inner-grid{
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0,1fr))!important;
  gap:8px!important;
}
#creativeAssignmentPopup .creative-role-assignment{
  padding:8px!important;
  border-radius:14px!important;
  gap:7px!important;
}
#creativeAssignmentPopup .creative-role-title strong{font-size:12px!important;}
#creativeAssignmentPopup .creative-role-title small{display:none!important;}
#creativeAssignmentPopup .creative-role-deadline-field{
  padding:7px!important;
  margin-top:6px!important;
  gap:4px!important;
  border-radius:10px!important;
}
#creativeAssignmentPopup .creative-role-deadline-field input{
  height:34px!important;
  padding:6px 8px!important;
  border-radius:10px!important;
}
#creativeAssignmentPopup .creative-role-deadline-field small{display:none!important;}
#creativeAssignmentPopup .creative-assignment-note{display:none!important;}
#creativeAssignmentPopup .creative-popup-actions{
  margin-top:10px!important;
  padding-top:10px!important;
}
@media(max-width:1100px){
  #creativeAssignmentPopup .creative-popup-checks{grid-template-columns:repeat(3, minmax(0, 1fr))!important;}
  #creativeAssignmentPopup .creative-assignment-inner-grid{grid-template-columns:repeat(2, minmax(0,1fr))!important;}
}
@media(max-width:720px){
  #creativeAssignmentPopup .creative-popup-checks{grid-template-columns:repeat(2, minmax(0, 1fr))!important;}
  #creativeAssignmentPopup .creative-assignment-inner-grid{grid-template-columns:1fr!important;}
}

/* v102 - compact creative popup: 3 cards per row, no inner popup scroll */
#creativeAssignmentPopup.task-modal.show{
  display:grid!important;
  place-items:start center!important;
  overflow:hidden!important;
  padding:8px 10px!important;
}
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  width:min(1380px, calc(100vw - 20px))!important;
  max-width:1380px!important;
  max-height:none!important;
  height:auto!important;
  margin:0 auto!important;
  padding:10px 12px!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
#creativeAssignmentPopup .task-modal-close{
  width:30px!important;
  height:30px!important;
  top:10px!important;
  left:10px!important;
  border-radius:10px!important;
}
#creativeAssignmentPopup .task-modal-head{
  padding:0 38px 6px 0!important;
  margin:0 0 8px!important;
}
#creativeAssignmentPopup .task-modal-head h2{font-size:20px!important;line-height:1.15!important;margin:1px 0!important;}
#creativeAssignmentPopup .task-modal-head p{font-size:11px!important;line-height:1.2!important;}
#creativeAssignmentPopup .task-modal-head span{font-size:11px!important;padding:4px 10px!important;}
#creativeAssignmentPopup .creative-popup-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding:0!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .creative-popup-side,
#creativeAssignmentPopup .creative-popup-main,
#creativeAssignmentPopup .creative-popup-panels,
#creativeAssignmentPopup .creative-popup-active-panels,
#creativeAssignmentPopup .creative-assignment-panel{
  overflow:hidden!important;
  max-height:none!important;
  height:auto!important;
  min-height:0!important;
}
#creativeAssignmentPopup .creative-popup-side{
  padding:8px!important;
  border-radius:14px!important;
}
#creativeAssignmentPopup .creative-popup-side h3{
  margin:0 0 6px!important;
  font-size:13px!important;
  line-height:1.1!important;
}
#creativeAssignmentPopup .creative-popup-search{
  height:30px!important;
  min-height:30px!important;
  margin-bottom:7px!important;
  padding:5px 10px!important;
  font-size:11px!important;
  border-radius:10px!important;
}
#creativeAssignmentPopup .creative-popup-checks{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:6px!important;
  overflow:hidden!important;
  max-height:none!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  height:42px!important;
  min-height:42px!important;
  padding:5px 7px!important;
  border-radius:11px!important;
  grid-template-columns:22px minmax(0,1fr) 22px!important;
  gap:6px!important;
}
#creativeAssignmentPopup .popup-creative-index,
#creativeAssignmentPopup .popup-creative-check-ui{
  width:20px!important;
  height:20px!important;
  border-radius:7px!important;
  font-size:10px!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  font-size:10.5px!important;
  line-height:1.15!important;
  -webkit-line-clamp:2!important;
}
#creativeAssignmentPopup .creative-popup-main{
  padding:7px!important;
  border-radius:14px!important;
}
#creativeAssignmentPopup .creative-popup-editor-switch{
  margin:0 0 6px!important;
  display:block!important;
}
#creativeAssignmentPopup .creative-popup-active-select,
#creativeAssignmentPopup .creative-popup-editor-switch label{
  display:none!important;
}
#creativeAssignmentPopup .creative-popup-active-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
#creativeAssignmentPopup .creative-popup-active-tab{
  min-height:28px!important;
  max-height:28px!important;
  padding:5px 12px!important;
  border-radius:999px!important;
  max-width:260px!important;
}
#creativeAssignmentPopup .creative-popup-active-tab span{
  font-size:10.5px!important;
  line-height:1!important;
}
#creativeAssignmentPopup .creative-assignment-panel{
  padding:7px!important;
  border-radius:13px!important;
  margin:0!important;
}
#creativeAssignmentPopup .creative-assignment-panel:not(.is-active){display:none!important;}
#creativeAssignmentPopup .creative-assignment-panel.is-active{display:block!important;}
#creativeAssignmentPopup .creative-assignment-panel-head{
  padding:6px!important;
  margin-bottom:6px!important;
  border-radius:12px!important;
}
#creativeAssignmentPopup .creative-assignment-panel-head span{font-size:10px!important;margin-bottom:1px!important;}
#creativeAssignmentPopup .creative-assignment-panel-head strong{font-size:12px!important;line-height:1.15!important;}
#creativeAssignmentPopup .creative-qty-field{
  min-width:118px!important;
  padding:5px 7px!important;
  border-radius:11px!important;
}
#creativeAssignmentPopup .creative-qty-field input{
  height:28px!important;
  width:56px!important;
  padding:4px!important;
  border-radius:9px!important;
}
#creativeAssignmentPopup .creative-assignment-inner-grid{
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0, 1fr))!important;
  gap:6px!important;
}
#creativeAssignmentPopup .creative-role-assignment{
  padding:6px!important;
  border-radius:11px!important;
  gap:5px!important;
}
#creativeAssignmentPopup .creative-role-title strong{font-size:10.5px!important;line-height:1.1!important;}
#creativeAssignmentPopup .creative-role-title small{display:none!important;}
#creativeAssignmentPopup .creative-role-assignment .multi-toggle{
  min-height:28px!important;
  padding:5px 7px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
  line-height:1.1!important;
}
#creativeAssignmentPopup .creative-role-deadline-field{
  padding:5px!important;
  margin-top:2px!important;
  border-radius:9px!important;
  gap:2px!important;
}
#creativeAssignmentPopup .creative-role-deadline-field span{font-size:10px!important;line-height:1.1!important;}
#creativeAssignmentPopup .creative-role-deadline-field input{
  height:28px!important;
  min-height:28px!important;
  padding:4px 6px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
#creativeAssignmentPopup .creative-role-deadline-field small,
#creativeAssignmentPopup .creative-assignment-note{display:none!important;}
#creativeAssignmentPopup .creative-popup-actions{
  margin-top:7px!important;
  padding-top:7px!important;
  gap:8px!important;
}
#creativeAssignmentPopup .creative-popup-actions .btn{
  min-height:32px!important;
  padding:7px 12px!important;
  font-size:11px!important;
  border-radius:10px!important;
}
@media(max-width:900px){
  #creativeAssignmentPopup .creative-popup-checks{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #creativeAssignmentPopup .creative-assignment-inner-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* v103 - no inner popup scroll: all creative choices side-by-side as compact pills, give editor more room */
#creativeAssignmentPopup.task-modal.show{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:8px!important;
}
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  width:min(1420px, calc(100vw - 16px))!important;
  height:calc(100vh - 16px)!important;
  max-height:calc(100vh - 16px)!important;
  overflow:hidden!important;
  padding:9px 10px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
#creativeAssignmentPopup .task-modal-head{
  padding:0 36px 5px 0!important;
  margin:0 0 6px!important;
}
#creativeAssignmentPopup .task-modal-head span{font-size:10px!important;padding:3px 9px!important;}
#creativeAssignmentPopup .task-modal-head h2{font-size:19px!important;line-height:1.05!important;margin:1px 0!important;}
#creativeAssignmentPopup .task-modal-head p{font-size:10.5px!important;line-height:1.15!important;}
#creativeAssignmentPopup .creative-popup-layout{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:6px!important;
  overflow:hidden!important;
  padding:0!important;
}
#creativeAssignmentPopup .creative-popup-side{
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:7px!important;
  border-radius:13px!important;
}
#creativeAssignmentPopup .creative-popup-side h3{
  margin:0 0 5px!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1!important;
}
#creativeAssignmentPopup .creative-popup-search{
  height:28px!important;
  min-height:28px!important;
  margin-bottom:6px!important;
  padding:4px 9px!important;
  font-size:10px!important;
  border-radius:9px!important;
}
#creativeAssignmentPopup .creative-popup-checks{
  display:grid!important;
  grid-template-columns:repeat(auto-fit, minmax(130px, 1fr))!important;
  gap:5px!important;
  align-content:start!important;
  overflow:hidden!important;
  max-height:none!important;
  padding:0!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  height:30px!important;
  min-height:30px!important;
  padding:4px 6px!important;
  border-radius:9px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) 20px!important;
  gap:5px!important;
  align-items:center!important;
}
#creativeAssignmentPopup .popup-creative-index,
#creativeAssignmentPopup .popup-creative-check-ui{
  width:18px!important;
  height:18px!important;
  border-radius:6px!important;
  font-size:9px!important;
  align-self:center!important;
}
#creativeAssignmentPopup .popup-creative-text{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  display:block!important;
  font-size:9.5px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
#creativeAssignmentPopup .popup-creative-text small{display:none!important;}
#creativeAssignmentPopup .creative-popup-main{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:6px!important;
  border-radius:13px!important;
}
#creativeAssignmentPopup .creative-popup-panels{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:5px!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .creative-popup-editor-switch{
  margin:0!important;
  padding:0!important;
  display:block!important;
}
#creativeAssignmentPopup .creative-popup-editor-switch label,
#creativeAssignmentPopup .creative-popup-active-select{
  display:none!important;
}
#creativeAssignmentPopup .creative-popup-active-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  overflow:hidden!important;
  max-height:62px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
#creativeAssignmentPopup .creative-popup-active-tab{
  min-height:25px!important;
  max-height:25px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  max-width:230px!important;
}
#creativeAssignmentPopup .creative-popup-active-tab span{
  display:block!important;
  font-size:9.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#creativeAssignmentPopup .creative-popup-active-panels{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .creative-assignment-panel{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:6px!important;
  border-radius:12px!important;
  margin:0!important;
}
#creativeAssignmentPopup .creative-assignment-panel:not(.is-active){display:none!important;}
#creativeAssignmentPopup .creative-assignment-panel.is-active{display:block!important;}
#creativeAssignmentPopup .creative-assignment-panel-head{
  padding:5px!important;
  margin-bottom:5px!important;
  border-radius:10px!important;
}
#creativeAssignmentPopup .creative-assignment-panel-head span{font-size:9px!important;line-height:1!important;}
#creativeAssignmentPopup .creative-assignment-panel-head strong{font-size:11px!important;line-height:1.05!important;}
#creativeAssignmentPopup .creative-qty-field{
  min-width:110px!important;
  padding:4px 6px!important;
  border-radius:10px!important;
}
#creativeAssignmentPopup .creative-qty-field span{font-size:9px!important;}
#creativeAssignmentPopup .creative-qty-field input{
  height:25px!important;
  width:50px!important;
  padding:3px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
#creativeAssignmentPopup .creative-assignment-inner-grid{
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0, 1fr))!important;
  gap:5px!important;
}
#creativeAssignmentPopup .creative-role-assignment{
  padding:5px!important;
  border-radius:10px!important;
  gap:4px!important;
}
#creativeAssignmentPopup .creative-role-title strong{font-size:9.5px!important;line-height:1!important;}
#creativeAssignmentPopup .creative-role-title small{display:none!important;}
#creativeAssignmentPopup .creative-role-assignment .multi-toggle{
  min-height:25px!important;
  padding:4px 6px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  line-height:1!important;
}
#creativeAssignmentPopup .creative-role-deadline-field{
  padding:4px!important;
  margin-top:1px!important;
  border-radius:8px!important;
  gap:2px!important;
}
#creativeAssignmentPopup .creative-role-deadline-field span{font-size:9px!important;line-height:1!important;}
#creativeAssignmentPopup .creative-role-deadline-field input{
  height:25px!important;
  min-height:25px!important;
  padding:3px 5px!important;
  border-radius:7px!important;
  font-size:10px!important;
}
#creativeAssignmentPopup .creative-role-deadline-field small,
#creativeAssignmentPopup .creative-assignment-note{display:none!important;}
#creativeAssignmentPopup .creative-popup-actions{
  margin-top:6px!important;
  padding-top:6px!important;
  gap:7px!important;
}
#creativeAssignmentPopup .creative-popup-actions .btn{
  min-height:30px!important;
  padding:6px 11px!important;
  font-size:10px!important;
  border-radius:9px!important;
}
@media(max-width:900px){
  #creativeAssignmentPopup .creative-popup-checks{grid-template-columns:repeat(auto-fit, minmax(115px, 1fr))!important;}
  #creativeAssignmentPopup .creative-assignment-inner-grid{grid-template-columns:repeat(2, minmax(0,1fr))!important;}
}

/* v104: enlarge creative popup without internal scrolling */
#creativeAssignmentPopup .creative-assignment-popup-dialog{
  width:calc(100vw - 18px)!important;
  max-width:none!important;
  height:calc(100vh - 18px)!important;
  max-height:calc(100vh - 18px)!important;
  padding:14px 18px 10px!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
#creativeAssignmentPopup .task-modal-head{
  padding:0 42px 8px 0!important;
  margin:0 0 8px!important;
}
#creativeAssignmentPopup .task-modal-head span{font-size:12px!important;padding:4px 12px!important;}
#creativeAssignmentPopup .task-modal-head h2{font-size:26px!important;line-height:1.1!important;margin:2px 0!important;}
#creativeAssignmentPopup .task-modal-head p{font-size:13px!important;line-height:1.2!important;}
#creativeAssignmentPopup .creative-popup-layout{
  gap:9px!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
#creativeAssignmentPopup .creative-popup-side{
  padding:10px 14px!important;
  border-radius:18px!important;
}
#creativeAssignmentPopup .creative-popup-side h3{
  font-size:14px!important;
  line-height:1.2!important;
  margin:0 0 7px!important;
}
#creativeAssignmentPopup .creative-popup-search{
  height:34px!important;
  min-height:34px!important;
  margin-bottom:8px!important;
  padding:6px 13px!important;
  font-size:12px!important;
  border-radius:12px!important;
}
#creativeAssignmentPopup .creative-popup-checks{
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:visible!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  height:38px!important;
  min-height:38px!important;
  padding:6px 8px!important;
  border-radius:12px!important;
  grid-template-columns:24px minmax(0,1fr) 26px!important;
  gap:7px!important;
}
#creativeAssignmentPopup .popup-creative-index,
#creativeAssignmentPopup .popup-creative-check-ui{
  width:23px!important;
  height:23px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  font-size:11.5px!important;
  line-height:1.15!important;
  letter-spacing:0!important;
}
#creativeAssignmentPopup .creative-popup-main{
  padding:8px!important;
  border-radius:18px!important;
}
#creativeAssignmentPopup .creative-popup-panels{
  gap:7px!important;
}
#creativeAssignmentPopup .creative-popup-active-tabs{
  gap:7px!important;
  max-height:78px!important;
}
#creativeAssignmentPopup .creative-popup-active-tab{
  min-height:31px!important;
  max-height:31px!important;
  padding:6px 13px!important;
  max-width:310px!important;
}
#creativeAssignmentPopup .creative-popup-active-tab span{
  font-size:11px!important;
  line-height:1.1!important;
}
#creativeAssignmentPopup .creative-assignment-panel{
  padding:9px!important;
  border-radius:16px!important;
}
#creativeAssignmentPopup .creative-assignment-panel-head{
  padding:8px!important;
  margin-bottom:8px!important;
  border-radius:14px!important;
}
#creativeAssignmentPopup .creative-assignment-panel-head span{font-size:11px!important;line-height:1.1!important;}
#creativeAssignmentPopup .creative-assignment-panel-head strong{font-size:14px!important;line-height:1.15!important;}
#creativeAssignmentPopup .creative-qty-field{
  min-width:125px!important;
  padding:6px 9px!important;
  border-radius:12px!important;
}
#creativeAssignmentPopup .creative-qty-field span{font-size:11px!important;}
#creativeAssignmentPopup .creative-qty-field input{
  height:31px!important;
  width:62px!important;
  padding:4px!important;
  border-radius:10px!important;
  font-size:14px!important;
}
#creativeAssignmentPopup .creative-assignment-inner-grid{
  gap:8px!important;
}
#creativeAssignmentPopup .creative-role-assignment{
  padding:8px!important;
  border-radius:14px!important;
  gap:6px!important;
}
#creativeAssignmentPopup .creative-role-title strong{font-size:12px!important;line-height:1.15!important;}
#creativeAssignmentPopup .creative-role-assignment .multi-toggle{
  min-height:31px!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1.1!important;
}
#creativeAssignmentPopup .creative-role-deadline-field{
  padding:6px!important;
  margin-top:2px!important;
  border-radius:10px!important;
  gap:4px!important;
}
#creativeAssignmentPopup .creative-role-deadline-field span{font-size:11px!important;line-height:1.1!important;}
#creativeAssignmentPopup .creative-role-deadline-field input{
  height:31px!important;
  min-height:31px!important;
  padding:4px 8px!important;
  border-radius:9px!important;
  font-size:12px!important;
}
#creativeAssignmentPopup .creative-popup-actions{
  margin-top:8px!important;
  padding-top:8px!important;
}
#creativeAssignmentPopup .creative-popup-actions .btn{
  min-height:34px!important;
  padding:7px 16px!important;
  font-size:12px!important;
}
@media(max-width:1180px){
  #creativeAssignmentPopup .creative-popup-checks{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
  #creativeAssignmentPopup .popup-creative-text strong{font-size:11px!important;}
}

/* v105: show 7 creative cards per row so names stay readable */
#creativeAssignmentPopup .creative-popup-checks{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
}
#creativeAssignmentPopup .popup-creative-check-card{
  min-height:40px!important;
  height:40px!important;
  padding:6px 9px!important;
  grid-template-columns:24px minmax(0,1fr) 26px!important;
}
#creativeAssignmentPopup .popup-creative-text strong{
  font-size:12px!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
@media(max-width:1180px){
  #creativeAssignmentPopup .creative-popup-checks{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}

/* v109 task visibility and task modal clarity */
.waiting-tasks-panel{border:1px dashed var(--secondary);background:rgba(255,250,246,.92);border-radius:22px;padding:14px;margin:0 0 16px;box-shadow:var(--shadow)}
.waiting-panel-note{margin:0 0 12px;color:var(--muted);font-weight:900;font-size:13px;line-height:1.7}
.content-task-card.waiting-dependency{border-style:dashed!important;background:#fff8f4!important}
.content-task-card .waiting-chip{background:#f2e3d8!important;color:var(--primary)!important;border-color:var(--border)!important}
.task-info-grid.campaign-data-full{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
.task-info-grid.campaign-data-full>div{min-height:72px!important;text-align:right!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important}
.task-info-grid.campaign-data-full>div.wide{grid-column:span 2!important}
.task-info-grid.campaign-data-full span{font-size:12.5px!important}
.task-info-grid.campaign-data-full strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important;font-size:15px!important;line-height:1.55!important}
.task-info-grid.campaign-data-full .date-highlight,.task-deadline-highlight{border:2px solid var(--secondary)!important;background:#fff7f1!important;box-shadow:0 0 0 4px rgba(184,94,79,.08)!important}
.task-deadline-highlight{border-radius:16px!important;padding:11px 14px!important;margin-bottom:12px!important}
@media(max-width:1100px){.task-info-grid.campaign-data-full{grid-template-columns:repeat(2,minmax(0,1fr))!important}.task-info-grid.campaign-data-full>div.wide{grid-column:span 2!important}}
@media(max-width:720px){.task-info-grid.campaign-data-full{grid-template-columns:1fr!important}.task-info-grid.campaign-data-full>div.wide{grid-column:span 1!important}}

/* v110 waiting queue cards compact layout */
.waiting-tasks-panel .content-type-title{
  margin-bottom:10px!important;
}
.waiting-tasks-panel .content-type-list,
.waiting-tasks-panel .waiting-task-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,360px))!important;
  justify-content:start!important;
  gap:12px!important;
  align-items:start!important;
}
.waiting-tasks-panel .content-task-card{
  width:100%!important;
  max-width:360px!important;
  min-height:0!important;
  padding:12px!important;
}
.waiting-tasks-panel .content-task-card h3{
  font-size:16px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.waiting-tasks-panel .content-task-card p{
  font-size:12px!important;
  line-height:1.5!important;
  white-space:normal!important;
}
.waiting-tasks-panel .content-task-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.waiting-tasks-panel .task-metric-row{
  font-size:11.5px!important;
}

/* v111 - ربط المونتاج/التصميم بكاتب محتوى محدد داخل نفس الكريتيف */
.content-dependency-picker{
  margin-top:8px;
  padding:9px;
  border:1px dashed rgba(151,85,68,.38);
  border-radius:14px;
  background:rgba(255,247,242,.72);
}
.content-dependency-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:#4b261e;font-weight:800}
.content-dependency-title small{font-size:11px;color:#9b756a;font-weight:700}
.content-dependency-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px}
.content-dependency-options label{display:flex;align-items:center;gap:7px;border:1px solid rgba(151,85,68,.25);border-radius:12px;background:#fff;padding:8px 10px;font-weight:800;font-size:12px;color:#3f221b;cursor:pointer}
.content-dependency-options input{width:17px;height:17px;accent-color:#8f5144}
.content-dependency-options .multi-empty{grid-column:1/-1;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.8);font-size:12px;color:#9b756a;text-align:center}

/* v112: ربط كاتب المحتوى بالمونتاج من اتجاه المحتوى */
.content-montage-linker{
  border:1px dashed rgba(151,85,68,.34);
  border-radius:14px;
  background:rgba(250,241,235,.68);
  padding:9px;
  display:grid;
  gap:8px;
}
.content-montage-link-options{display:grid;gap:8px}
.content-montage-row{
  display:grid;
  gap:7px;
  border:1px solid rgba(151,85,68,.18);
  background:#fff;
  border-radius:13px;
  padding:8px;
}
.content-montage-row-title{font-weight:950;color:#4b261e;font-size:12.5px;text-align:right}
.content-montage-row-users{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}
.content-montage-row-users label{display:flex;align-items:center;gap:7px;border:1px solid rgba(151,85,68,.25);border-radius:11px;background:var(--surface-2);padding:7px 9px;font-weight:850;font-size:12px;color:#3f221b;cursor:pointer}
.content-montage-row-users input{width:16px;height:16px;accent-color:#8f5144}
.content-montage-link-options .multi-empty{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.8);font-size:12px;color:#9b756a;text-align:center}
#creativeAssignmentPopup .js-role-picker[data-role="montage"] .multi-toggle::after{content:' (من ربط المحتوى)';font-size:10px;color:#9b756a;font-weight:800}
.state-chip.is-structure-waiting{background:#fff1e8;color:#7d3f2d;border-color:#e7c7b7}
.waiting-dependency .task-metric-row b{color:#7d3f2d}

/* v115: structure attached notification badges */
.structure-file-name.structure-attached-label,
.state-chip.is-structure-attached,
.structure-attach-alert{
  background:#e8f7de!important;
  color:#315f24!important;
  border:1px solid #b9dba8!important;
  border-radius:999px!important;
  font-weight:900!important;
}
.structure-file-name.structure-attached-label{padding:8px 12px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 6px 16px rgba(49,95,36,.08)}
.state-chip.is-structure-attached{display:inline-flex!important;align-items:center;justify-content:center;padding:5px 9px;font-size:11px;white-space:nowrap}
.receive-state-stack,.inline-state-stack{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.structure-attach-alert{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:6px 10px;margin:8px 0 2px;font-size:12px}
.content-task-actions .state-chip.is-structure-attached{height:34px;padding-inline:12px}
.task-list-state .state-chip.is-structure-attached{margin-inline-start:6px}

/* v119 requested task detail layout fixes */
#taskModal.task-fullscreen-view{place-items:stretch!important;background:#fffaf6!important}
#taskModal.task-fullscreen-view .task-modal-backdrop{display:none!important}
#taskModal.task-fullscreen-view .task-modal-dialog{width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;border-radius:0!important;border:0!important;box-shadow:none!important;padding:12px 18px!important;overflow:hidden!important;background:#fffaf6!important}
#taskModal.task-fullscreen-view .task-modal-close{display:none!important}
#taskModal.task-fullscreen-view #taskModalContent{height:100%;overflow:hidden!important}
.task-detail-fullscreen{height:100%;display:flex;flex-direction:column;gap:8px;overflow:hidden!important}
.task-top-layout{display:grid;grid-template-columns:minmax(260px,20%) 1fr;gap:10px;align-items:stretch}
.task-title-card,.campaign-top-card{border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.78);padding:10px 12px}
.task-title-card{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right}
.task-title-card span{color:var(--secondary);font-weight:900;font-size:12px}.task-title-card h2{margin:4px 0;font-size:22px;color:var(--text)}.task-title-card p{margin:0;color:var(--muted);font-size:11px;font-weight:800}.task-close-btn{min-width:70px}
.campaign-info-compact{display:grid;grid-template-columns:repeat(6,minmax(0,auto));gap:6px;align-items:stretch}.campaign-info-box{border:1px solid var(--border);border-radius:11px;background:#fff;padding:7px 9px;min-width:110px}.campaign-info-box.wide{grid-column:span 2}.campaign-info-box span,.brief-box span,.structure-task-grid span{display:block;color:#a77f73;font-size:10px;font-weight:900;margin-bottom:4px}.campaign-info-box strong,.brief-box strong{font-size:12px;color:var(--text);font-weight:900;white-space:normal;word-break:break-word}.required-date-banner{display:inline-flex;align-items:center;gap:8px;border:2px solid #b85e4f;background:#fff1ea;border-radius:14px;padding:8px 12px;margin-bottom:8px;color:#5a3329;font-weight:900;box-shadow:0 8px 18px rgba(184,94,79,.14)}.required-date-banner span{font-size:11px;color:#9a4b3f}.required-date-banner strong{font-size:14px}.required-date-banner em{font-style:normal;font-size:12px;color:#7f3f34}
.task-brief-row-compact{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,max-content))!important;gap:6px!important;align-items:center!important;margin:0!important;padding:8px!important}.brief-box{border:1px solid var(--border);border-radius:11px;background:#fff;padding:7px 10px;min-width:150px}.structure-task-data{margin:0!important;padding:10px!important}.structure-task-data .modal-section-title{margin-bottom:8px!important}.structure-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.structure-task-grid>div{border:1px solid var(--border);border-radius:12px;background:#fff;padding:9px 10px;min-height:64px}.structure-task-grid strong{font-size:14px!important;line-height:1.45;color:var(--text)}
.structure-section{margin:0!important;padding:10px!important}.structure-section .structure-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.structure-file-name.structure-attached-label{background:#e7f2df;color:#315722;border:1px solid #b9d6a7;border-radius:999px;padding:7px 10px;font-weight:900}.compact-actions-section{margin:0!important;padding:10px!important}.compact-actions-section .task-mini-meta,.compact-actions-section .task-deadline-row{display:none!important}.compact-actions-section .receive-action-row{margin-bottom:6px}.compact-actions-section .modal-progress{height:7px;margin:6px 0 8px}.compact-actions-section .modal-steps-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:7px!important}.compact-actions-section .workflow-step{padding:9px 10px!important;min-height:52px!important}.task-files-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.task-files-two-cols .modal-section{margin:0!important;padding:10px!important}.final-upload-section:empty{display:none!important}.prep-file-missing{display:none!important}.inline-upload-progress-box{margin:10px auto;border:1px solid var(--border);background:#fff;border-radius:14px;padding:10px;max-width:560px;text-align:right}.inline-upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.inline-upload-progress-head button{border:0;border-radius:10px;background:#8a4d40;color:#fff;padding:6px 10px;font-weight:900}.inline-upload-bar{height:9px;background:#eadbd0;border-radius:999px;overflow:hidden;margin:8px 0}.inline-upload-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px}.inline-upload-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;font-size:11px;color:var(--muted);font-weight:800}.inline-upload-stats span{border:1px solid var(--border);background:#fffaf6;border-radius:10px;padding:6px}.task-files-table td,.task-files-table th{padding:6px!important;font-size:11px!important}.attachment-section .modal-section-title{margin-bottom:6px!important}
@media(max-width:1150px){.task-top-layout{grid-template-columns:1fr}.campaign-info-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.task-files-two-cols{grid-template-columns:1fr}.task-detail-fullscreen{overflow:auto!important}#taskModal.task-fullscreen-view #taskModalContent{overflow:auto!important}}

/* v119-final-fixes-2: make task detail truly full-width and structure readable */
#taskModal.task-modal.show.task-fullscreen-view{
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  direction:rtl!important;
  background:#fffaf6!important;
}
#taskModal.task-modal.show.task-fullscreen-view .task-modal-dialog{
  position:fixed!important;
  inset:0!important;
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  min-width:0!important;
  height:100vh!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 14px!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:#fffaf6!important;
}
#taskModal.task-modal.show.task-fullscreen-view #taskModalContent,
#taskModal.task-modal.show.task-fullscreen-view .task-detail-fullscreen{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
#taskModal.task-modal.show.task-fullscreen-view .task-detail-fullscreen{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  gap:8px!important;
}
#taskModal.task-modal.show.task-fullscreen-view .task-top-layout{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important;
  direction:rtl!important;
}
#taskModal.task-modal.show.task-fullscreen-view .task-title-card,
#taskModal.task-modal.show.task-fullscreen-view .campaign-top-card,
#taskModal.task-modal.show.task-fullscreen-view .modal-section{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
#taskModal.task-modal.show.task-fullscreen-view .campaign-info-compact{
  grid-template-columns:repeat(6,minmax(110px,1fr))!important;
}
#taskModal.task-modal.show.task-fullscreen-view .task-brief-row-compact{
  width:100%!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
}
#taskModal.task-modal.show.task-fullscreen-view .structure-section{
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#taskModal.task-modal.show.task-fullscreen-view .structure-workbook-view{
  min-height:0!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(520px,1fr))!important;
  gap:10px!important;
  align-items:start!important;
  padding:0 2px 4px!important;
}
#taskModal.task-modal.show.task-fullscreen-view .structure-sheet-block.compact-structure-section{
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
#taskModal.task-modal.show.task-fullscreen-view .structure-table-wrap.full-sheet{
  width:100%!important;
  max-width:none!important;
  max-height:calc(100vh - 420px)!important;
  min-height:190px!important;
  overflow:auto!important;
}
#taskModal.task-modal.show.task-fullscreen-view .structure-table.compact-excel-section{
  width:100%!important;
  min-width:760px!important;
  table-layout:auto!important;
}
#taskModal.task-modal.show.task-fullscreen-view .structure-table.compact-excel-section td{
  font-size:12px!important;
  line-height:1.45!important;
  padding:8px 10px!important;
  min-width:105px!important;
}
#taskModal.task-modal.show.task-fullscreen-view .structure-section .modal-section-title,
#taskModal.task-modal.show.task-fullscreen-view .structure-actions{
  flex:0 0 auto!important;
}
#taskModal.task-modal.show.task-fullscreen-view .compact-actions-section,
#taskModal.task-modal.show.task-fullscreen-view .task-files-two-cols{
  flex:0 0 auto!important;
}
@media(max-width:1100px){
  #taskModal.task-modal.show.task-fullscreen-view .task-detail-fullscreen{overflow:auto!important;display:flex!important;flex-direction:column!important;}
  #taskModal.task-modal.show.task-fullscreen-view #taskModalContent{overflow:auto!important;}
  #taskModal.task-modal.show.task-fullscreen-view .task-top-layout{grid-template-columns:1fr!important;}
  #taskModal.task-modal.show.task-fullscreen-view .campaign-info-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #taskModal.task-modal.show.task-fullscreen-view .structure-workbook-view{grid-template-columns:1fr!important;overflow:visible!important;}
  #taskModal.task-modal.show.task-fullscreen-view .structure-table-wrap.full-sheet{max-height:420px!important;}
}

/* v119 final fixes 4: structure review readable full focus */
#taskModal.has-structure-sheet-modal.task-modal.show{
  display:block!important;
}
#taskModal.has-structure-sheet-modal .task-modal-backdrop{
  background:rgba(30,18,14,.38)!important;
  backdrop-filter:blur(3px)!important;
}
#taskModal.has-structure-sheet-modal .task-modal-dialog{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  padding:10px 14px!important;
  overflow:auto!important;
  background:#fffaf6!important;
}
#taskModal.has-structure-sheet-modal #taskModalContent{
  width:100%!important;
}
#taskModal.has-structure-sheet-modal .task-detail-fullscreen{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  min-height:calc(100vh - 20px)!important;
}
#taskModal.has-structure-sheet-modal .task-top-layout{
  display:grid!important;
  grid-template-columns:minmax(250px,360px) 1fr!important;
  gap:10px!important;
  align-items:stretch!important;
}
#taskModal.has-structure-sheet-modal .task-title-card,
#taskModal.has-structure-sheet-modal .campaign-top-card,
#taskModal.has-structure-sheet-modal .task-brief-row,
#taskModal.has-structure-sheet-modal .modal-section{
  margin-bottom:0!important;
}
#taskModal.has-structure-sheet-modal .task-title-card{
  padding:12px 14px!important;
  min-height:auto!important;
}
#taskModal.has-structure-sheet-modal .task-title-card h2{
  font-size:22px!important;
  line-height:1.25!important;
  margin:3px 0!important;
}
#taskModal.has-structure-sheet-modal .campaign-top-card{
  padding:10px!important;
}
#taskModal.has-structure-sheet-modal .campaign-info-compact{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(110px,1fr))!important;
  gap:6px!important;
}
#taskModal.has-structure-sheet-modal .campaign-info-box{
  min-height:46px!important;
  padding:7px 9px!important;
}
#taskModal.has-structure-sheet-modal .campaign-info-box span{
  font-size:10px!important;
}
#taskModal.has-structure-sheet-modal .campaign-info-box strong{
  font-size:12px!important;
}
#taskModal.has-structure-sheet-modal .required-date-banner{
  width:auto!important;
  min-width:220px!important;
  max-width:360px!important;
  margin-bottom:6px!important;
  padding:6px 10px!important;
}
#taskModal.has-structure-sheet-modal .task-brief-row,
#taskModal.has-structure-sheet-modal .structure-task-data,
#taskModal.has-structure-sheet-modal .task-files-two-cols{
  display:none!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section{
  display:block!important;
  flex:0 0 auto!important;
  margin-top:8px!important;
  padding:10px!important;
  background:#fffdf9!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-section-title{
  margin-bottom:6px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .receive-action-row{
  margin-bottom:6px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-progress{
  height:7px!important;
  margin:6px 0 8px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-steps-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:7px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .workflow-step{
  min-height:50px!important;
  padding:8px 10px!important;
}
#taskModal.has-structure-sheet-modal .structure-section{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-height:0!important;
  max-height:calc(100vh - 385px)!important;
  padding:10px!important;
  overflow:hidden!important;
  border-width:2px!important;
  background:#fffdf9!important;
}
#taskModal.has-structure-sheet-modal .structure-section .modal-section-title{
  margin-bottom:0!important;
  flex:0 0 auto!important;
}
#taskModal.has-structure-sheet-modal .structure-section .modal-section-title h3{
  font-size:22px!important;
}
#taskModal.has-structure-sheet-modal .structure-actions{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  padding:6px!important;
  border:1px dashed rgba(91,48,38,.18)!important;
  border-radius:14px!important;
  background:#fff8ef!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-view{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin-top:0!important;
}
#taskModal.has-structure-sheet-modal .structure-help-bar{
  flex:0 0 auto!important;
  padding:7px 10px!important;
  font-size:12px!important;
}
#taskModal.has-structure-sheet-modal .structure-sheet-block.compact-structure-section,
#taskModal.has-structure-sheet-modal .structure-sheet-block{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-section-display-title{
  flex:0 0 auto!important;
  padding:7px 10px!important;
  font-size:13px!important;
}
#taskModal.has-structure-sheet-modal .structure-table-wrap.full-sheet{
  flex:1 1 auto!important;
  height:calc(100vh - 505px)!important;
  min-height:260px!important;
  max-height:none!important;
  overflow:auto!important;
  border-radius:12px!important;
  border:2px solid rgba(91,48,38,.16)!important;
  background:#fff!important;
}
#taskModal.has-structure-sheet-modal .structure-table.compact-excel-section,
#taskModal.has-structure-sheet-modal .full-structure-table{
  min-width:max-content!important;
  width:max-content!important;
  font-size:13px!important;
}
#taskModal.has-structure-sheet-modal .structure-table.compact-excel-section td,
#taskModal.has-structure-sheet-modal .full-structure-table td{
  font-size:13px!important;
  line-height:1.75!important;
  padding:10px 12px!important;
  min-width:150px!important;
  max-width:380px!important;
}
#taskModal.has-structure-sheet-modal .structure-approved-distribution{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
}
@media(max-width:1100px){
  #taskModal.has-structure-sheet-modal .task-top-layout{grid-template-columns:1fr!important;}
  #taskModal.has-structure-sheet-modal .campaign-info-compact{grid-template-columns:repeat(3,minmax(100px,1fr))!important;}
  #taskModal.has-structure-sheet-modal .structure-section{min-height:calc(100vh - 260px)!important;}
  #taskModal.has-structure-sheet-modal .structure-table-wrap.full-sheet{height:calc(100vh - 390px)!important;min-height:380px!important;}
}


/* final-fixes-5: keep content user workflow actions visible with uploaded structure */
#taskModal.has-structure-sheet-modal .task-actions-section{
  display:block!important;
  flex:0 0 auto!important;
  visibility:visible!important;
}
#taskModal.has-structure-sheet-modal .structure-section{
  min-height:0!important;
  max-height:calc(100vh - 385px)!important;
}
#taskModal.has-structure-sheet-modal .structure-table-wrap.full-sheet{
  height:calc(100vh - 505px)!important;
  min-height:260px!important;
}

/* final-fixes-6: keep structure readable AND keep workflow actions visible without browser zoom */
#taskModal.has-structure-sheet-modal .task-modal-dialog{
  overflow:hidden!important;
  padding:8px 12px!important;
}
#taskModal.has-structure-sheet-modal #taskModalContent,
#taskModal.has-structure-sheet-modal .task-detail-fullscreen{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .task-detail-fullscreen{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:7px!important;
}
#taskModal.has-structure-sheet-modal .task-top-layout{
  grid-template-columns:minmax(230px,320px) minmax(0,1fr)!important;
  gap:8px!important;
}
#taskModal.has-structure-sheet-modal .task-title-card,
#taskModal.has-structure-sheet-modal .campaign-top-card{
  padding:8px 10px!important;
  min-height:0!important;
}
#taskModal.has-structure-sheet-modal .task-title-card h2{
  font-size:19px!important;
  line-height:1.15!important;
}
#taskModal.has-structure-sheet-modal .task-title-card p{
  font-size:10px!important;
}
#taskModal.has-structure-sheet-modal .campaign-info-compact{
  grid-template-columns:repeat(6,minmax(90px,1fr))!important;
  gap:5px!important;
}
#taskModal.has-structure-sheet-modal .campaign-info-box{
  min-height:38px!important;
  padding:5px 7px!important;
  border-radius:10px!important;
}
#taskModal.has-structure-sheet-modal .campaign-info-box span{
  font-size:9px!important;
  margin-bottom:2px!important;
}
#taskModal.has-structure-sheet-modal .campaign-info-box strong{
  font-size:11px!important;
}
#taskModal.has-structure-sheet-modal .required-date-banner{
  min-width:190px!important;
  max-width:320px!important;
  padding:5px 8px!important;
  margin-bottom:5px!important;
  font-size:10px!important;
}
#taskModal.has-structure-sheet-modal .structure-section{
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  overflow:hidden!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
}
#taskModal.has-structure-sheet-modal .structure-section .modal-section-title h3{
  font-size:18px!important;
}
#taskModal.has-structure-sheet-modal .structure-actions{
  padding:5px!important;
  gap:6px!important;
}
#taskModal.has-structure-sheet-modal .structure-actions .btn,
#taskModal.has-structure-sheet-modal .structure-actions .mini-btn,
#taskModal.has-structure-sheet-modal .structure-actions a,
#taskModal.has-structure-sheet-modal .structure-actions span{
  font-size:11px!important;
  padding:6px 9px!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-view,
#taskModal.has-structure-sheet-modal .structure-approved-distribution,
#taskModal.has-structure-sheet-modal .structure-distribution{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal .structure-table-wrap.full-sheet{
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  flex:1 1 auto!important;
}
#taskModal.has-structure-sheet-modal .structure-approved-message{
  padding:7px 10px!important;
  margin-bottom:6px!important;
  font-size:12px!important;
}
#taskModal.has-structure-sheet-modal .structure-assign-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
#taskModal.has-structure-sheet-modal .structure-assign-row{
  min-height:0!important;
  padding:7px 8px!important;
  border-radius:12px!important;
}
#taskModal.has-structure-sheet-modal .structure-assign-info strong{
  font-size:12px!important;
}
#taskModal.has-structure-sheet-modal .structure-assign-info p{
  font-size:10px!important;
  line-height:1.35!important;
  margin:2px 0 0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-assign-controls .btn,
#taskModal.has-structure-sheet-modal .structure-assign-controls button{
  min-height:30px!important;
  padding:5px 8px!important;
  font-size:10px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section{
  padding:8px!important;
  margin:0!important;
  min-height:0!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-section-title{
  margin-bottom:4px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-section-title h3{
  font-size:16px!important;
}
#taskModal.has-structure-sheet-modal .receive-action-row{
  margin-bottom:5px!important;
}
#taskModal.has-structure-sheet-modal .receive-action-row .btn,
#taskModal.has-structure-sheet-modal .receive-action-row button{
  min-height:32px!important;
  padding:6px 12px!important;
  font-size:11px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-progress{
  height:6px!important;
  margin:5px 0 7px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-steps-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .workflow-step{
  min-height:40px!important;
  padding:6px 8px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .workflow-step span{
  font-size:11px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .workflow-step strong,
#taskModal.has-structure-sheet-modal .task-actions-section .workflow-step em{
  font-size:9px!important;
}
@media(max-width:1100px){
  #taskModal.has-structure-sheet-modal .task-modal-dialog{overflow:auto!important;}
  #taskModal.has-structure-sheet-modal #taskModalContent,
  #taskModal.has-structure-sheet-modal .task-detail-fullscreen{overflow:auto!important;height:auto!important;}
  #taskModal.has-structure-sheet-modal .task-detail-fullscreen{display:flex!important;flex-direction:column!important;}
  #taskModal.has-structure-sheet-modal .task-top-layout{grid-template-columns:1fr!important;}
  #taskModal.has-structure-sheet-modal .structure-assign-list{grid-template-columns:1fr!important;}
  #taskModal.has-structure-sheet-modal .task-actions-section .modal-steps-grid{grid-template-columns:1fr!important;}
}

/* final-fixes-7: unify structure sheet order/layout
   top row: Campaign Logic + Writing Rules
   bottom row: Content Execution Direction full width */
.structure-workbook-unified{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.structure-workbook-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:
    "writing logic"
    "execution execution";
  gap:10px!important;
  align-items:stretch!important;
  min-height:0!important;
}
.structure-workbook-grid > .structure-sheet-block.compact-structure-section{
  margin:0!important;
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.structure-workbook-grid > .structure-section-logic{grid-area:logic;}
.structure-workbook-grid > .structure-section-writing{grid-area:writing;}
.structure-workbook-grid > .structure-section-execution{grid-area:execution;}
.structure-workbook-grid > .structure-section-execution .structure-table-wrap.full-sheet{
  min-height:260px!important;
}

#taskModal.has-structure-sheet-modal .structure-workbook-unified{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:minmax(220px,0.95fr) minmax(280px,1.15fr)!important;
  grid-template-areas:
    "writing logic"
    "execution execution" !important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-sheet-block.compact-structure-section{
  height:100%!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table-wrap.full-sheet{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-sheet-block.compact-structure-section.structure-section-execution .structure-table-wrap.full-sheet{
  min-height:300px!important;
}

@media(max-width:1100px){
  .structure-workbook-grid,
  #taskModal.has-structure-sheet-modal .structure-workbook-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    grid-template-areas:
      "logic"
      "writing"
      "execution" !important;
    height:auto!important;
    overflow:visible!important;
  }
}

/* final-fixes-8: requested unified readable structure layout with actions visible */
#taskModal.has-structure-sheet-modal .structure-workbook-grid,
.structure-workbook-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  grid-template-areas:
    "logic"
    "writing"
    "execution" !important;
  gap:8px!important;
  width:100%!important;
  height:auto!important;
  overflow:visible!important;
}
#taskModal.has-structure-sheet-modal .structure-section{
  max-height:calc(100vh - 315px)!important;
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-unified{
  overflow:visible!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-sheet-block.compact-structure-section,
.structure-workbook-grid > .structure-sheet-block.compact-structure-section{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table-wrap.full-sheet,
.structure-workbook-grid .structure-table-wrap.full-sheet{
  width:100%!important;
  overflow:hidden!important;
  max-height:none!important;
  height:auto!important;
  min-height:0!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table.compact-excel-section,
#taskModal.has-structure-sheet-modal .structure-workbook-grid .full-structure-table,
.structure-workbook-grid .structure-table.compact-excel-section,
.structure-workbook-grid .full-structure-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table.compact-excel-section td,
#taskModal.has-structure-sheet-modal .structure-workbook-grid .full-structure-table td,
.structure-workbook-grid .structure-table.compact-excel-section td,
.structure-workbook-grid .full-structure-table td{
  min-width:0!important;
  max-width:none!important;
  padding:7px 8px!important;
  font-size:11px!important;
  line-height:1.45!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-logic .structure-table-wrap.full-sheet,
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-writing .structure-table-wrap.full-sheet{
  max-height:185px!important;
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-execution .structure-table-wrap.full-sheet{
  max-height:240px!important;
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section{
  display:block!important;
  flex:0 0 auto!important;
  margin-top:0!important;
  position:relative!important;
  z-index:2!important;
}
#taskModal.has-structure-sheet-modal .task-detail-fullscreen{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
}


/* final-fixes-9: requested content-user structure layout
   - Campaign Logic on the right
   - Writing Rules opposite on the left
   - Content Execution Direction under Campaign Logic on the right
   - Keep assignment actions visible without browser zoom */

/* generic layout */
.structure-workbook-unified{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-height:0!important;
}
.structure-workbook-grid{
  display:grid!important;
  direction:ltr!important;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.92fr)!important;
  grid-template-areas:
    "writing logic"
    ". execution" !important;
  gap:10px!important;
  align-items:start!important;
  width:100%!important;
  min-height:0!important;
}
.structure-workbook-grid > .structure-sheet-block.compact-structure-section,
.structure-workbook-grid > .structure-sheet-block{
  direction:rtl!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.structure-workbook-grid > .structure-section-logic{grid-area:logic!important;}
.structure-workbook-grid > .structure-section-writing{grid-area:writing!important;}
.structure-workbook-grid > .structure-section-execution{grid-area:execution!important;}
.structure-workbook-grid .structure-section-display-title{
  flex:0 0 auto!important;
}
.structure-workbook-grid .structure-table-wrap.full-sheet{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  overflow:auto!important;
  border-radius:12px!important;
}
.structure-workbook-grid .structure-table.compact-excel-section,
.structure-workbook-grid .full-structure-table{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  table-layout:fixed!important;
}
.structure-workbook-grid .structure-table.compact-excel-section td,
.structure-workbook-grid .full-structure-table td{
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  line-height:1.5!important;
  font-size:11px!important;
  padding:7px 8px!important;
}
.structure-workbook-grid > .structure-section-logic .structure-table-wrap.full-sheet,
.structure-workbook-grid > .structure-section-writing .structure-table-wrap.full-sheet{
  max-height:210px!important;
}
.structure-workbook-grid > .structure-section-execution .structure-table-wrap.full-sheet{
  max-height:245px!important;
}

/* full-screen task modal with structure sheet */
#taskModal.has-structure-sheet-modal .task-modal-dialog{
  overflow:hidden!important;
  padding:8px 12px!important;
}
#taskModal.has-structure-sheet-modal #taskModalContent,
#taskModal.has-structure-sheet-modal .task-detail-fullscreen{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .task-detail-fullscreen{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:7px!important;
}
#taskModal.has-structure-sheet-modal .structure-section{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-height:0!important;
  max-height:calc(100vh - 300px)!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-unified{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  display:grid!important;
  direction:ltr!important;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.92fr)!important;
  grid-template-rows:minmax(180px,.9fr) minmax(220px,1fr)!important;
  grid-template-areas:
    "writing logic"
    ". execution" !important;
  gap:10px!important;
  align-items:start!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-sheet-block.compact-structure-section,
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-sheet-block{
  direction:rtl!important;
  height:100%!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table-wrap.full-sheet{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table.compact-excel-section,
#taskModal.has-structure-sheet-modal .structure-workbook-grid .full-structure-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table.compact-excel-section td,
#taskModal.has-structure-sheet-modal .structure-workbook-grid .full-structure-table td{
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  line-height:1.5!important;
  font-size:11px!important;
  padding:7px 8px!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-logic .structure-table-wrap.full-sheet,
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-writing .structure-table-wrap.full-sheet{
  max-height:185px!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-execution .structure-table-wrap.full-sheet{
  max-height:235px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  padding:8px!important;
  background:#fffdf9!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-section-title{
  margin-bottom:4px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-steps-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .workflow-step{
  min-height:40px!important;
  padding:6px 8px!important;
}

@media (max-width: 1100px){
  .structure-workbook-grid,
  #taskModal.has-structure-sheet-modal .structure-workbook-grid{
    direction:rtl!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:
      "logic"
      "writing"
      "execution" !important;
    height:auto!important;
    overflow:visible!important;
  }
  #taskModal.has-structure-sheet-modal .task-modal-dialog{
    overflow:auto!important;
  }
  #taskModal.has-structure-sheet-modal #taskModalContent,
  #taskModal.has-structure-sheet-modal .task-detail-fullscreen{
    overflow:auto!important;
    height:auto!important;
  }
}

/* final-fixes-10: full readable structure without inner sheet scroll
   Top: Writing Rules left + Campaign Logic right.
   Bottom: Content Execution Direction full width.
   Keep task actions visible under the structure. */
#taskModal.has-structure-sheet-modal .task-modal-dialog{
  overflow:hidden!important;
  padding:8px 12px!important;
}
#taskModal.has-structure-sheet-modal #taskModalContent,
#taskModal.has-structure-sheet-modal .task-detail-fullscreen{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .task-detail-fullscreen{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:7px!important;
}
#taskModal.has-structure-sheet-modal .structure-section{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-height:0!important;
  max-height:calc(100vh - 300px)!important;
  overflow:hidden!important;
  padding:8px!important;
}
#taskModal.has-structure-sheet-modal .structure-actions{
  flex:0 0 auto!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-unified{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid,
.structure-workbook-grid{
  display:grid!important;
  direction:ltr!important;
  width:100%!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(170px,.82fr) minmax(250px,1.18fr)!important;
  grid-template-areas:
    "writing logic"
    "execution execution" !important;
  gap:10px!important;
  align-items:stretch!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-sheet-block.compact-structure-section,
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-sheet-block,
.structure-workbook-grid > .structure-sheet-block.compact-structure-section,
.structure-workbook-grid > .structure-sheet-block{
  direction:rtl!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-logic,
.structure-workbook-grid > .structure-section-logic{grid-area:logic!important;}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-writing,
.structure-workbook-grid > .structure-section-writing{grid-area:writing!important;}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-execution,
.structure-workbook-grid > .structure-section-execution{grid-area:execution!important;}
#taskModal.has-structure-sheet-modal .structure-section-display-title,
.structure-workbook-grid .structure-section-display-title{
  flex:0 0 auto!important;
  min-height:34px!important;
  padding:7px 10px!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table-wrap.full-sheet,
.structure-workbook-grid .structure-table-wrap.full-sheet{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  border-radius:12px!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table.compact-excel-section,
#taskModal.has-structure-sheet-modal .structure-workbook-grid .full-structure-table,
.structure-workbook-grid .structure-table.compact-excel-section,
.structure-workbook-grid .full-structure-table{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  table-layout:fixed!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table.compact-excel-section td,
#taskModal.has-structure-sheet-modal .structure-workbook-grid .full-structure-table td,
.structure-workbook-grid .structure-table.compact-excel-section td,
.structure-workbook-grid .full-structure-table td{
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  line-height:1.32!important;
  font-size:11px!important;
  padding:5px 7px!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-execution .structure-table.compact-excel-section td,
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-execution .full-structure-table td{
  line-height:1.28!important;
  padding:5px 6px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  padding:7px 8px!important;
  background:#fffdf9!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-section-title{
  margin-bottom:4px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .receive-action-row{
  margin-bottom:4px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-progress{
  height:6px!important;
  margin:4px 0 6px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-steps-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .workflow-step{
  min-height:38px!important;
  padding:6px 8px!important;
}
@media(max-width:1100px){
  #taskModal.has-structure-sheet-modal .task-modal-dialog{overflow:auto!important;}
  #taskModal.has-structure-sheet-modal #taskModalContent,
  #taskModal.has-structure-sheet-modal .task-detail-fullscreen{overflow:auto!important;height:auto!important;}
  #taskModal.has-structure-sheet-modal .structure-workbook-grid,
  .structure-workbook-grid{
    direction:rtl!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:
      "logic"
      "writing"
      "execution" !important;
    height:auto!important;
    overflow:visible!important;
  }
}

/* final-fixes-11: fill the empty right space and show full structure sections without shrinking content */
#taskModal.has-structure-sheet-modal .structure-section{
  display:flex!important;
  flex-direction:column!important;
  max-height:calc(100vh - 210px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-unified,
#taskModal.has-structure-sheet-modal .structure-workbook-view{
  width:100%!important;
  max-width:none!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid,
.structure-workbook-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  direction:ltr!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(210px,.95fr) minmax(260px,1.1fr)!important;
  grid-template-areas:
    "writing logic"
    "execution execution" !important;
  gap:10px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-logic,
.structure-workbook-grid > .structure-section-logic{grid-area:logic!important;}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-writing,
.structure-workbook-grid > .structure-section-writing{grid-area:writing!important;}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-execution,
.structure-workbook-grid > .structure-section-execution{grid-area:execution!important;}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-sheet-block.compact-structure-section,
.structure-workbook-grid > .structure-sheet-block.compact-structure-section{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  direction:rtl!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table-wrap.full-sheet,
.structure-workbook-grid .structure-table-wrap.full-sheet{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table.compact-excel-section,
#taskModal.has-structure-sheet-modal .structure-workbook-grid .full-structure-table,
.structure-workbook-grid .structure-table.compact-excel-section,
.structure-workbook-grid .full-structure-table{
  width:max-content!important;
  min-width:100%!important;
  table-layout:auto!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table.compact-excel-section td,
#taskModal.has-structure-sheet-modal .structure-workbook-grid .full-structure-table td,
.structure-workbook-grid .structure-table.compact-excel-section td,
.structure-workbook-grid .full-structure-table td{
  font-size:12px!important;
  line-height:1.55!important;
  padding:8px 10px!important;
  min-width:110px!important;
  max-width:360px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-execution .structure-table-wrap.full-sheet,
.structure-workbook-grid > .structure-section-execution .structure-table-wrap.full-sheet{
  max-height:none!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section{
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:7px 8px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-section-title{margin-bottom:4px!important;}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-progress{height:6px!important;margin:4px 0 6px!important;}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-steps-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .workflow-step{
  min-height:38px!important;
  padding:5px 8px!important;
}
@media(max-width:1100px){
  #taskModal.has-structure-sheet-modal .structure-workbook-grid,
  .structure-workbook-grid{
    direction:rtl!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:
      "logic"
      "writing"
      "execution" !important;
    height:auto!important;
    overflow:visible!important;
  }
  #taskModal.has-structure-sheet-modal .structure-section{overflow:auto!important;max-height:none!important;}
}

/* final-fixes-12: force workbook to use the full empty width in all task modal states */
.structure-workbook-view.structure-workbook-unified,
#taskModal.task-fullscreen-view .structure-workbook-view.structure-workbook-unified,
#taskModal.task-modal.show.task-fullscreen-view .structure-workbook-view.structure-workbook-unified,
#taskModal.has-structure-sheet-modal .structure-workbook-view.structure-workbook-unified{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:1 1 auto!important;
  align-self:stretch!important;
  overflow:hidden!important;
  grid-template-columns:none!important;
}
.structure-workbook-view.structure-workbook-unified .structure-help-bar,
#taskModal.task-fullscreen-view .structure-workbook-view.structure-workbook-unified .structure-help-bar,
#taskModal.has-structure-sheet-modal .structure-workbook-view.structure-workbook-unified .structure-help-bar{
  width:100%!important;
  max-width:none!important;
  flex:0 0 auto!important;
}
.structure-workbook-view.structure-workbook-unified .structure-workbook-grid,
#taskModal.task-fullscreen-view .structure-workbook-view.structure-workbook-unified .structure-workbook-grid,
#taskModal.task-modal.show.task-fullscreen-view .structure-workbook-view.structure-workbook-unified .structure-workbook-grid,
#taskModal.has-structure-sheet-modal .structure-workbook-view.structure-workbook-unified .structure-workbook-grid{
  display:grid!important;
  direction:ltr!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:1 1 auto!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-areas:
    "writing logic"
    "execution execution" !important;
  gap:10px!important;
  overflow:hidden!important;
}
.structure-workbook-view.structure-workbook-unified .structure-workbook-grid > .structure-sheet-block,
#taskModal.task-fullscreen-view .structure-workbook-view.structure-workbook-unified .structure-workbook-grid > .structure-sheet-block,
#taskModal.has-structure-sheet-modal .structure-workbook-view.structure-workbook-unified .structure-workbook-grid > .structure-sheet-block{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  direction:rtl!important;
}
.structure-workbook-view.structure-workbook-unified .structure-workbook-grid > .structure-section-logic{grid-area:logic!important;}
.structure-workbook-view.structure-workbook-unified .structure-workbook-grid > .structure-section-writing{grid-area:writing!important;}
.structure-workbook-view.structure-workbook-unified .structure-workbook-grid > .structure-section-execution{grid-area:execution!important;}
.structure-workbook-view.structure-workbook-unified .structure-workbook-grid .structure-table-wrap.full-sheet,
#taskModal.task-fullscreen-view .structure-workbook-view.structure-workbook-unified .structure-workbook-grid .structure-table-wrap.full-sheet,
#taskModal.has-structure-sheet-modal .structure-workbook-view.structure-workbook-unified .structure-workbook-grid .structure-table-wrap.full-sheet{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  overflow:auto!important;
}
.structure-workbook-view.structure-workbook-unified .structure-workbook-grid .structure-table.compact-excel-section,
.structure-workbook-view.structure-workbook-unified .structure-workbook-grid .full-structure-table,
#taskModal.task-fullscreen-view .structure-workbook-view.structure-workbook-unified .structure-workbook-grid .structure-table.compact-excel-section,
#taskModal.has-structure-sheet-modal .structure-workbook-view.structure-workbook-unified .structure-workbook-grid .structure-table.compact-excel-section{
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  table-layout:fixed!important;
}
.structure-workbook-view.structure-workbook-unified .structure-workbook-grid .structure-table.compact-excel-section td,
.structure-workbook-view.structure-workbook-unified .structure-workbook-grid .full-structure-table td{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
#taskModal.task-fullscreen-view .structure-section,
#taskModal.task-modal.show.task-fullscreen-view .structure-section,
#taskModal.has-structure-sheet-modal .structure-section{
  max-height:calc(100vh - 220px)!important;
  overflow:hidden!important;
}
#taskModal.task-fullscreen-view .task-actions-section,
#taskModal.task-modal.show.task-fullscreen-view .task-actions-section,
#taskModal.has-structure-sheet-modal .task-actions-section{
  display:block!important;
  flex:0 0 auto!important;
}

/* final-fixes-13: keep ALL assignment action buttons visible under the structure without browser zoom */
#taskModal.has-structure-sheet-modal .task-detail-fullscreen,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .task-detail-fullscreen,
#taskModal.task-modal.show.task-fullscreen-view.has-structure-sheet-modal .task-detail-fullscreen{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:7px!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .task-top-layout{
  grid-row:auto!important;
}
#taskModal.has-structure-sheet-modal .task-brief-row,
#taskModal.has-structure-sheet-modal .structure-task-data,
#taskModal.has-structure-sheet-modal .task-files-two-cols{
  display:none!important;
}
#taskModal.has-structure-sheet-modal .structure-section,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .structure-section,
#taskModal.task-modal.show.task-fullscreen-view.has-structure-sheet-modal .structure-section{
  grid-row:auto!important;
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-view.structure-workbook-unified{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-view.structure-workbook-unified .structure-workbook-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-view.structure-workbook-unified .structure-table-wrap.full-sheet{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .task-actions-section,
#taskModal.task-modal.show.task-fullscreen-view.has-structure-sheet-modal .task-actions-section{
  grid-row:auto!important;
  display:block!important;
  flex:0 0 auto!important;
  visibility:visible!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:7px 8px!important;
  overflow:visible!important;
  position:relative!important;
  z-index:10!important;
  background:#fffdf9!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .receive-action-row{
  display:block!important;
  margin-bottom:5px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-progress{
  display:block!important;
  height:6px!important;
  margin:5px 0 7px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .modal-steps-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section .workflow-step{
  display:block!important;
  min-height:38px!important;
  padding:5px 8px!important;
}

/* v132: عرض الهيكل بعد الرفع بحجم كامل بدل البلوكات الصغيرة، وبدون تاسكات فاضية */
#taskModal.has-structure-sheet-modal .structure-workbook-unified,
.structure-workbook-unified{
  overflow:visible!important;
  height:auto!important;
  max-height:none!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid,
.structure-workbook-grid{
  display:block!important;
  direction:rtl!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-sheet-block.compact-structure-section,
.structure-workbook-grid > .structure-sheet-block.compact-structure-section{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 14px!important;
  overflow:visible!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table-wrap.full-sheet,
.structure-workbook-grid .structure-table-wrap.full-sheet{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  width:100%!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-section-execution .structure-table-wrap.full-sheet,
.structure-workbook-grid > .structure-section-execution .structure-table-wrap.full-sheet{
  max-height:none!important;
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid .structure-table.compact-excel-section,
.structure-workbook-grid .structure-table.compact-excel-section{
  min-width:1180px!important;
  table-layout:auto!important;
}

/* v133: make uploaded structure sheet readable and stop tiny inner panels */
#taskModal.has-structure-sheet-modal .task-modal-dialog,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .task-modal-dialog{
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal #taskModalContent,
#taskModal.has-structure-sheet-modal .task-detail-fullscreen,
#taskModal.task-fullscreen-view.has-structure-sheet-modal #taskModalContent,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .task-detail-fullscreen{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
}
#taskModal.has-structure-sheet-modal .structure-section,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .structure-section{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  display:block!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-view.structure-workbook-unified,
#taskModal.has-structure-sheet-modal .structure-workbook-unified,
#taskModal.has-structure-sheet-modal .structure-workbook-grid,
.structure-workbook-view.structure-workbook-unified,
.structure-workbook-unified,
.structure-workbook-grid{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  display:block!important;
  direction:rtl!important;
}
#taskModal.has-structure-sheet-modal .structure-workbook-grid > .structure-sheet-block.compact-structure-section,
.structure-workbook-grid > .structure-sheet-block.compact-structure-section{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  display:block!important;
  margin:0 0 16px!important;
}
#taskModal.has-structure-sheet-modal .structure-table-wrap.full-sheet,
.structure-table-wrap.full-sheet{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  width:100%!important;
}
#taskModal.has-structure-sheet-modal .structure-section-execution .structure-table-wrap.full-sheet,
.structure-section-execution .structure-table-wrap.full-sheet{
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
#taskModal.has-structure-sheet-modal .structure-section-execution .structure-table.compact-excel-section,
#taskModal.has-structure-sheet-modal .structure-section-execution .full-structure-table,
.structure-section-execution .structure-table.compact-excel-section,
.structure-section-execution .full-structure-table{
  min-width:1260px!important;
  width:max-content!important;
  table-layout:auto!important;
}
#taskModal.has-structure-sheet-modal .task-actions-section,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .task-actions-section{
  display:block!important;
  position:relative!important;
  z-index:5!important;
}


/* v134 structure upload fixes: show uploaded workbook as clean vertical sections, no overlap */
.structure-workbook-grid.structure-workbook-vertical,
#taskModal.has-structure-sheet-modal .structure-workbook-grid.structure-workbook-vertical{
  display:block!important;
  grid-template-areas:none!important;
  grid-template-columns:none!important;
  gap:0!important;
  overflow:visible!important;
}
.structure-workbook-grid.structure-workbook-vertical > .structure-sheet-block.compact-structure-section,
#taskModal.has-structure-sheet-modal .structure-workbook-grid.structure-workbook-vertical > .structure-sheet-block.compact-structure-section{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 14px!important;
  grid-area:auto!important;
  overflow:hidden!important;
}
.structure-workbook-grid.structure-workbook-vertical .structure-table-wrap.full-sheet,
#taskModal.has-structure-sheet-modal .structure-workbook-grid.structure-workbook-vertical .structure-table-wrap.full-sheet{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}
.structure-workbook-grid.structure-workbook-vertical .structure-section-execution .structure-table-wrap.full-sheet,
#taskModal.has-structure-sheet-modal .structure-workbook-grid.structure-workbook-vertical .structure-section-execution .structure-table-wrap.full-sheet{
  max-height:70vh!important;
}
.structure-workbook-grid.structure-workbook-vertical .full-structure-table,
#taskModal.has-structure-sheet-modal .structure-workbook-grid.structure-workbook-vertical .full-structure-table{
  width:max-content!important;
  min-width:100%!important;
  table-layout:auto!important;
}
.structure-workbook-grid.structure-workbook-vertical .full-structure-table td,
#taskModal.has-structure-sheet-modal .structure-workbook-grid.structure-workbook-vertical .full-structure-table td{
  white-space:normal!important;
  min-width:120px!important;
  max-width:360px!important;
  height:auto!important;
  line-height:1.5!important;
}

/* v136: readable uploaded structure view, no squeezed Excel preview */
.structure-readable-view,
#taskModal.has-structure-sheet-modal .structure-readable-view{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  height:auto!important;
}
.structure-readable-card{
  width:100%!important;
  max-width:none!important;
  border:1px solid rgba(91,48,38,.18)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(43,22,17,.05)!important;
}
.structure-readable-card h4{
  margin:0!important;
  padding:12px 14px!important;
  text-align:center!important;
  font-size:14px!important;
  font-weight:900!important;
  color:#1f2937!important;
  border-bottom:1px solid rgba(91,48,38,.14)!important;
}
.structure-readable-logic h4{background:#d9ead3!important;}
.structure-readable-writing h4{background:#d8e8fb!important;}
.structure-readable-execution h4{background:#fff0c7!important;}
.structure-readable-table-wrap{
  width:100%!important;
  max-width:none!important;
  overflow:auto!important;
  max-height:none!important;
}
.structure-readable-table{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  direction:rtl!important;
}
.structure-readable-table th,
.structure-readable-table td{
  border:1px solid #e6d7cf!important;
  padding:10px 12px!important;
  vertical-align:top!important;
  font-size:13px!important;
  line-height:1.65!important;
  white-space:pre-wrap!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-align:right!important;
}
.structure-readable-table th{
  background:#2f3a45!important;
  color:#fff!important;
  font-weight:900!important;
  width:230px!important;
}
.structure-rules-list{
  margin:0!important;
  padding:14px 34px!important;
  display:grid!important;
  gap:8px!important;
  list-style:disc!important;
}
.structure-rules-list li{
  font-size:13px!important;
  line-height:1.7!important;
  font-weight:700!important;
}
.structure-readable-execution .execution-scroll{
  overflow:auto!important;
  max-height:75vh!important;
}
.structure-readable-execution .execution-table{
  min-width:1500px!important;
  width:max-content!important;
  table-layout:auto!important;
}
.structure-readable-execution .execution-table th{
  position:sticky!important;
  top:0!important;
  z-index:1!important;
  background:#2f3a45!important;
  color:#fff!important;
  text-align:center!important;
  min-width:120px!important;
}
.structure-readable-execution .execution-table td{
  min-width:120px!important;
  max-width:260px!important;
}
.structure-readable-execution .execution-table td:nth-child(3){
  background:#e8f0fe!important;
  font-weight:900!important;
  text-align:center!important;
  min-width:210px!important;
}
#taskModal.has-structure-sheet-modal .task-modal-dialog,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .task-modal-dialog{
  overflow:auto!important;
}
#taskModal.has-structure-sheet-modal .structure-section,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .structure-section{
  overflow:visible!important;
  max-height:none!important;
  height:auto!important;
}


/* v136: readable uploaded structure view - no squeezed Excel preview */
#taskModal.has-structure-sheet-modal .structure-readable-view,
.structure-readable-view{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}
#taskModal.has-structure-sheet-modal .structure-readable-card,
.structure-readable-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(72,42,27,.07)!important;
  overflow:hidden!important;
}
.structure-readable-card h4{
  margin:0!important;
  padding:14px 18px!important;
  text-align:center!important;
  font-weight:900!important;
}
.structure-readable-logic h4{background:#d9ead3!important;color:#193514!important;}
.structure-readable-writing h4{background:#d7e8fb!important;color:#14324f!important;}
.structure-readable-execution h4{background:#fff0c2!important;color:#4a2c18!important;}
#taskModal.has-structure-sheet-modal .structure-readable-table-wrap,
.structure-readable-table-wrap{
  width:100%!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
.structure-readable-table{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
  direction:rtl!important;
}
.structure-readable-table th,
.structure-readable-table td{
  border:1px solid #ead7cd!important;
  padding:12px 14px!important;
  vertical-align:middle!important;
  white-space:normal!important;
  line-height:1.8!important;
  font-size:13px!important;
}
.structure-readable-table th{
  background:#2f3a45!important;
  color:#fff!important;
  font-weight:900!important;
  text-align:center!important;
}
.structure-readable-table td{
  background:#fff!important;
  color:#1f1f1f!important;
  text-align:right!important;
}
.structure-readable-execution .structure-readable-table-wrap{
  overflow-x:auto!important;
  max-height:none!important;
}
.structure-readable-execution .execution-table{
  min-width:1800px!important;
}
.structure-readable-execution .execution-table th,
.structure-readable-execution .execution-table td{
  min-width:130px!important;
}
.structure-readable-execution .execution-table th:nth-child(3),
.structure-readable-execution .execution-table td:nth-child(3){min-width:220px!important;}
.structure-readable-execution .execution-table th:nth-child(9),
.structure-readable-execution .execution-table td:nth-child(9),
.structure-readable-execution .execution-table th:nth-child(10),
.structure-readable-execution .execution-table td:nth-child(10),
.structure-readable-execution .execution-table th:nth-child(12),
.structure-readable-execution .execution-table td:nth-child(12){
  background:#fffdf7!important;
  min-width:190px!important;
}
.structure-readable-table [data-structure-cell]{cursor:pointer!important;position:relative!important;}
.structure-readable-table [data-structure-cell]:hover{outline:2px solid rgba(159,87,68,.35)!important;outline-offset:-2px!important;}
.structure-readable-table .marked-cell{background:#fff3cd!important;box-shadow:inset 0 0 0 2px #d9923b!important;}
.structure-readable-table .cell-note-badge{margin-top:6px;background:#ffe4dc;color:#6f2d20;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:800;}

/* v137: عرض الهيكل المرفوع بشكل مقروء وكامل بدون ضغط Excel */
#taskModal.has-structure-sheet-modal .structure-readable-view,
.structure-readable-view{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  width:100%!important;
  overflow:visible!important;
}
#taskModal.has-structure-sheet-modal .structure-readable-card,
.structure-readable-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  border:1px solid rgba(91,48,38,.18)!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:visible!important;
  box-shadow:0 8px 24px rgba(91,48,38,.06)!important;
}
.structure-readable-card h4{
  margin:0!important;
  padding:12px 14px!important;
  text-align:center!important;
  font-weight:900!important;
  color:#1f302f!important;
  border-bottom:1px solid rgba(91,48,38,.13)!important;
}
.structure-readable-logic h4{background:#dbeed5!important;}
.structure-readable-writing h4{background:#d8e9fb!important;}
.structure-readable-execution h4{background:#fff0c8!important;}
#taskModal.has-structure-sheet-modal .structure-readable-table-wrap,
.structure-readable-table-wrap{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
}
#taskModal.has-structure-sheet-modal .structure-readable-table-wrap.execution-scroll,
.structure-readable-table-wrap.execution-scroll{
  overflow-x:auto!important;
  overflow-y:visible!important;
  max-height:none!important;
}
.structure-readable-table{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
  direction:rtl!important;
}
.structure-readable-table th,
.structure-readable-table td{
  border:1px solid rgba(91,48,38,.16)!important;
  padding:10px 12px!important;
  font-size:13px!important;
  line-height:1.65!important;
  white-space:pre-wrap!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  vertical-align:top!important;
  text-align:right!important;
}
.structure-readable-table th{
  background:#2f3a45!important;
  color:#fff!important;
  font-weight:900!important;
  width:260px!important;
  min-width:180px!important;
}
.structure-readable-table td{background:#fff!important;color:#221712!important;}
.structure-readable-writing .structure-readable-table td{
  font-size:14px!important;
  padding:12px 18px!important;
}
.structure-readable-writing .structure-readable-table td:before{
  content:'•';
  margin-left:8px;
  font-weight:900;
}
.structure-readable-execution .structure-readable-table{
  min-width:1280px!important;
  table-layout:fixed!important;
}
.structure-readable-execution .structure-readable-table th{
  background:#2f3a45!important;
  color:#fff!important;
  text-align:center!important;
  position:sticky!important;
  top:0!important;
  z-index:1!important;
  min-width:auto!important;
  width:auto!important;
}
.structure-readable-execution .structure-readable-table td{
  text-align:center!important;
  min-height:54px!important;
}
.structure-readable-execution .structure-readable-table td:nth-child(3){
  background:#e8f0fe!important;
  font-weight:900!important;
  direction:ltr!important;
}
.structure-help-bar{display:flex!important;gap:10px!important;align-items:center!important;justify-content:space-between!important;}
.structure-help-bar span{white-space:normal!important;}
.cell-note-badge{margin-top:6px!important;background:#fff3b0!important;border:1px solid #d6b450!important;border-radius:10px!important;padding:6px!important;color:#3b2b07!important;font-weight:800!important;}
.marked-cell{outline:2px solid #f59e0b!important;outline-offset:-2px!important;background:#fff8db!important;}
.has-cell-note{box-shadow:inset 0 0 0 2px #f6c453!important;}
@media(max-width:900px){
  .structure-readable-table th{width:160px!important;min-width:140px!important;}
  .structure-readable-table th,.structure-readable-table td{font-size:12px!important;padding:8px!important;}
  .structure-readable-execution .structure-readable-table{min-width:1100px!important;}
}

/* v138: structure review popup and readable workbook layout */
.structure-review-popup{position:fixed;inset:0;z-index:9999;direction:rtl;font-family:inherit;}
.structure-review-backdrop{position:absolute;inset:0;background:rgba(20,10,6,.45);backdrop-filter:blur(2px);}
.structure-review-dialog{position:relative;margin:2vh auto;width:min(96vw,1800px);max-height:96vh;background:#fffaf6;border:1px solid #e5c7b8;border-radius:22px;box-shadow:0 26px 80px rgba(64,32,22,.28);display:flex;flex-direction:column;overflow:hidden;}
.structure-review-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #ead1c4;background:#fff5ee;}
.structure-review-head h3{margin:0;color:#3f241d;font-size:24px;font-weight:900;}
.structure-review-head p{margin:5px 0 0;color:#9b7667;font-weight:700;}
.structure-review-body{padding:18px;overflow:auto;max-height:calc(96vh - 150px);}
.structure-review-actions{display:flex;gap:10px;justify-content:flex-start;padding:14px 22px;border-top:1px solid #ead1c4;background:#fff8f2;}
.structure-uploaded-message{margin:12px 0;padding:14px 16px;border:1px dashed #d7b7a6;border-radius:14px;background:#fff6ef;color:#7c4d3e;font-weight:800;}
.structure-readable-view{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr);gap:16px;align-items:start;}
.structure-readable-view .structure-help-bar{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid #ead1c4;border-radius:14px;background:#fff8f2;color:#704434;font-weight:800;}
.structure-readable-card{border:1px solid #dfc0b0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 10px 22px rgba(80,45,30,.06);}
.structure-readable-card h4{margin:0;padding:12px 14px;text-align:center;font-weight:900;border-bottom:1px solid #d9c6b8;}
.structure-readable-logic h4{background:#d9ead3;color:#163a19;}
.structure-readable-writing h4{background:#dbeafe;color:#1f3b57;}
.structure-readable-execution{grid-column:1/-1;}
.structure-readable-execution h4{background:#fff0c7;color:#553019;}
.structure-readable-table-wrap{overflow:auto;max-height:none;}
.structure-readable-table{width:100%;border-collapse:collapse;table-layout:fixed;direction:rtl;}
.structure-readable-table th,.structure-readable-table td{border:1px solid #e0cfc4;padding:12px 14px;vertical-align:top;line-height:1.7;white-space:pre-wrap;word-break:break-word;font-size:14px;}
.structure-readable-table th{width:260px;background:#2f3d49;color:#fff;text-align:right;font-weight:900;}
.structure-readable-table td{background:#fff;color:#221712;}
.structure-readable-writing .structure-readable-table td{font-size:15px;padding:10px 18px;}
.structure-readable-writing .structure-readable-table td::before{content:'• ';font-weight:900;color:#4f2c22;}
.structure-readable-execution .structure-readable-table-wrap{max-height:60vh;overflow:auto;}
.structure-readable-execution .execution-table{min-width:1450px;table-layout:auto;}
.structure-readable-execution th{position:sticky;top:0;z-index:1;background:#2f3d49;color:#fff;text-align:center;width:auto;min-width:130px;}
.structure-readable-execution td{text-align:center;min-width:130px;background:#fff;}
.structure-readable-execution td:nth-child(3){background:#e8f1ff;font-weight:900;direction:ltr;}
.structure-readable-table [data-structure-cell]{cursor:pointer;}
.structure-readable-table [data-structure-cell]:hover{outline:2px solid #b85f4f;outline-offset:-2px;background:#fff7ed;}
.structure-readable-table .marked-cell{background:#fff3cd!important;box-shadow:inset 0 0 0 2px #d9904c;}
.structure-readable-table .has-cell-note{background:#ffe8e1!important;}
.structure-readable-table .cell-note-badge{margin-top:6px;padding:6px 8px;border-radius:10px;background:#fff1ed;color:#8a3d2d;font-size:12px;font-weight:800;text-align:right;}
@media (max-width: 1000px){.structure-readable-view{grid-template-columns:1fr}.structure-review-dialog{width:98vw;margin:1vh auto}.structure-review-body{padding:10px}}

/* v165: per-user content writer linking + clearer dashboard + full details scroll */
.user-content-linker{border:1px dashed var(--border);background:#fffaf7;border-radius:16px;padding:10px;margin-top:10px}
.user-content-link-rows{display:grid;gap:8px;margin-top:8px}
.user-content-link-row{border:1px solid #ead7ca;background:#fff;border-radius:14px;padding:9px}
.user-content-link-name{font-weight:1000;color:#2d1713;margin-bottom:7px;font-size:14px}
.user-content-link-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.user-content-link-options label{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #ead7ca;border-radius:12px;padding:8px 10px;background:#fff;font-weight:900;color:#5a3329}
.dash-ready-card .task-owner-name,.dash-ready-card em,.receive-list em,.inline-task-row p,.owner-task-card em,.content-task-card p b{font-size:14px!important;font-weight:1000!important;color:#5a3329!important;opacity:1!important}
.receive-list div span:first-child em{display:block;margin-top:4px;font-size:14px!important;color:#5a3329!important}
#taskModal.task-fullscreen-view .task-modal-dialog{overflow:auto!important;height:100vh!important;max-height:100vh!important}
#taskModal.task-fullscreen-view #taskModalContent{height:auto!important;min-height:100%!important;overflow:visible!important}
#taskModal.task-fullscreen-view .task-detail-fullscreen{height:auto!important;min-height:100%!important;overflow:visible!important;display:flex!important;flex-direction:column!important}
#taskModal.has-structure-sheet-modal #taskModalContent,#taskModal.has-structure-sheet-modal .task-detail-fullscreen{overflow:auto!important;height:auto!important;min-height:100%!important}
.task-detail-fullscreen .structure-task-grid strong,.task-detail-fullscreen .campaign-info-box strong,.task-detail-fullscreen .brief-box strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}

/* v166: remove user waiting-board layer and compact dashboard task titles */
#dashboard.user-mode .waiting-tasks-panel,
body.has-user-dashboard-theme #dashboard.user-mode .waiting-tasks-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  margin:0 0 16px!important;
}
#dashboard.user-mode .waiting-tasks-panel .content-type-title,
body.has-user-dashboard-theme #dashboard.user-mode .waiting-tasks-panel .content-type-title{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0 0 10px!important;
  margin:0 0 10px!important;
}
#dashboard.user-mode .waiting-tasks-panel .content-type-title h3,
body.has-user-dashboard-theme #dashboard.user-mode .waiting-tasks-panel .content-type-title h3{
  color:#2d1713!important;
  text-shadow:0 1px 2px rgba(255,255,255,.5);
}
#dashboard.user-mode .waiting-tasks-panel .content-task-card,
body.has-user-dashboard-theme #dashboard.user-mode .waiting-tasks-panel .content-task-card{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(224,204,193,.96)!important;
  box-shadow:0 14px 30px rgba(60,35,28,.10)!important;
}
.inline-task-row strong,
.campaign-task-list-item .task-list-main strong,
.dash-ready-card .dash-card-top strong,
.receive-list div span:first-child b{
  font-size:11.5px!important;
  line-height:1.45!important;
  font-weight:900!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.inline-task-row p,
.campaign-task-list-item .task-list-main p,
.receive-list div span:first-child em{
  font-size:10.5px!important;
  line-height:1.45!important;
  font-weight:800!important;
  color:#7f655b!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.campaign-inline-tasks .inline-task-row,
.campaign-task-list .campaign-task-list-item{
  align-items:center!important;
}

/* v167: make owner/user name prominent and task title smaller in readiness/dashboard cards */
.dash-ready-card .receive-list div{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
}
.dash-ready-card .receive-list div span:first-child b,
.receive-list div span:first-child b,
.inline-task-row strong,
.campaign-task-list-item .task-list-main strong{
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:900!important;
  color:#3d241d!important;
  opacity:.88!important;
  max-width:100%!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dash-ready-card .receive-list div span:first-child em,
.receive-list div span:first-child em,
.dash-ready-card .task-owner-name,
.receive-list em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:6px!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(133,77,55,.22)!important;
  background:linear-gradient(135deg,#fff4ed,#efd4c4)!important;
  color:#5f3027!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:1000!important;
  font-style:normal!important;
  box-shadow:0 6px 14px rgba(90,45,35,.08)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dash-ready-card .receive-list div span:first-child em:before,
.receive-list div span:first-child em:before{
  content:'👤';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  margin-inline-end:6px;
  border-radius:999px;
  background:#7a4338;
  color:#fff;
  font-size:10px;
  line-height:1;
  box-shadow:0 4px 10px rgba(90,45,35,.15);
}
#dashboard.user-mode .content-task-card h3,
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card h3{
  font-size:13px!important;
  line-height:1.35!important;
  margin-bottom:5px!important;
}
#dashboard.user-mode .content-task-card p,
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card p{
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:900!important;
  color:#6a4a40!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
#dashboard.user-mode .content-task-card .content-task-actions,
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card .content-task-actions{
  grid-template-columns:auto auto!important;
  justify-content:start!important;
}

/* v168: user name styling only inside readiness details; remove badge/border from TASK - المطلوب */
.receive-list div span:first-child em,
.dash-task-receive-card .receive-list div span:first-child em{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#7a574c!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:900!important;
  white-space:normal!important;
  max-width:none!important;
}
.receive-list div span:first-child em:before,
.dash-task-receive-card .receive-list div span:first-child em:before{
  content:none!important;
  display:none!important;
}
.receive-list div span:first-child b,
.dash-task-receive-card .receive-list div span:first-child b{
  font-size:11px!important;
  line-height:1.35!important;
  -webkit-line-clamp:2!important;
}
.ready-col .campaign-task-list-item .task-list-main strong,
.ready-col .inline-task-row strong,
#dashboardDetail .campaign-task-list-item .task-list-main strong{
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:900!important;
  color:#3d241d!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ready-col .campaign-task-list-item .task-list-main p,
.ready-col .inline-task-row p,
#dashboardDetail .campaign-task-list-item .task-list-main p{
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:1000!important;
  color:#5f3027!important;
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
}
.ready-col .campaign-task-list-item,
#dashboardDetail .campaign-task-list-item{
  grid-template-columns:minmax(0,1fr) auto auto!important;
}
.structure-row-review-cell{min-width:210px;vertical-align:middle!important;background:#fff8f3!important}
.structure-row-review{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}
.structure-row-review .mini-btn{font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid #e7cbbd;background:#fff;color:#7b4a3e}
.structure-row-review .mini-btn.active.success{background:#e9f7e3;border-color:#9dcc8d;color:#2f6b2f;font-weight:800}
.structure-row-review .mini-btn.active.warn{background:#fff6d8;border-color:#dfbd52;color:#7a5b00;font-weight:800}
.structure-row-review .mini-btn.active.danger{background:#ffe4df;border-color:#e59b8f;color:#9a2f22;font-weight:800}

/* v171 content task template workflow */
.task-template-section .task-template-link-note{margin-top:10px;color:#8b6f63;font-weight:800;font-size:12px;background:#fff7f2;border:1px dashed #e8c9ba;border-radius:12px;padding:10px}.approved-content-template-section .structure-task-grid.compact{margin-bottom:8px}.approved-content-template-section .btn{margin-top:10px}

/* v172 Task Template exact fields */
.task-template-fields-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
  margin-top:12px;
}
.task-template-field{
  border:1px solid rgba(150,83,67,.24);
  background:rgba(255,250,246,.86);
  border-radius:14px;
  padding:10px 12px;
  line-height:1.7;
}
.task-template-field span{
  display:block;
  color:#8e7166;
  font-weight:900;
  font-size:11px;
  margin-bottom:4px;
}
.task-template-field strong{
  display:block;
  color:#321814;
  font-weight:900;
  font-size:13px;
  white-space:pre-wrap;
}

/* v174 - content task template review + equal dashboard card heights */
#dashboard.user-mode .content-type-list{
  align-items:stretch!important;
}
#dashboard.user-mode .content-task-card{
  min-height:128px!important;
  height:128px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  overflow:hidden!important;
}
#dashboard.user-mode .content-task-card h3{
  font-size:13px!important;
  line-height:1.35!important;
  max-height:36px!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
#dashboard.user-mode .content-task-card p{
  font-size:10.5px!important;
  line-height:1.35!important;
  max-height:32px!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
#dashboard.user-mode .content-task-actions{
  margin-top:auto!important;
}
.task-template-review-note{
  width:100%;
  min-height:86px;
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 12px;
  background:#fff;
  font-weight:800;
  color:var(--text);
  resize:vertical;
}
.task-template-review-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
}
.task-template-review-actions .btn-danger-soft{
  background:#ffe7e2!important;
  border-color:#efb9ad!important;
  color:#8e2f22!important;
}
.task-template-review-actions .btn-warning-soft{
  background:#fff4d6!important;
  border-color:#e7c875!important;
  color:#7c5a13!important;
}
.approved-content-template-section{
  margin-top:12px!important;
}

/* v174 - user dashboard cards: no clipping; keep balanced card size without hiding task data */
#dashboard.user-mode .content-type-list,
body.has-user-dashboard-theme #dashboard.user-mode .content-type-list{
  align-items:stretch!important;
}
#dashboard.user-mode .content-task-card,
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card{
  min-height:172px!important;
  height:auto!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
#dashboard.user-mode .content-task-card h3,
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card h3{
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:unset!important;
  white-space:normal!important;
  word-break:break-word!important;
}
#dashboard.user-mode .content-task-card p,
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card p{
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:unset!important;
  white-space:normal!important;
  word-break:break-word!important;
}
#dashboard.user-mode .content-task-card .content-task-actions,
body.has-user-dashboard-theme #dashboard.user-mode .content-task-card .content-task-actions{
  margin-top:auto!important;
}
#dashboard.user-mode .task-metric-row,
body.has-user-dashboard-theme #dashboard.user-mode .task-metric-row,
#dashboard.user-mode .task-card-progress,
body.has-user-dashboard-theme #dashboard.user-mode .task-card-progress{
  flex-shrink:0!important;
}

/* v175 - Task Template review has its own layout, not campaign structure layout */
.task-template-review-popup .structure-review-dialog{max-width:min(1180px,96vw)}
.task-template-review-view{display:grid;gap:16px;direction:rtl;text-align:right}
.task-template-review-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--border,#ead2c8);border-radius:16px;background:rgba(255,248,242,.82)}
.task-template-review-summary h4{margin:0 0 6px;font-size:18px;color:var(--brown,#4b2a20)}
.task-template-review-summary p{margin:0;color:var(--muted,#9b7d70);font-weight:700}
.task-template-review-file{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#f1dfd2;color:#6b3d31;font-weight:900;white-space:nowrap}
.task-template-review-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.task-template-review-field{min-height:88px;border:1px solid var(--border,#ead2c8);border-radius:16px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}
.task-template-review-field span{font-size:12px;color:#a07e72;font-weight:900}
.task-template-review-field strong{font-size:15px;line-height:1.7;color:#2f1b16;white-space:pre-wrap;word-break:break-word}
.task-template-review-table-wrap{overflow:auto;border:1px solid var(--border,#ead2c8);border-radius:16px;background:#fff}
.task-template-review-table{width:100%;border-collapse:collapse;min-width:760px}
.task-template-review-table th,.task-template-review-table td{border-bottom:1px solid #f0ded5;padding:11px 12px;text-align:right;vertical-align:top;font-weight:800;color:#3a241e}
.task-template-review-table th{background:#f6ece5;color:#6b3d31;font-size:12px}

/* v177 - approved content template must be visually separate and readable under structure task data */
.approved-content-template-section{
  clear:both!important;
  position:relative!important;
  z-index:2!important;
  margin:18px 0 14px!important;
  padding:16px!important;
  background:#fffdf9!important;
  border:2px solid rgba(150,83,67,.36)!important;
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(86,48,39,.10)!important;
  opacity:1!important;
}
.approved-content-template-section .modal-section-title{
  align-items:center!important;
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(150,83,67,.18)!important;
  margin-bottom:12px!important;
}
.approved-content-template-section .modal-section-title h3{
  font-size:18px!important;
  color:#4a2119!important;
}
.approved-content-template-section .task-template-fields-grid{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:12px!important;
}
.approved-content-template-section .task-template-field{
  background:#ffffff!important;
  border-color:rgba(150,83,67,.34)!important;
  min-height:82px!important;
  box-shadow:0 6px 14px rgba(86,48,39,.05)!important;
}
.approved-content-template-section .task-template-field span{
  font-size:12px!important;
  color:#9a6a5e!important;
}
.approved-content-template-section .task-template-field strong{
  font-size:15px!important;
  color:#2f1510!important;
}
.approved-content-template-section::before{
  content:'Task Template المعتمد من قسم المحتوى';
  display:inline-flex;
  margin-bottom:10px;
  padding:6px 12px;
  border-radius:999px;
  background:#f4e0d5;
  color:#5a2d24;
  font-weight:900;
  font-size:12px;
}

/* v178 - clean approved content template block layout */
.approved-content-template-section{
  display:block!important;
  width:100%!important;
  clear:both!important;
  margin:18px 0!important;
  padding:18px!important;
  background:linear-gradient(180deg,#fffaf6 0%,#fff 100%)!important;
  border:1px solid rgba(150,83,67,.28)!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(86,48,39,.06)!important;
  overflow:visible!important;
}
.approved-content-template-section::before{
  content:'Task Template المعتمد من قسم المحتوى'!important;
  display:inline-flex!important;
  margin:0 0 12px 0!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  background:#f4e0d5!important;
  color:#5a2d24!important;
  font-weight:900!important;
  font-size:12px!important;
}
.approved-content-template-section .modal-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:14px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(150,83,67,.18)!important;
}
.approved-content-template-section .modal-section-title h3{
  margin:0!important;
  font-size:20px!important;
  color:#2d120c!important;
}
.approved-content-template-section .modal-section-title span{
  max-width:50%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#8b6f63!important;
  font-weight:800!important;
}
.approved-content-template-section .task-template-fields-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:12px!important;
  align-items:stretch!important;
}
.approved-content-template-section .task-template-field{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:96px!important;
  padding:14px!important;
  border:1px solid rgba(150,83,67,.22)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.approved-content-template-section .task-template-field span{
  display:block!important;
  margin-bottom:8px!important;
  font-size:12px!important;
  color:#9a6a5e!important;
  font-weight:900!important;
}
.approved-content-template-section .task-template-field strong{
  display:block!important;
  font-size:15px!important;
  line-height:1.65!important;
  color:#2f1510!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.approved-content-template-section .btn{
  margin-top:14px!important;
  width:auto!important;
  min-width:210px!important;
}
@media (max-width:1200px){
  .approved-content-template-section .task-template-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  .approved-content-template-section .task-template-fields-grid{grid-template-columns:1fr!important;}
  .approved-content-template-section .modal-section-title{align-items:flex-start!important;flex-direction:column!important;}
  .approved-content-template-section .modal-section-title span{max-width:100%!important;}
}

/* v179 - task detail layout: structure data first row, approved content template second compact row */
.task-detail-fullscreen .structure-task-data,
.task-detail-fullscreen .approved-content-template-section{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  clear:both!important;
  margin:12px 0!important;
  box-sizing:border-box!important;
  grid-column:1 / -1!important;
}
.task-detail-fullscreen .structure-task-data{
  padding:12px!important;
  border:1px solid rgba(150,83,67,.24)!important;
  border-radius:16px!important;
  background:rgba(255,250,246,.92)!important;
}
.task-detail-fullscreen .structure-task-data .modal-section-title{
  margin:0 0 10px!important;
  padding-bottom:8px!important;
  border-bottom:1px solid rgba(150,83,67,.16)!important;
}
.task-detail-fullscreen .structure-task-data .structure-task-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
.task-detail-fullscreen .structure-task-data .structure-task-grid>div{
  min-height:58px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
}
.task-detail-fullscreen .structure-task-data .structure-task-grid span{
  font-size:10px!important;
  margin-bottom:4px!important;
}
.task-detail-fullscreen .structure-task-data .structure-task-grid strong{
  font-size:12px!important;
  line-height:1.45!important;
}
.task-detail-fullscreen .approved-content-template-section{
  padding:12px!important;
  border:1px solid rgba(150,83,67,.24)!important;
  border-radius:16px!important;
  background:rgba(255,253,250,.96)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.task-detail-fullscreen .approved-content-template-section::before{
  margin:0 0 8px!important;
  padding:5px 10px!important;
  font-size:11px!important;
  background:#f1dfd4!important;
}
.task-detail-fullscreen .approved-content-template-section .modal-section-title{
  margin:0 0 10px!important;
  padding-bottom:8px!important;
  border-bottom:1px solid rgba(150,83,67,.16)!important;
}
.task-detail-fullscreen .approved-content-template-section .modal-section-title h3{
  font-size:16px!important;
  line-height:1.3!important;
}
.task-detail-fullscreen .approved-content-template-section .modal-section-title span{
  font-size:11px!important;
  max-width:35%!important;
}
.task-detail-fullscreen .approved-content-template-section .task-template-fields-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:8px!important;
}
.task-detail-fullscreen .approved-content-template-section .task-template-field{
  min-height:58px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.task-detail-fullscreen .approved-content-template-section .task-template-field span{
  font-size:10px!important;
  margin-bottom:4px!important;
}
.task-detail-fullscreen .approved-content-template-section .task-template-field strong{
  font-size:12px!important;
  line-height:1.4!important;
  max-height:68px!important;
  overflow:auto!important;
}
.task-detail-fullscreen .approved-content-template-section .btn{
  margin-top:10px!important;
  min-width:0!important;
  width:auto!important;
  padding:8px 12px!important;
  font-size:12px!important;
}
@media (max-width:1300px){
  .task-detail-fullscreen .structure-task-data .structure-task-grid,
  .task-detail-fullscreen .approved-content-template-section .task-template-fields-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (max-width:900px){
  .task-detail-fullscreen .structure-task-data .structure-task-grid,
  .task-detail-fullscreen .approved-content-template-section .task-template-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:560px){
  .task-detail-fullscreen .structure-task-data .structure-task-grid,
  .task-detail-fullscreen .approved-content-template-section .task-template-fields-grid{grid-template-columns:1fr!important;}
}

/* v180 - keep structure task data visible above approved content template */
#taskModal.has-structure-sheet-modal .task-detail-fullscreen,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .task-detail-fullscreen{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  overflow:auto!important;
  height:auto!important;
  min-height:0!important;
}
#taskModal.has-structure-sheet-modal .structure-task-data,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .structure-task-data{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  order:3!important;
}
#taskModal.has-structure-sheet-modal .task-brief-row{display:grid!important;order:2!important;}
#taskModal.has-structure-sheet-modal .approved-content-template-section{display:block!important;order:4!important;}
#taskModal.has-structure-sheet-modal .structure-section{order:5!important;height:auto!important;max-height:none!important;}
#taskModal.has-structure-sheet-modal .task-actions-section{order:6!important;}
#taskModal.has-structure-sheet-modal .task-files-two-cols{display:grid!important;order:7!important;}
#taskModal.has-structure-sheet-modal .structure-task-data .modal-section-title h3::after{
  content:' - بيانات الصف المقبول من الهيكل';
  font-size:11px;
  color:#8b6f63;
  font-weight:800;
}

/* v181 - force task detail popup stacking with internal scroll: structure data first, approved content below */
#taskModal.task-modal.show .task-detail-fullscreen,
#taskModal.task-fullscreen-view.show .task-detail-fullscreen,
#taskModal.has-structure-sheet-modal .task-detail-fullscreen,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .task-detail-fullscreen{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  height:auto!important;
  max-height:calc(100vh - 86px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-height:0!important;
  padding-bottom:18px!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .task-top-layout{order:1!important;flex:0 0 auto!important;}
#taskModal.task-modal.show .task-detail-fullscreen .task-brief-row{order:2!important;display:grid!important;flex:0 0 auto!important;}
#taskModal.task-modal.show .task-detail-fullscreen .structure-task-data,
#taskModal.task-modal.show.task-fullscreen-view .task-detail-fullscreen .structure-task-data,
#taskModal.has-structure-sheet-modal .task-detail-fullscreen .structure-task-data,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .task-detail-fullscreen .structure-task-data{
  order:3!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:12px!important;
  clear:both!important;
  background:#fffdf9!important;
  border:1px solid rgba(150,83,67,.28)!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .structure-task-data .structure-task-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .structure-task-data .structure-task-grid>div{
  min-height:58px!important;
  padding:9px 10px!important;
  background:#fff!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .structure-section{order:4!important;display:block!important;flex:0 0 auto!important;}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section,
#taskModal.task-modal.show.task-fullscreen-view .task-detail-fullscreen .approved-content-template-section,
#taskModal.has-structure-sheet-modal .task-detail-fullscreen .approved-content-template-section,
#taskModal.task-fullscreen-view.has-structure-sheet-modal .task-detail-fullscreen .approved-content-template-section{
  order:5!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:12px!important;
  clear:both!important;
  background:#fffaf7!important;
  border:1px solid rgba(150,83,67,.26)!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section .task-template-fields-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section .task-template-field{
  min-height:54px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section .task-template-field span{font-size:10px!important;margin-bottom:3px!important;}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section .task-template-field strong{font-size:12px!important;line-height:1.35!important;max-height:54px!important;overflow:auto!important;}
#taskModal.task-modal.show .task-detail-fullscreen .task-actions-section{order:6!important;display:block!important;flex:0 0 auto!important;}
#taskModal.task-modal.show .task-detail-fullscreen .task-files-two-cols{order:7!important;display:grid!important;flex:0 0 auto!important;}
@media(max-width:1300px){
  #taskModal.task-modal.show .task-detail-fullscreen .structure-task-data .structure-task-grid,
  #taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section .task-template-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  #taskModal.task-modal.show .task-detail-fullscreen .structure-task-data .structure-task-grid,
  #taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section .task-template-fields-grid{grid-template-columns:1fr!important;}
}

/* v182 - final clean vertical task detail layout: no overlap, popup scrolls normally */
#taskModal.task-modal.show.task-fullscreen-view .task-modal-dialog{
  overflow:auto!important;
  height:100vh!important;
  max-height:100vh!important;
}
#taskModal.task-modal.show.task-fullscreen-view #taskModalContent{
  height:auto!important;
  min-height:100%!important;
  overflow:visible!important;
}
#taskModal.task-modal.show.task-fullscreen-view .task-detail-fullscreen{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  gap:12px!important;
  padding-bottom:30px!important;
}
#taskModal.task-modal.show.task-fullscreen-view .task-top-layout,
#taskModal.task-modal.show.task-fullscreen-view .task-brief-row-compact,
#taskModal.task-modal.show.task-fullscreen-view .structure-task-data,
#taskModal.task-modal.show.task-fullscreen-view .structure-section,
#taskModal.task-modal.show.task-fullscreen-view .approved-content-template-section,
#taskModal.task-modal.show.task-fullscreen-view .task-actions-section,
#taskModal.task-modal.show.task-fullscreen-view .task-files-two-cols{
  position:static!important;
  transform:none!important;
  float:none!important;
  clear:both!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  margin:0 0 12px!important;
  box-sizing:border-box!important;
}
#taskModal.task-modal.show.task-fullscreen-view .task-top-layout{order:1!important;}
#taskModal.task-modal.show.task-fullscreen-view .task-brief-row-compact{order:2!important;display:grid!important;}
#taskModal.task-modal.show.task-fullscreen-view .structure-task-data{order:3!important;display:block!important;background:#fffdf9!important;z-index:auto!important;}
#taskModal.task-modal.show.task-fullscreen-view .structure-section{order:4!important;display:block!important;}
#taskModal.task-modal.show.task-fullscreen-view .approved-content-template-section{order:5!important;display:block!important;background:#fffaf7!important;z-index:auto!important;}
#taskModal.task-modal.show.task-fullscreen-view .task-actions-section{order:6!important;display:block!important;}
#taskModal.task-modal.show.task-fullscreen-view .task-files-two-cols{order:7!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
#taskModal.task-modal.show.task-fullscreen-view .structure-task-data .structure-task-grid,
#taskModal.task-modal.show.task-fullscreen-view .approved-content-template-section .task-template-fields-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
#taskModal.task-modal.show.task-fullscreen-view .approved-content-template-section::before{
  display:none!important;
  content:none!important;
}
@media(max-width:1100px){
  #taskModal.task-modal.show.task-fullscreen-view .structure-task-data .structure-task-grid,
  #taskModal.task-modal.show.task-fullscreen-view .approved-content-template-section .task-template-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #taskModal.task-modal.show.task-fullscreen-view .task-files-two-cols{grid-template-columns:1fr!important;}
}
@media(max-width:650px){
  #taskModal.task-modal.show.task-fullscreen-view .structure-task-data .structure-task-grid,
  #taskModal.task-modal.show.task-fullscreen-view .approved-content-template-section .task-template-fields-grid{grid-template-columns:1fr!important;}
}

/* v183 - approved Task Template readable layout for real long content */
#taskModal.task-modal.show.task-fullscreen-view .task-detail-fullscreen,
#taskModal.task-modal.show .task-detail-fullscreen{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .structure-task-data{
  order:3!important;
  display:block!important;
  position:relative!important;
  width:100%!important;
  margin:0 0 14px!important;
  z-index:1!important;
  clear:both!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183,
#taskModal.task-modal.show.task-fullscreen-view .task-detail-fullscreen .approved-content-template-section-v183{
  order:5!important;
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px!important;
  padding:16px!important;
  clear:both!important;
  z-index:1!important;
  background:#fffaf7!important;
  border:1px solid rgba(150,83,67,.28)!important;
  border-radius:18px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183::before{display:none!important;content:none!important;}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183 .modal-section-title{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(150,83,67,.16)!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183 .modal-section-title h3{
  font-size:18px!important;
  margin:0!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183 .modal-section-title span{
  max-width:48%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:11px!important;
  color:#8b6f63!important;
}
.approved-template-layout-v183{display:grid!important;gap:12px!important;width:100%!important;}
.approved-template-group{background:#fff!important;border:1px solid rgba(150,83,67,.18)!important;border-radius:16px!important;padding:12px!important;overflow:visible!important;}
.approved-template-group h4{margin:0 0 10px!important;color:#4b241c!important;font-size:14px!important;font-weight:900!important;}
.approved-template-grid{display:grid!important;gap:8px!important;align-items:stretch!important;}
.approved-template-meta-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
.approved-template-brief-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.approved-template-long-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.approved-template-card{background:#fffdfb!important;border:1px solid rgba(150,83,67,.22)!important;border-radius:12px!important;padding:9px 10px!important;min-height:58px!important;overflow:hidden!important;}
.approved-template-card span{display:block!important;margin-bottom:5px!important;color:#9a6f63!important;font-size:10.5px!important;font-weight:900!important;}
.approved-template-card strong{display:block!important;color:#2f1610!important;font-size:12px!important;line-height:1.45!important;font-weight:900!important;white-space:pre-wrap!important;word-break:break-word!important;}
.approved-template-long-card{min-height:130px!important;}
.approved-template-long-card strong{max-height:220px!important;overflow:auto!important;padding-inline-end:4px!important;}
.approved-template-download-btn{margin-top:12px!important;display:inline-flex!important;}
@media(max-width:1300px){
  .approved-template-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .approved-template-brief-grid,.approved-template-long-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:780px){
  .approved-template-meta-grid,.approved-template-brief-grid,.approved-template-long-grid{grid-template-columns:1fr!important;}
  #taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183 .modal-section-title{flex-direction:column!important;}
  #taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183 .modal-section-title span{max-width:100%!important;}
}


/* v185 - Make approved Task Template script clearly readable */
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183 .approved-template-script-card{
  grid-column:1 / -1!important;
  min-height:260px!important;
  padding:16px 18px!important;
  background:#fff!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183 .approved-template-script-card span{
  font-size:13px!important;
  margin-bottom:10px!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183 .approved-template-script-card strong{
  font-size:15px!important;
  line-height:1.9!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:pre-wrap!important;
}
#taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183 .approved-template-long-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media(max-width:900px){
  #taskModal.task-modal.show .task-detail-fullscreen .approved-content-template-section-v183 .approved-template-long-grid{grid-template-columns:1fr!important;}
}
/* v186 publish prep inline editing */
.prep-meta-actions{display:flex;justify-content:flex-start;margin:10px 0 8px;gap:8px;flex-wrap:wrap}.prep-meta-actions .btn{font-size:12px;padding:8px 12px}.publish-prep-edit-popup .prep-edit-dialog{max-width:min(980px,94vw)}.publish-prep-edit-popup .prep-edit-body{display:grid;gap:16px}.publish-prep-edit-popup .prep-edit-section{border:1px solid rgba(128,72,54,.18);border-radius:16px;background:#fffaf7;padding:14px}.publish-prep-edit-popup .prep-edit-section h4{margin:0 0 12px;color:#5c2e22}.publish-prep-edit-popup .prep-edit-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.publish-prep-edit-popup .prep-edit-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.publish-prep-edit-popup .prep-edit-dates label{display:grid;gap:8px;font-weight:800;color:#7a5548}.publish-prep-edit-popup .prep-edit-dates input{border:1px solid rgba(128,72,54,.22);border-radius:12px;padding:11px;background:#fff}.publish-prep-edit-popup .publish-platform-type-row{background:#fff;border:1px solid rgba(128,72,54,.2);border-radius:14px;padding:10px;display:grid;gap:8px}.publish-prep-edit-popup .publish-platform-type-row.is-selected{border-color:#a65a49;box-shadow:0 8px 18px rgba(128,72,54,.08)}

/* v187 publish prep edit modal */
.v187-prep-popup{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;direction:rtl;font-family:inherit}
.v187-prep-backdrop{position:absolute;inset:0;background:rgba(54,36,28,.45);backdrop-filter:blur(3px)}
.v187-prep-dialog{position:relative;width:min(980px,94vw);max-height:88vh;overflow:auto;background:#fffaf6;border:1px solid #e8c7b8;border-radius:24px;box-shadow:0 28px 90px rgba(74,42,32,.28);padding:22px}
.v187-prep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #edd2c6;padding-bottom:14px;margin-bottom:16px}
.v187-prep-head h3{margin:0 0 6px;font-size:22px;color:#3f241b}.v187-prep-head p{margin:0;color:#9a7668;font-weight:800}
.v187-prep-body h4{margin:0 0 12px;font-size:16px;color:#5a382e}.v187-prep-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:18px}
.v187-prep-platform-row{border:1px solid #efd2c5;border-radius:16px;background:#fff;padding:12px;display:grid;gap:10px}.v187-prep-platform-row.is-selected{background:#fff4ee;border-color:#d79b83;box-shadow:0 8px 20px rgba(151,92,70,.08)}
.v187-prep-check{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:900;color:#2f1c16}.v187-prep-check input{width:18px;height:18px;accent-color:#9e5645}.v187-prep-type span,.v187-prep-date-row span{display:block;margin-bottom:7px;font-size:12px;font-weight:900;color:#9a7668}.v187-prep-type select,.v187-prep-date-row input{width:100%;border:1px solid #e6c6b7;border-radius:12px;background:#fffaf7;padding:12px;font-weight:800;color:#3f241b}
.v187-prep-date-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;border-top:1px dashed #e4c6b8;padding-top:14px}.v187-prep-actions{display:flex;justify-content:flex-start;gap:10px;border-top:1px solid #edd2c6;margin-top:18px;padding-top:16px}
@media(max-width:640px){.v187-prep-dialog{width:96vw;padding:14px}.v187-prep-platforms{grid-template-columns:1fr}}


/* v189 platform settings */
.platform-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:16px}
.platform-settings-card{display:flex;flex-direction:column;gap:14px;min-height:100%}
.platform-settings-card-head{display:flex;align-items:center;gap:12px}
.platform-settings-card-head h3{margin:0 0 4px;font-size:18px}
.platform-settings-card-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.platform-settings-fields{display:grid;gap:8px}
.platform-settings-fields div,.platform-token-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.55)}
.platform-settings-fields span,.platform-token-row span,.platform-token-row small{color:var(--muted);font-size:12px}
.platform-settings-fields strong,.platform-token-row strong{font-size:13px;text-align:left;direction:rtl}
.platform-tokens-summary{display:grid;gap:10px}
.platform-token-row{display:grid;grid-template-columns:150px 1fr auto}
.platform-settings-card.is-ready,.platform-token-row.is-ready{border-color:rgba(22,163,74,.35)}
.platform-settings-card.is-warning,.platform-token-row.is-warning{border-color:rgba(245,158,11,.35)}
.platform-settings-card.is-pending,.platform-token-row.is-pending{border-color:rgba(59,130,246,.35)}
.platform-settings-card.is-error,.platform-token-row.is-error{border-color:rgba(220,38,38,.35)}
@media (max-width:700px){.platform-token-row{grid-template-columns:1fr}.platform-settings-fields div{align-items:flex-start;flex-direction:column}}

/* v190 - user password controls in settings */
.permission-user-main{gap:8px}
.permission-password-field{margin-top:4px}
.permission-password-control{display:flex;gap:8px;align-items:center}
.permission-password-control input{flex:1;min-width:0;border:1px solid var(--border);border-radius:12px;background:#fff;padding:9px 10px;font-weight:900;color:var(--text);direction:ltr;text-align:left}
.permission-password-control .btn-mini{padding:8px 10px;min-height:0;font-size:11px;white-space:nowrap}
.permission-password-field small{font-size:10px;color:var(--muted);font-weight:800;line-height:1.5}
@media(max-width:900px){.permission-password-control{flex-wrap:wrap}.permission-password-control .btn-mini{width:100%}}
.add-user-permissions-form{border:1px solid var(--border);background:#fffaf6;border-radius:18px;padding:14px;margin:0 0 14px;display:grid;gap:12px}
.add-user-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.add-user-head strong{display:block;font-size:14px;color:var(--text)}
.add-user-head small{display:block;margin-top:4px;font-size:11px;color:var(--muted);font-weight:800;line-height:1.5}
.add-user-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.add-user-grid .mini-field{display:grid;gap:6px;font-weight:800;color:var(--primary)}
.add-user-grid .mini-field span{font-size:10px;color:var(--primary);font-weight:900}
.add-user-grid input,.add-user-grid select{border:1px solid var(--border);border-radius:12px;background:#fff;padding:9px 10px;font-weight:800;color:var(--text);min-height:40px}
.add-user-pages{border-top:1px dashed var(--border);padding-top:10px}
@media(max-width:1000px){.add-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.add-user-grid{grid-template-columns:1fr}}

/* v197 - approved structure request stays first in admin campaign readiness */
.inline-task-row-structure-first{
  border-color: rgba(123,63,49,.35);
  background: linear-gradient(180deg, rgba(255,249,245,.96), rgba(255,255,255,.98));
}
.inline-task-row-structure-first > div strong::before{
  content: 'طلب الهيكل · ';
  color: #7b3f31;
  font-weight: 800;
}

/* v199 - موعد تسليم كتابة محتوى التاسك داخل ربط قسم التصوير بكاتب المحتوى */
.content-writing-deadline-wrap{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1px dashed #d9b5a8;border-radius:14px;background:#fffaf7;color:#6f3f35;font-weight:900;flex-wrap:wrap}
.content-writing-deadline-wrap span{font-size:12px;color:#8b5a4d}
.content-writing-deadline-wrap input{min-width:170px;border:1px solid #e2bfb2;border-radius:12px;padding:8px 10px;font-family:inherit;background:#fff;color:#2b1a16;font-weight:800}
.content-writing-deadline-wrap.is-hidden{display:none!important}

/* v201 - compact per-content-writer deadline picker in shooting linker */
#creativeAssignmentPopup .content-writer-deadline-list{
  display:grid!important;
  gap:5px!important;
  margin-top:6px!important;
  padding:7px!important;
  border-radius:10px!important;
  max-height:150px!important;
  overflow:auto!important;
}
#creativeAssignmentPopup .content-writer-deadline-title{
  font-size:10.5px!important;
  line-height:1.1!important;
  margin-bottom:2px!important;
}
#creativeAssignmentPopup .content-writer-deadline-row{
  display:grid!important;
  grid-template-columns:minmax(80px,1fr) 118px!important;
  gap:6px!important;
  align-items:center!important;
  margin:0!important;
}
#creativeAssignmentPopup .content-writer-deadline-row span{
  font-size:10.5px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#creativeAssignmentPopup .content-writer-deadline-row input[type="date"]{
  width:118px!important;
  max-width:118px!important;
  height:28px!important;
  min-height:28px!important;
  padding:2px 6px!important;
  border-radius:8px!important;
  font-size:11px!important;
  box-sizing:border-box!important;
}
#creativeAssignmentPopup .creative-assignment-panel.is-active{
  overflow:auto!important;
}

/* v203 - fix content writers selector layout inside structure request */
.user-content-linker{
  max-width:100%!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.user-content-link-rows{
  max-height:360px!important;
  overflow:auto!important;
  padding-inline-end:4px!important;
  overscroll-behavior:contain!important;
}
.user-content-link-row{
  overflow:visible!important;
  box-sizing:border-box!important;
}
.user-content-link-options{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important;
  gap:7px!important;
  max-height:142px!important;
  overflow:auto!important;
  padding:2px 2px 4px!important;
  align-items:start!important;
}
.user-content-link-options label{
  min-height:34px!important;
  height:auto!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  line-height:1.25!important;
}
.user-content-link-options label span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  display:block!important;
}
.user-content-link-options input[type="checkbox"]{
  flex:0 0 auto!important;
}
.structure-fullscreen-modal .user-content-linker,
.task-modal .user-content-linker,
.campaign-wizard .user-content-linker,
.campaign-form .user-content-linker{
  position:relative!important;
  z-index:2!important;
}
.structure-fullscreen-modal .user-content-link-rows,
.task-modal .user-content-link-rows,
.campaign-wizard .user-content-link-rows,
.campaign-form .user-content-link-rows{
  max-height:320px!important;
}
@media(max-width:720px){
  .user-content-link-rows{max-height:280px!important;}
  .user-content-link-options{grid-template-columns:1fr!important;max-height:132px!important;}
  .user-content-link-options label{min-height:32px!important;padding:6px 8px!important;}
}

/* v204 - show full structure request content writers selector in step 1 */
#campaignRequestForm .js-request-content-writers{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  z-index:5!important;
}
#campaignRequestForm .js-request-content-writers .multi-toggle{
  min-height:44px!important;
  border-radius:14px!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
}
#campaignRequestForm .js-request-content-writers .multi-menu{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  width:100%!important;
  min-width:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin-top:8px!important;
  padding:10px!important;
  box-shadow:none!important;
  border-radius:16px!important;
  background:#fffaf7!important;
}
#campaignRequestForm .js-request-content-writers.open .multi-menu{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:8px!important;
}
#campaignRequestForm .js-request-content-writers .multi-menu label{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:38px!important;
  padding:8px 10px!important;
  border:1px solid rgba(150,83,67,.18)!important;
  background:#fff!important;
  border-radius:12px!important;
  line-height:1.35!important;
  white-space:normal!important;
}
#campaignRequestForm .js-request-content-writers .multi-menu label input{
  flex:0 0 auto!important;
}
#campaignRequestForm .request-panel,
#campaignRequestForm .request-grid,
#campaignRequestForm .field,
#campaignRequestForm .field-wide{
  overflow:visible!important;
}
@media(max-width:720px){
  #campaignRequestForm .js-request-content-writers.open .multi-menu{
    grid-template-columns:1fr!important;
  }
}


/* v205 - compact visible selector for structure request content writers */
#campaignRequestForm .structure-content-writers-field{
  align-self:start!important;
}
#campaignRequestForm .structure-content-writers-field .js-request-content-writers{
  position:relative!important;
  width:100%!important;
  overflow:visible!important;
}
#campaignRequestForm .structure-content-writers-field .multi-toggle{
  min-height:36px!important;
  padding:6px 10px!important;
  border-radius:12px!important;
  font-size:12px!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#campaignRequestForm .structure-content-writers-field .multi-menu{
  position:static!important;
  width:100%!important;
  min-width:0!important;
  max-height:118px!important;
  overflow:auto!important;
  margin-top:6px!important;
  padding:6px!important;
  box-shadow:none!important;
  border-radius:12px!important;
  background:#fffaf7!important;
}
#campaignRequestForm .structure-content-writers-field .js-request-content-writers.open .multi-menu{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
#campaignRequestForm .structure-content-writers-field .multi-menu label{
  min-height:30px!important;
  padding:5px 8px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1.2!important;
  gap:6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
#campaignRequestForm .structure-content-writers-field .multi-menu label input{
  width:14px!important;
  height:14px!important;
  flex:0 0 auto!important;
}
#campaignRequestForm .structure-content-writers-field .field-hint{
  font-size:10.5px!important;
  line-height:1.35!important;
  margin-top:2px!important;
}
@media(max-width:780px){
  #campaignRequestForm .structure-content-writers-field .js-request-content-writers.open .multi-menu{
    grid-template-columns:1fr!important;
    max-height:140px!important;
  }
}

/* v206 compact step-2 content writer deadlines */
.content-writer-deadlines-step2{
  margin:10px 0 14px;
  padding:12px;
  border:1px dashed rgba(126,71,55,.26);
  border-radius:18px;
  background:rgba(255,250,247,.72);
}
.v206-selected-creatives{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 12px;
  border:1px solid rgba(126,71,55,.18);
  border-radius:14px;
  background:#fff;
  margin-bottom:10px;
}
.v206-selected-creatives span,.v206-deadline-head small{color:#9a7569;font-weight:700;font-size:12px}
.v206-selected-creatives strong{color:#4b2a21;font-size:13px;line-height:1.5;text-align:left;direction:rtl}
.v206-selected-creatives.muted strong{color:#a88e84;font-weight:700}
.v206-deadline-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:8px}
.v206-deadline-head strong{color:#4b2a21;font-size:14px}
.v206-deadline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.v206-writer-deadline-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid rgba(126,71,55,.18);border-radius:14px;background:#fff;min-height:44px}
.v206-writer-deadline-row span{font-weight:800;color:#5a352b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}
.v206-writer-deadline-row input{width:132px;max-width:132px;height:34px;border:1px solid rgba(126,71,55,.22);border-radius:10px;padding:0 8px;background:#fff;color:#3f251f;font-size:12px}
@media (max-width: 760px){
  .v206-selected-creatives,.v206-deadline-head{display:block}
  .v206-selected-creatives strong{display:block;margin-top:4px;text-align:right}
  .v206-deadline-grid{grid-template-columns:1fr}
  .v206-writer-deadline-row input{width:128px}
}

/* v215 - section notes in creative assignment step 2 */
.creative-role-note-field{
  display:grid!important;
  gap:6px!important;
  margin-top:8px!important;
  padding:8px!important;
  border:1px dashed rgba(121,67,52,.22)!important;
  border-radius:12px!important;
  background:rgba(255,249,245,.78)!important;
  grid-column:1 / -1!important;
}
.creative-role-note-field span{
  font-size:11px!important;
  font-weight:900!important;
  color:#6b3b2f!important;
}
.creative-role-note-field textarea{
  width:100%!important;
  min-height:46px!important;
  max-height:90px!important;
  resize:vertical!important;
  border:1px solid rgba(121,67,52,.25)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#2d1b16!important;
  padding:8px 10px!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.5!important;
  box-sizing:border-box!important;
}
.creative-role-note-field small{
  font-size:10px!important;
  color:#8f6d63!important;
  font-weight:700!important;
}

/* v220 dashboard/template/owner colors */
.task-id-chip-v220{display:inline-flex;align-items:center;justify-content:center;margin-inline-end:7px;padding:3px 8px;border-radius:999px;background:#fff7ed;border:1px solid #e5cbbd;color:#6f3f34;font-size:11px;font-weight:900;direction:ltr;letter-spacing:.25px;vertical-align:middle}.owner-color-badge-v220{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;width:max-content;max-width:100%;padding:4px 10px!important;border-radius:999px!important;background:var(--owner-color,#c89f84)!important;color:var(--owner-text,#2d1713)!important;border:2px solid color-mix(in srgb,var(--owner-color,#c89f84) 70%,#2d1713)!important;box-shadow:0 6px 16px rgba(45,23,19,.12)!important;font-style:normal!important;font-weight:900!important;line-height:1.35!important;white-space:nowrap}.receive-list .owner-color-badge-v220,.inline-task-row .owner-color-badge-v220{margin-inline-start:6px}.task-line-v220>span:first-child{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.task-template-attach-alert-v220,.content-approval-alert-v220{margin:8px 0;padding:8px 10px;border-radius:12px;font-weight:900;font-size:12px;border:1px solid rgba(111,63,52,.18)}.task-template-attach-alert-v220{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.content-approval-alert-v220{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.is-task-template-attached-v220{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}.state-chip.is-content-waiting-v220{background:#ffedd5!important;color:#9a3412!important;border-color:#fdba74!important}.owner-color-settings-card-v220{grid-column:1/-1}.owner-color-settings-list-v220{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:12px}.owner-color-row-v220{display:grid;grid-template-columns:minmax(0,1fr) 52px auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line,#e5cbbe);border-radius:16px;background:rgba(255,255,255,.72)}.owner-color-row-v220 strong{display:block;font-weight:900;color:var(--text,#2d1713)}.owner-color-row-v220 small{display:block;color:var(--muted,#8e7166);font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-color-row-v220 input[type=color]{width:46px;height:38px;border:0;background:transparent;padding:0;cursor:pointer}.inline-task-row strong .task-id-chip-v220{margin-inline-end:6px}

/* v221 - Firebase owner colors + cleaner dashboard task cards */
.task-id-chip-v220,
.task-id-full-v221{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 8px!important;
  padding:7px 10px!important;
  border-radius:10px!important;
  background:#fff7ed!important;
  border:1px solid #ead1c4!important;
  color:#6f3f34!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.45!important;
  direction:ltr!important;
  text-align:left!important;
  letter-spacing:.15px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-shadow:none!important;
}
.receive-list{display:flex;flex-direction:column;gap:10px!important}
.task-line-v220.task-line-v221,
.task-line-v221{
  display:block!important;
  padding:11px!important;
  border:1px solid #efcfc0!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 5px 14px rgba(111,63,52,.06)!important;
}
.task-line-v221 .task-main-row-v221{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.task-line-v221 .task-title-v221{
  flex:1 1 180px!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
.task-line-v221 .task-title-v221 b{
  display:block!important;
  color:#3b211b!important;
  font-size:12px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}
.receive-state-stack,
.inline-state-stack{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap!important}
.owner-color-badge-v220,
.owner-color-badge-v221{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 12px!important;
  border-radius:11px!important;
  background:var(--owner-color,#c89f84)!important;
  color:var(--owner-text,#2d1713)!important;
  border:2px solid color-mix(in srgb,var(--owner-color,#c89f84) 62%,#3b211b)!important;
  box-shadow:0 5px 12px rgba(45,23,19,.10)!important;
  font-style:normal!important;
  font-weight:900!important;
  font-size:12px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
.owner-color-settings-list-v220{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}
.owner-color-row-v220{grid-template-columns:minmax(0,1fr) 54px minmax(95px,auto)!important;background:#fff!important;border-color:#ead1c4!important;box-shadow:0 5px 14px rgba(111,63,52,.05)!important}
.owner-color-row-v220 input[type=color]{border:1px solid #ead1c4!important;border-radius:10px!important;background:#fff!important;padding:2px!important}
.task-template-attach-alert-v220,.content-approval-alert-v220{border-radius:11px!important;margin:7px 0!important;padding:7px 10px!important;text-align:center!important}
.inline-task-row.inline-task-row-v221{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:14px!important;
  background:#fff!important;
}
.inline-task-row-v221 .inline-task-main-v221{min-width:0!important}
.inline-task-row-v221 .inline-task-main-v221 strong{display:block!important;margin-bottom:8px!important}
.inline-task-row-v221 .inline-task-main-v221 p{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin:0!important}
.inline-task-row-v221 .mini-btn{white-space:nowrap!important}
@media (max-width:760px){
  .task-line-v221 .task-main-row-v221{display:block!important}
  .task-line-v221 .receive-state-stack{margin-top:8px!important}
  .inline-task-row.inline-task-row-v221{grid-template-columns:1fr!important}
}

/* v222 - actual sheet task number + content writer badge */
.task-id-real-v222{
  border-radius:8px!important;
  background:#fffaf7!important;
  border:1px solid #e2c2b2!important;
  color:#5d3329!important;
  text-align:left!important;
  direction:ltr!important;
  font-size:10.5px!important;
  letter-spacing:.12px!important;
}
.assignee-writer-stack-v222{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.content-writer-badge-v222{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 10px!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#4b2a21!important;
  border:2px dashed color-mix(in srgb,var(--writer-color,#f6e7d8) 70%,#6f3f34)!important;
  box-shadow:0 5px 12px rgba(45,23,19,.07)!important;
  font-style:normal!important;
  font-weight:900!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
.content-writer-badge-v222 span{
  color:#8a5b4b!important;
  font-size:10px!important;
  font-weight:900!important;
}
.content-writer-badge-v222 b{
  color:#3b211b!important;
  font-weight:950!important;
}
.task-line-v222 .task-title-v221{gap:8px!important}
.inline-task-row-v222 .assignee-writer-stack-v222{margin-top:7px!important}
.inline-task-row-v222 .inline-task-main-v221 p{margin-bottom:0!important}
@media (max-width:760px){
  .assignee-writer-stack-v222{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .content-writer-badge-v222,.owner-color-badge-v221{width:100%!important;justify-content:center!important}
}

/* v223 - cleaner full task code and single approved content writer badge */
.task-code-title-v223{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 9px!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:1px solid rgba(111,63,52,.18)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#6f3f34!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1.45!important;
  direction:ltr!important;
  text-align:left!important;
  letter-spacing:.08px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-shadow:none!important;
}
.task-line-v223 .task-id-full-v221,
.task-line-v223 .task-id-real-v222,
.inline-task-row-v223 .task-id-full-v221,
.inline-task-row-v223 .task-id-real-v222{display:none!important}
.assignee-writer-stack-v223{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:4px!important;
}
.content-writer-badge-v223{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 12px!important;
  border-radius:11px!important;
  background:var(--writer-color,#f1d6c9)!important;
  color:var(--writer-text,#2d1713)!important;
  border:2px solid color-mix(in srgb,var(--writer-color,#f1d6c9) 60%,#3b211b)!important;
  box-shadow:0 5px 12px rgba(45,23,19,.10)!important;
  font-style:normal!important;
  font-weight:900!important;
  font-size:12px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
.content-writer-badge-v223 span,
.content-writer-badge-v223 b{
  color:var(--writer-text,#2d1713)!important;
  font-weight:950!important;
}
.content-writer-badge-v223 span{font-size:10px!important;opacity:.86!important}
.task-line-v223 .content-writer-badge-v222{display:none!important}
.inline-task-row-v223 .content-writer-badge-v222{display:none!important}
.task-line-v223 .task-title-v221{gap:8px!important}
.inline-task-row-v223 .assignee-writer-stack-v223{margin-top:7px!important}
@media (max-width:760px){
  .assignee-writer-stack-v223{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .content-writer-badge-v223,.assignee-writer-stack-v223 .owner-color-badge-v221{width:100%!important;justify-content:center!important}
}

/* Checklist Reel Studio */
#checklist-reel .page-head{align-items:flex-start;gap:18px}
.checklist-reel-head .page-title p{max-width:820px}
.checklist-studio-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}
.checklist-studio-side{display:grid;gap:14px;position:sticky;top:88px;max-height:calc(100vh - 105px);overflow:auto;padding-inline-end:4px}
.checklist-studio-card,.checklist-summary-card,.checklist-timeline-card,.checklist-render-card{border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 45px rgba(15,23,42,.06)}
.checklist-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.checklist-section-title.wide{justify-content:flex-start;border-bottom:1px solid rgba(15,23,42,.07);padding-bottom:14px}
.checklist-section-title h2,.checklist-render-head h2{margin:0 0 4px;font-size:18px;font-weight:900;color:var(--text,#0f172a)}
.checklist-section-title p,.checklist-render-head p{margin:0;color:var(--muted,#64748b);font-size:13px;line-height:1.6}
.checklist-badge{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#111827,#334155);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.18);flex:0 0 auto}
.checklist-form-grid.one{display:grid;gap:10px}
.checklist-output-spec{background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.08));border:1px solid rgba(37,99,235,.15);border-radius:16px;padding:12px;color:#1e3a8a;line-height:1.7;font-size:13px}
.checklist-file-drop{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px dashed rgba(37,99,235,.35);background:#f8fbff;border-radius:16px;padding:12px 14px;margin-bottom:10px;cursor:pointer;transition:.2s}
.checklist-file-drop:hover{border-color:#2563eb;background:#eef6ff;transform:translateY(-1px)}
.checklist-file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.checklist-file-drop span{font-weight:900;color:#0f172a}
.checklist-file-drop strong{font-size:12px;color:#2563eb;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;direction:ltr}
.checklist-script{min-height:190px;width:100%;border:1px solid rgba(15,23,42,.11);border-radius:16px;padding:14px;resize:vertical;font-family:inherit;line-height:1.8;background:#fff;color:#0f172a}
.checklist-summary-list{display:grid;gap:8px;margin-bottom:12px}
.checklist-summary-list div{display:flex;justify-content:space-between;gap:10px;background:#f8fafc;border:1px solid rgba(15,23,42,.06);border-radius:12px;padding:9px 10px;font-size:13px;color:#475569}
.checklist-summary-list strong{color:#0f172a;font-weight:900}
.checklist-summary-card small{color:#64748b;line-height:1.7;display:block}
.checklist-studio-main{display:grid;gap:16px;min-width:0}
.checklist-parts-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:14px}
.checklist-part-pill{border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:16px;padding:10px;display:grid;gap:4px;text-align:right;cursor:pointer;transition:.2s;border-top:3px solid var(--part-color,#2563eb)}
.checklist-part-pill:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.09)}
.checklist-part-pill strong{font-size:13px;color:#0f172a}
.checklist-part-pill span{font-size:11px;color:#64748b}
.checklist-table-wrap{max-height:690px;overflow:auto;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff}
.checklist-editor-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:1500px}
.checklist-editor-table th{position:sticky;top:0;background:#f8fafc;z-index:2;text-align:right;color:#475569;font-weight:900;padding:12px;border-bottom:1px solid rgba(15,23,42,.08)}
.checklist-editor-table td{padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:middle}
.checklist-editor-table tr:hover td{background:#fbfdff}
.checklist-editor-table tr.is-highlight td{background:#fff7ed!important}
.checklist-shot-title{font-weight:800;color:#0f172a;min-width:220px;line-height:1.5}
.checklist-part-tag{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 8px;border-radius:999px;font-weight:900;font-size:11px;color:#fff;background:#334155}
.checklist-part-tag.is-hook{background:#f97316}.checklist-part-tag.is-exterior{background:#2563eb}.checklist-part-tag.is-details{background:#7c3aed}.checklist-part-tag.is-interior{background:#16a34a}.checklist-part-tag.is-tech{background:#0891b2}.checklist-part-tag.is-practical{background:#ca8a04}.checklist-part-tag.is-cta{background:#dc2626}
.checklist-mini-file{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(37,99,235,.18);background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:8px 12px;min-width:160px;max-width:190px;cursor:pointer;font-weight:900;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checklist-mini-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.checklist-small-input{width:82px!important;min-width:82px!important;text-align:center;direction:ltr}
.checklist-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#64748b;font-weight:900;font-size:11px;white-space:nowrap}
.checklist-status.is-ready{background:#dcfce7;color:#166534}
.checklist-render-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}
.checklist-progress{height:12px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-bottom:12px}
.checklist-progress>div{height:100%;width:0;background:linear-gradient(90deg,#2563eb,#06b6d4,#22c55e);border-radius:inherit;transition:width .25s ease}
.checklist-log{background:#050816;color:#d1fae5;border-radius:16px;padding:14px;min-height:54px;white-space:pre-wrap;line-height:1.7;font-size:13px;direction:rtl;border:1px solid rgba(255,255,255,.08)}
.checklist-downloads{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.checklist-downloads span{font-size:12px;color:#64748b}
@media (max-width:1180px){.checklist-studio-layout{grid-template-columns:1fr}.checklist-studio-side{position:static;max-height:none}.checklist-parts-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.checklist-parts-strip{grid-template-columns:1fr}.checklist-render-head{align-items:stretch;flex-direction:column}.checklist-studio-layout{gap:12px}}

.checklist-import-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px}
.checklist-import-actions .btn{min-height:38px}
.checklist-scene-text{width:240px;min-height:68px;border:1px solid rgba(15,23,42,.11);border-radius:12px;background:#fff;color:#0f172a;padding:10px;font-family:inherit;line-height:1.6;resize:vertical;font-size:12px}
.checklist-scene-text.is-caption{width:190px;min-height:58px;font-weight:800}
@media (max-width:720px){.checklist-import-actions{grid-template-columns:1fr}.checklist-scene-text,.checklist-scene-text.is-caption{width:220px}}

/* v217 - Checklist Reel top layout + preview + caption controls */
.checklist-control-stack{display:grid;gap:18px}
.checklist-top-grid{display:grid;grid-template-columns:1.1fr .9fr 1.1fr;gap:16px;align-items:stretch}
.checklist-form-grid.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.checklist-file-grid{display:grid;gap:10px}
.checklist-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.checklist-switches label{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid rgba(15,23,42,.07);border-radius:12px;padding:9px 10px;font-weight:800;color:#334155;font-size:12px}
.checklist-switches input{accent-color:#2563eb}
.checklist-style-card{border:1px solid rgba(37,99,235,.10);box-shadow:0 18px 45px rgba(15,23,42,.06)}
.checklist-style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}
.checklist-style-grid .field input[type=color]{height:42px;padding:3px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff}
.checklist-style-grid .field input[type=range]{width:100%}
.checklist-style-grid small{font-weight:900;color:#2563eb;text-align:left;direction:ltr}
.checklist-work-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.checklist-preview-side{position:sticky;top:88px}
.checklist-preview-card{border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 45px rgba(15,23,42,.06)}
.checklist-preview-card h2{margin:0 0 12px;font-size:18px;font-weight:900;color:#0f172a}
.checklist-preview-frame{background:linear-gradient(135deg,#020617,#111827);border-radius:22px;padding:12px;display:grid;place-items:center;margin-bottom:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.checklist-preview-frame canvas{width:100%;max-width:260px;aspect-ratio:9/16;height:auto;border-radius:18px;background:#030712;box-shadow:0 18px 50px rgba(2,6,23,.35)}
.checklist-editor-table{min-width:1640px}
.checklist-row-check{width:22px;height:22px;accent-color:#2563eb}
.checklist-script.small{min-height:118px}
.checklist-render-head .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:1280px){.checklist-top-grid{grid-template-columns:1fr}.checklist-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checklist-work-grid{grid-template-columns:1fr}.checklist-preview-side{position:static}.checklist-preview-frame canvas{max-width:320px}}
@media (max-width:720px){.checklist-form-grid.compact,.checklist-switches,.checklist-style-grid{grid-template-columns:1fr}.checklist-top-grid{gap:12px}}

/* v218 - Checklist preview compact + caption trends manager */
.checklist-work-grid{grid-template-columns:1fr!important;gap:14px!important;align-items:start!important}
.checklist-preview-side{position:static!important;order:-1;max-width:520px;justify-self:start;width:100%;z-index:1}
.checklist-preview-card{padding:14px!important;display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:start}
.checklist-preview-card h2{grid-column:1/-1;margin-bottom:0!important;font-size:16px!important}
.checklist-preview-frame{border-radius:16px!important;padding:8px!important;margin:0!important;max-width:150px}
.checklist-preview-frame canvas{max-width:132px!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(2,6,23,.25)!important}
.checklist-preview-card .checklist-summary-list{margin:0;gap:6px;max-height:292px;overflow:auto}
.checklist-preview-card small{grid-column:1/-1;color:#64748b;line-height:1.7}
.checklist-table-wrap{position:relative;z-index:2;max-width:100%;overflow:auto}
.checklist-render-card{position:relative;z-index:3}
.checklist-style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.caption-trend-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.caption-trend-form .form-actions,.caption-trend-form .form-message{grid-column:1/-1}
.caption-trend-default{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid rgba(15,23,42,.07);border-radius:12px;padding:10px;font-weight:800;color:#334155}
.caption-trend-default input{accent-color:#2563eb}
.caption-trend-item .chip-list{margin-top:8px}
.caption-trend-swatch{width:18px;height:18px;border-radius:6px;border:1px solid rgba(15,23,42,.12);display:inline-block;vertical-align:middle}
@media (max-width:900px){.checklist-preview-card{grid-template-columns:1fr}.checklist-preview-frame{max-width:170px}.checklist-preview-frame canvas{max-width:150px}.caption-trend-form{grid-template-columns:1fr}.checklist-style-grid{grid-template-columns:1fr!important}}

/* MZJ Checklist interactive preview layout fix */
#checklist-reel .checklist-work-grid{grid-template-columns:1fr!important;display:block!important}
#checklist-reel .checklist-preview-side{position:static!important;order:0!important;max-width:none!important;width:100%!important;z-index:auto!important}
#checklist-reel .checklist-preview-full{margin-top:18px;padding:22px!important;overflow:visible!important}
#checklist-reel .checklist-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
#checklist-reel .checklist-preview-head h2{margin:0 0 6px!important;font-size:24px!important;font-weight:900;color:#0f172a}
#checklist-reel .checklist-preview-head p{margin:0;color:#8a6d61;line-height:1.8}
#checklist-reel .checklist-preview-layout{display:grid;grid-template-columns:minmax(360px,520px) minmax(260px,1fr);gap:22px;align-items:start}
#checklist-reel .checklist-preview-frame{background:linear-gradient(135deg,#020617,#111827)!important;border-radius:32px!important;padding:18px!important;display:grid!important;place-items:center!important;margin:0!important;max-width:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 20px 70px rgba(2,6,23,.22)!important}
#checklist-reel .checklist-preview-frame canvas{width:min(100%,430px)!important;max-width:430px!important;aspect-ratio:9/16!important;height:auto!important;border-radius:24px!important;background:#030712!important;box-shadow:0 18px 50px rgba(2,6,23,.38)!important;cursor:grab;outline:none;touch-action:none}
#checklist-reel .checklist-preview-frame canvas:active{cursor:grabbing}
#checklist-reel .checklist-preview-panel{display:flex;flex-direction:column;gap:14px}
#checklist-reel .checklist-preview-control-box{border:1px solid rgba(148,163,184,.32);background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
#checklist-reel .checklist-preview-control-box .field{margin:0 0 10px}
#checklist-reel #checklistPreviewScrub{width:100%}
#checklist-reel .checklist-preview-time{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;margin-bottom:10px;color:#0f172a}
#checklist-reel .checklist-preview-time strong{background:#0f172a;color:#fff;border-radius:999px;padding:5px 10px;font-size:12px}
#checklist-reel .checklist-render-card .actions:empty{display:none}
@media (max-width:1100px){#checklist-reel .checklist-preview-layout{grid-template-columns:1fr}#checklist-reel .checklist-preview-frame canvas{max-width:360px!important}}
@media (max-width:640px){#checklist-reel .checklist-preview-full{padding:14px!important}#checklist-reel .checklist-preview-frame{padding:10px!important;border-radius:22px!important}#checklist-reel .checklist-preview-frame canvas{max-width:300px!important;border-radius:18px!important}.checklist-preview-actions{width:100%;display:grid!important;grid-template-columns:1fr;gap:8px}}

/* v-preview-interactive-fix: large bottom preview + editable caption controls */
#checklist-reel .checklist-preview-full{margin-top:28px;padding:26px!important;overflow:visible!important;clear:both}
#checklist-reel .checklist-preview-layout{grid-template-columns:minmax(420px,560px) minmax(320px,1fr)!important;align-items:start!important;gap:28px!important}
#checklist-reel .checklist-preview-frame{position:relative!important;max-width:none!important;min-height:auto!important}
#checklist-reel .checklist-preview-stage{position:relative;width:min(100%,520px);aspect-ratio:9/16;margin:auto;display:grid;place-items:center}
#checklist-reel .checklist-preview-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;border-radius:26px!important;background:#030712!important;z-index:1}
#checklist-reel .checklist-preview-caption-overlay{position:absolute;left:50%;top:72%;transform:translate(-50%,-50%);z-index:4;max-width:86%;min-width:120px;padding:10px 18px;border-radius:20px;background:rgba(8,13,25,.72);color:#fff;border:2px solid rgba(250,204,21,.48);box-shadow:0 16px 40px rgba(0,0,0,.24);font-family:Tajawal,Arial,sans-serif;font-size:26px;font-weight:900;text-align:center;line-height:1.25;cursor:grab;user-select:none;touch-action:none;white-space:normal;word-break:break-word;outline:none}
#checklist-reel .checklist-preview-caption-overlay:active{cursor:grabbing}
#checklist-reel .checklist-preview-caption-overlay:focus{box-shadow:0 0 0 4px rgba(180,86,65,.18),0 16px 40px rgba(0,0,0,.24)}
#checklist-reel .checklist-style-card-in-preview{margin-top:22px!important;border:1px solid rgba(180,86,65,.18)!important;box-shadow:0 15px 36px rgba(15,23,42,.06)!important;background:#fff!important}
#checklist-reel .checklist-preview-style-wrap{margin-top:22px}
#checklist-reel .checklist-style-card-in-preview .checklist-style-grid{grid-template-columns:repeat(5,minmax(150px,1fr))!important}
#checklist-reel .checklist-preview-panel{gap:18px!important}
#checklist-reel .checklist-preview-control-box{position:sticky;top:84px}
#checklist-reel .checklist-preview-actions .btn{min-width:145px}
@media (max-width:1200px){#checklist-reel .checklist-preview-layout{grid-template-columns:1fr!important}#checklist-reel .checklist-preview-stage{max-width:460px}#checklist-reel .checklist-style-card-in-preview .checklist-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#checklist-reel .checklist-preview-control-box{position:static}}
@media (max-width:640px){#checklist-reel .checklist-preview-stage{max-width:310px}#checklist-reel .checklist-preview-caption-overlay{font-size:20px;padding:8px 12px;border-radius:16px}#checklist-reel .checklist-style-card-in-preview .checklist-style-grid{grid-template-columns:1fr!important}}

/* v-checklist-caption-style-panel-below-scrub */
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview{
  margin-top:0!important;
  padding:16px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff,#fffaf6)!important;
  border:1px solid rgba(180,86,65,.16)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
}
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview .checklist-section-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:12px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
}
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview .checklist-badge{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  font-size:13px!important;
}
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview h2{
  font-size:18px!important;
  line-height:1.2!important;
  margin:0 0 3px!important;
}
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview p{
  font-size:12px!important;
  line-height:1.6!important;
  margin:0!important;
  color:#8a6d61!important;
}
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview .checklist-style-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:end!important;
}
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview .field{
  background:#fff!important;
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:14px!important;
  padding:9px 10px!important;
  min-height:74px!important;
}
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview .field span{
  display:block!important;
  margin-bottom:6px!important;
  font-size:12px!important;
  font-weight:900!important;
  color:#3b2a24!important;
}
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview .select,
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview input[type=color]{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
}
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview input[type=range]{
  width:100%!important;
  height:30px!important;
}
#checklist-reel .checklist-preview-panel .checklist-style-card-in-preview small{
  display:block!important;
  margin-top:2px!important;
  text-align:left!important;
  direction:ltr!important;
  color:#2563eb!important;
  font-weight:900!important;
}
@media (min-width:1400px){
  #checklist-reel .checklist-preview-layout{grid-template-columns:minmax(440px,560px) minmax(420px,1fr)!important;}
  #checklist-reel .checklist-preview-panel .checklist-style-card-in-preview .checklist-style-grid{grid-template-columns:repeat(2,minmax(180px,1fr))!important;}
}
@media (max-width:1100px){
  #checklist-reel .checklist-preview-panel .checklist-style-card-in-preview .checklist-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:640px){
  #checklist-reel .checklist-preview-panel .checklist-style-card-in-preview .checklist-style-grid{grid-template-columns:1fr!important;}
}

/* v4 direct video preview: use real video element instead of canvas drawing */
#checklist-reel .checklist-preview-stage .checklist-preview-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:26px;
  background:#030712;
  z-index:2;
  display:none;
  box-shadow:0 18px 50px rgba(2,6,23,.38);
}
#checklist-reel .checklist-preview-stage canvas{
  display:none!important;
  z-index:1!important;
}
#checklist-reel .checklist-preview-placeholder{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  text-align:center;
  padding:28px;
  border-radius:26px;
  background:linear-gradient(135deg,#020617,#0f172a 55%,#111827);
  color:rgba(255,255,255,.82);
  box-shadow:0 18px 50px rgba(2,6,23,.38);
}
#checklist-reel .checklist-preview-placeholder strong{font-size:30px;font-weight:900;line-height:1.25;color:#fff}
#checklist-reel .checklist-preview-placeholder span{font-size:15px;font-weight:700;line-height:1.8;color:rgba(255,255,255,.62);max-width:70%}
#checklist-reel .checklist-preview-caption-overlay{z-index:5!important}
@media (max-width:640px){#checklist-reel .checklist-preview-stage .checklist-preview-video,#checklist-reel .checklist-preview-placeholder{border-radius:18px}#checklist-reel .checklist-preview-placeholder strong{font-size:22px}}

/* v10 CapCut-style timeline editor */
#checklist-reel .checklist-timeline-editor{
  margin-top:22px;
  border:1px solid rgba(180,83,63,.18);
  border-radius:24px;
  background:linear-gradient(180deg,#fff,#fff7f0);
  box-shadow:0 22px 50px rgba(88,28,12,.08);
  padding:18px;
  overflow:hidden;
}
#checklist-reel .checklist-timeline-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
#checklist-reel .checklist-timeline-head h3{
  margin:0 0 5px;
  font-size:20px;
  font-weight:1000;
  color:#111827;
}
#checklist-reel .checklist-timeline-head p{
  margin:0;
  color:#9a7a6b;
  font-size:13px;
  line-height:1.7;
}
#checklist-reel .checklist-timeline-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
#checklist-reel .checklist-timeline-actions .btn{
  min-height:36px;
  padding:8px 12px;
  border-radius:12px;
  font-weight:900;
}
#checklist-reel .checklist-timeline-shell{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  border:1px solid rgba(148,163,184,.22);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
#checklist-reel .checklist-timeline-labels{
  background:#f8fafc;
  border-left:1px solid rgba(148,163,184,.22);
  color:#334155;
  font-weight:1000;
  font-size:13px;
}
#checklist-reel .checklist-timeline-labels div{
  height:42px;
  display:grid;
  place-items:center;
  border-bottom:1px solid rgba(148,163,184,.16);
}
#checklist-reel .checklist-timeline-labels div:nth-child(2){height:56px;}
#checklist-reel .checklist-timeline-labels div:nth-child(3){height:56px;}
#checklist-reel .checklist-timeline-labels div:nth-child(4){height:38px;border-bottom:0;}
#checklist-reel .checklist-timeline-scroll{
  overflow-x:auto;
  overflow-y:hidden;
  background:#0b1020;
  scrollbar-width:thin;
}
#checklist-reel .checklist-timeline-canvas{
  position:relative;
  min-width:100%;
  width:max-content;
  padding:0;
  background:linear-gradient(180deg,#0f172a,#0b1120);
}
#checklist-reel .checklist-timeline-ruler{
  position:relative;
  height:42px;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:rgba(15,23,42,.94);
}
#checklist-reel .checklist-timeline-tick{
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(255,255,255,.13);
}
#checklist-reel .checklist-timeline-tick strong{
  position:absolute;
  top:9px;
  right:6px;
  transform:translateX(50%);
  font-size:11px;
  color:rgba(255,255,255,.60);
  direction:ltr;
  white-space:nowrap;
}
#checklist-reel .checklist-timeline-track{
  position:relative;
  height:56px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background-image:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:80px 100%;
}
#checklist-reel .checklist-timeline-track.audio-track{
  height:38px;
  border-bottom:0;
  background:rgba(2,6,23,.55);
}
#checklist-reel .timeline-clip,
#checklist-reel .timeline-caption,
#checklist-reel .timeline-audio{
  position:absolute;
  top:8px;
  height:40px;
  border-radius:12px;
  overflow:hidden;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 10px 22px rgba(0,0,0,.28);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
#checklist-reel .timeline-clip:hover,
#checklist-reel .timeline-caption:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 26px rgba(0,0,0,.34);
  filter:saturate(1.14);
}
#checklist-reel .timeline-clip.is-active,
#checklist-reel .timeline-caption.is-active{
  outline:2px solid #facc15;
  outline-offset:2px;
}
#checklist-reel .timeline-clip{
  background:linear-gradient(135deg,#2563eb,#0f766e);
  color:#fff;
  padding:6px 10px;
  text-align:right;
}
#checklist-reel .timeline-clip .clip-title{
  display:block;
  font-size:12px;
  font-weight:1000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#checklist-reel .timeline-clip .clip-meta{
  display:block;
  margin-top:2px;
  font-size:10px;
  direction:ltr;
  text-align:left;
  color:rgba(255,255,255,.78);
  white-space:nowrap;
}
#checklist-reel .timeline-caption{
  background:rgba(250,204,21,.92);
  color:#111827;
  padding:7px 10px;
  font-size:12px;
  font-weight:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#checklist-reel .timeline-audio{
  top:7px;
  height:24px;
  border-radius:999px;
  background:linear-gradient(90deg,#22c55e,#06b6d4);
  color:white;
  font-size:11px;
  font-weight:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  opacity:.95;
}
#checklist-reel .checklist-timeline-playhead{
  position:absolute;
  top:0;
  bottom:0;
  width:2px;
  background:#ef4444;
  box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 20px rgba(239,68,68,.45);
  z-index:12;
  pointer-events:none;
}
#checklist-reel .checklist-timeline-playhead span{
  position:absolute;
  top:0;
  right:50%;
  transform:translateX(50%);
  width:14px;
  height:14px;
  background:#ef4444;
  border-radius:0 0 10px 10px;
  box-shadow:0 4px 10px rgba(0,0,0,.35);
}
#checklist-reel .timeline-empty{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.54);
  font-weight:900;
  font-size:13px;
}
@media (max-width:900px){
  #checklist-reel .checklist-timeline-shell{grid-template-columns:64px minmax(0,1fr);}
  #checklist-reel .checklist-timeline-head{flex-direction:column;}
}
/* v10 timeline/player refinements */
#checklist-reel .checklist-speed-field{margin-top:10px;max-width:220px}
#checklist-reel .checklist-preview-control-box{position:relative;z-index:2}
#checklist-reel .checklist-timeline-scroll{scroll-behavior:smooth}
#checklist-reel .timeline-clip,#checklist-reel .timeline-caption{font-family:inherit}


/* v11 editor workspace fixes: preview + timeline aligned like an editor */
#checklist-reel .checklist-preview-full{
  max-width: 1720px !important;
  margin-inline: auto !important;
}
#checklist-reel .checklist-preview-layout{
  display:grid !important;
  grid-template-columns:minmax(420px,560px) minmax(520px,1fr) !important;
  gap:28px !important;
  align-items:start !important;
  direction:ltr !important;
}
#checklist-reel .checklist-preview-frame,
#checklist-reel .checklist-preview-panel{
  direction:rtl !important;
}
#checklist-reel .checklist-preview-stage{
  width:min(100%,560px) !important;
  max-height:76vh !important;
}
#checklist-reel .checklist-preview-stage .checklist-preview-video{
  object-fit:contain !important;
  image-rendering:auto !important;
  transform:translateZ(0) !important;
  background:#020617 !important;
}
#checklist-reel .checklist-preview-frame{
  position:sticky !important;
  top:76px !important;
}
#checklist-reel .checklist-preview-panel{
  min-width:0 !important;
}
#checklist-reel .checklist-preview-control-box{
  position:static !important;
}
#checklist-reel .checklist-speed-field .select,
#checklist-reel #checklistPreviewSpeed{
  font-weight:900;
}
#checklist-reel .checklist-timeline-editor{
  width:100% !important;
  margin-top:24px !important;
  clear:both !important;
  direction:rtl !important;
}
#checklist-reel .checklist-timeline-head{
  align-items:center !important;
}
#checklist-reel .checklist-timeline-shell{
  direction:ltr !important;
  grid-template-columns:110px minmax(0,1fr) !important;
  min-height:216px !important;
}
#checklist-reel .checklist-timeline-labels{
  direction:rtl !important;
  border-left:0 !important;
  border-right:1px solid rgba(148,163,184,.22) !important;
}
#checklist-reel .checklist-timeline-scroll{
  direction:ltr !important;
  width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}
#checklist-reel .checklist-timeline-canvas{
  direction:ltr !important;
  min-width:100% !important;
}
#checklist-reel .checklist-timeline-track{
  background-position:left top !important;
}
#checklist-reel .checklist-timeline-tick strong{
  right:auto !important;
  left:6px !important;
  transform:translateX(-50%) !important;
  direction:ltr !important;
}
#checklist-reel .timeline-clip,
#checklist-reel .timeline-caption,
#checklist-reel .timeline-audio{
  right:auto !important;
  direction:rtl !important;
}
#checklist-reel .timeline-clip .clip-meta{
  direction:ltr !important;
}
#checklist-reel .checklist-timeline-playhead{
  right:auto !important;
  left:0;
}
#checklist-reel .checklist-timeline-playhead span{
  right:auto !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}
@media (max-width:1200px){
  #checklist-reel .checklist-preview-layout{grid-template-columns:1fr !important;direction:rtl !important;}
  #checklist-reel .checklist-preview-frame{position:static !important;}
  #checklist-reel .checklist-preview-stage{max-width:460px !important;}
}
@media (max-width:720px){
  #checklist-reel .checklist-timeline-shell{grid-template-columns:76px minmax(0,1fr) !important;}
  #checklist-reel .checklist-preview-stage{max-width:340px !important;}
}


/* v11 timeline/player workspace fix */
#checklist-reel .checklist-preview-card.checklist-preview-full{
  display:block!important;
  width:100%!important;
  max-width:1680px!important;
  margin:28px auto 0!important;
  padding:22px!important;
  overflow:visible!important;
  clear:both!important;
}
#checklist-reel .checklist-preview-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
#checklist-reel .checklist-preview-layout{
  display:grid!important;
  grid-template-columns:minmax(420px,560px) minmax(420px,1fr)!important;
  gap:22px!important;
  align-items:start!important;
  direction:rtl!important;
}
#checklist-reel .checklist-preview-frame{
  width:100%!important;
  max-width:560px!important;
  justify-self:center!important;
}
#checklist-reel .checklist-preview-stage{
  width:min(100%,520px)!important;
  aspect-ratio:9/16!important;
}
#checklist-reel .checklist-preview-stage .checklist-preview-video{
  object-fit:contain!important;
  image-rendering:auto!important;
  background:#020617!important;
}
#checklist-reel .checklist-preview-panel{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
#checklist-reel .checklist-timeline-editor{
  width:100%!important;
  margin-top:22px!important;
  clear:both!important;
  display:block!important;
  direction:rtl!important;
}
#checklist-reel .checklist-timeline-shell{
  width:100%!important;
  min-height:210px!important;
  grid-template-columns:96px minmax(0,1fr)!important;
}
#checklist-reel .checklist-timeline-scroll{
  width:100%!important;
  min-height:192px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
#checklist-reel .checklist-timeline-canvas{
  min-width:100%!important;
}
#checklist-reel .checklist-timeline-ruler{height:44px!important;}
#checklist-reel .checklist-timeline-track{height:58px!important;}
#checklist-reel .checklist-timeline-track.audio-track{height:42px!important;}
#checklist-reel .checklist-preview-control-box .checklist-speed-field select{
  border-color:#b4533f!important;
  font-weight:900!important;
}
#checklist-reel .checklist-preview-quality-note{
  display:block;
  margin-top:6px;
  color:#8a6d61;
  font-size:12px;
  font-weight:800;
}
@media (max-width:1200px){
  #checklist-reel .checklist-preview-layout{grid-template-columns:1fr!important;}
  #checklist-reel .checklist-preview-frame{max-width:520px!important;}
}
@media (max-width:760px){
  #checklist-reel .checklist-timeline-shell{grid-template-columns:72px minmax(0,1fr)!important;}
  #checklist-reel .checklist-preview-stage{width:min(100%,360px)!important;}
}

/* v12 requested layout: timeline with player, caption style per selected caption */
#checklist-reel .checklist-editor-head .checklist-preview-actions{display:none!important;}
#checklist-reel .checklist-preview-hint{align-self:center;background:#111827;color:#fff;border-radius:999px;padding:9px 14px;font-weight:1000;font-size:12px;}
#checklist-reel .checklist-editor-layout{grid-template-columns:minmax(420px,560px) minmax(620px,1fr)!important;gap:24px!important;align-items:start!important;}
#checklist-reel .checklist-editor-panel{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;}
#checklist-reel .checklist-timeline-in-panel{order:3!important;margin-top:0!important;padding:14px!important;border-radius:20px!important;background:linear-gradient(180deg,#101827,#070b14)!important;color:#fff!important;box-shadow:0 18px 42px rgba(2,6,23,.22)!important;border-color:rgba(15,23,42,.35)!important;}
#checklist-reel .checklist-timeline-in-panel .checklist-timeline-head{align-items:center!important;margin-bottom:10px!important;}
#checklist-reel .checklist-timeline-in-panel .checklist-timeline-head h3{color:#fff!important;font-size:18px!important;}
#checklist-reel .checklist-timeline-in-panel .checklist-timeline-head p{color:rgba(255,255,255,.64)!important;font-size:12px!important;}
#checklist-reel .checklist-timeline-in-panel .checklist-timeline-actions{gap:6px!important;align-items:center!important;}
#checklist-reel .checklist-timeline-in-panel .checklist-timeline-actions .btn{min-height:34px!important;padding:7px 10px!important;border-radius:10px!important;font-size:12px!important;}
#checklist-reel #checklistRotateVideoBtn{background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412!important;}
#checklist-reel .checklist-timeline-in-panel .checklist-timeline-shell{grid-template-columns:82px minmax(0,1fr)!important;border-color:rgba(255,255,255,.14)!important;background:#0b1020!important;min-height:198px!important;}
#checklist-reel .checklist-timeline-in-panel .checklist-timeline-labels{background:#0f172a!important;color:#e5e7eb!important;border-color:rgba(255,255,255,.12)!important;}
#checklist-reel .checklist-timeline-in-panel .checklist-timeline-scroll{min-height:188px!important;background:#080d19!important;cursor:crosshair;}
#checklist-reel .checklist-timeline-in-panel .checklist-timeline-canvas{background:linear-gradient(180deg,#111827,#0b1020)!important;}
#checklist-reel .timeline-caption.is-selected{outline:3px solid #22d3ee!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(34,211,238,.16),0 14px 30px rgba(0,0,0,.34)!important;}
#checklist-reel .timeline-caption::after{content:'✎';font-size:10px;margin-right:6px;opacity:.65;}
#checklist-reel .timeline-clip[data-shot-id]::before{content:attr(data-shot-id);position:absolute;top:4px;left:7px;font-size:10px;opacity:.65;direction:ltr;}
#checklist-reel .checklist-style-card-in-preview{order:4!important;margin-top:0!important;padding:14px!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 32px rgba(88,28,12,.06)!important;}
#checklist-reel .checklist-caption-style-title{align-items:flex-start!important;margin-bottom:10px!important;}
#checklist-reel .checklist-caption-style-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;justify-content:flex-start;}
#checklist-reel .checklist-caption-style-toolbar .btn{min-height:34px;padding:7px 12px;border-radius:12px;font-weight:1000;font-size:12px;}
#checklist-reel .checklist-style-grid-compact{display:grid!important;grid-template-columns:repeat(2,minmax(180px,1fr))!important;gap:10px!important;}
#checklist-reel .checklist-style-grid-compact .field{min-height:auto!important;padding:9px 10px!important;border-radius:14px!important;background:#fbfdff!important;}
#checklist-reel .checklist-style-grid-compact input[type=color]{height:38px!important;}
#checklist-reel .checklist-preview-control-box{order:2!important;}
#checklist-reel .checklist-summary-list{order:1!important;}
@media (max-width:1300px){#checklist-reel .checklist-editor-layout{grid-template-columns:1fr!important;}#checklist-reel .checklist-preview-frame{max-width:520px!important;}#checklist-reel .checklist-style-grid-compact{grid-template-columns:1fr!important;}}


/* v13 layout fix: put summary and timeline below selected caption style, full width */
#checklist-reel .checklist-below-editor-stack{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  margin-top:18px!important;
  clear:both!important;
}
#checklist-reel .checklist-summary-wide-card{
  width:100%!important;
  padding:16px!important;
  border-radius:24px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  background:linear-gradient(180deg,#fff,#fffaf7)!important;
  box-shadow:0 14px 34px rgba(88,28,12,.06)!important;
}
#checklist-reel .checklist-summary-wide-title{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:12px!important;
}
#checklist-reel .checklist-summary-wide-title h3{
  margin:0!important;
  color:#111827!important;
  font-size:18px!important;
  font-weight:1000!important;
}
#checklist-reel .checklist-summary-wide-title p{
  margin:3px 0 0!important;
}
#checklist-reel .checklist-below-editor-stack .checklist-summary-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;
  gap:10px!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
}
#checklist-reel .checklist-below-editor-stack .checklist-summary-list div{
  min-height:56px!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.08)!important;
  align-items:center!important;
}
#checklist-reel .checklist-below-editor-stack .checklist-timeline-in-panel{
  order:0!important;
  width:100%!important;
  margin:0!important;
}
#checklist-reel .checklist-editor-panel .checklist-summary-list,
#checklist-reel .checklist-editor-panel .checklist-timeline-in-panel{
  max-height:none!important;
}
#checklist-reel .checklist-preview-control-box{order:1!important;}
#checklist-reel .checklist-style-card-in-preview{order:2!important;}
#checklist-reel .checklist-timeline-actions #checklistRotateVideoBtn,
#checklist-reel .checklist-timeline-actions #checklistRotateAllVideosBtn{
  background:#fff7ed!important;
  border-color:#fed7aa!important;
  color:#9a3412!important;
}
#checklist-reel .checklist-preview-stage .checklist-preview-video{
  transform:rotate(var(--mzj-video-rotation,0deg)) translateZ(0)!important;
  transform-origin:50% 50%!important;
}
#checklist-reel .timeline-clip.is-selected,
#checklist-reel .timeline-clip.is-selected.is-active{
  outline:3px solid #f97316!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 4px rgba(249,115,22,.20),0 14px 30px rgba(0,0,0,.34)!important;
}
@media (max-width:1300px){
  #checklist-reel .checklist-below-editor-stack .checklist-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  #checklist-reel .checklist-below-editor-stack .checklist-summary-list{grid-template-columns:1fr!important;}
}


/* v13: summary under selected caption style + full width timeline cards + rotate controls */
#checklist-reel .timeline-caption-summary{
  width:100%;
  grid-column:1 / -1;
  margin:12px 0 16px;
  padding:14px;
  border:1px solid rgba(180,86,65,.18);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fff7f2);
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}
#checklist-reel .timeline-caption-summary .caption-style-scope-head{
  margin-bottom:10px;
}
#checklist-reel .timeline-caption-summary .checklist-summary-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:10px!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
}
#checklist-reel .timeline-caption-summary .checklist-summary-list div{
  min-height:56px;
  align-items:center;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
}
#checklist-reel .checklist-timeline-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}
#checklist-reel .checklist-rotate-btn{
  border-color:rgba(250,204,21,.45)!important;
  background:#fff7d6!important;
  color:#713f12!important;
  font-weight:900!important;
}
#checklist-reel .timeline-caption-summary .checklist-summary-list strong{
  direction:ltr;
  unicode-bidi:plaintext;
}


/* v13.1 final polish: make the summary/timeline stack span the whole preview editor width */
#checklist-reel .checklist-preview-layout > .checklist-below-editor-stack{
  grid-column:1 / -1!important;
  width:100%!important;
}
#checklist-reel .checklist-below-editor-stack .checklist-summary-list{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
}
#checklist-reel .checklist-timeline-actions #checklistRotateAllVideosBtn,
#checklist-reel .checklist-timeline-actions #checklistRotateVideoBtn{
  white-space:nowrap!important;
}


/* v14 rotate preview containment fix */
#checklist-reel .checklist-preview-stage{
  overflow:hidden!important;
}
#checklist-reel .checklist-preview-stage .checklist-preview-video{
  transform-origin:50% 50%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  will-change:transform,width,height,left,top!important;
}

/* v15 preview/audio/logo/timeline layout fixes */
#checklist-reel .checklist-preview-logo-overlay{
  position:absolute; right:7%; top:4.5%; z-index:6; max-width:17%; max-height:10%; object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.28)); pointer-events:none;
}
#checklist-reel .checklist-preview-panel{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;}
#checklist-reel .checklist-timeline-live-panel{order:1!important;margin:0!important;width:100%!important;max-width:none!important;}
#checklist-reel .checklist-scrub-after-timeline{order:2!important;position:static!important;top:auto!important;}
#checklist-reel .checklist-style-card-in-preview{order:3!important;}
#checklist-reel .timeline-caption-summary{order:4!important;margin-top:0!important;}
#checklist-reel .checklist-timeline-live-panel .checklist-timeline-shell{min-height:212px!important;}
#checklist-reel .checklist-timeline-live-panel .checklist-timeline-scroll{min-height:202px!important;}
#checklist-reel .checklist-preview-control-box{position:static!important;}
#checklist-reel .checklist-preview-video{image-rendering:auto!important;}
@media (min-width:1300px){
  #checklist-reel .checklist-preview-layout{grid-template-columns:minmax(430px,560px) minmax(520px,1fr)!important;}
}


/* v16 Reference-Based Editing + CapCut-like Editor */
#checklist-reel .mzj-pro-reference-card,
#checklist-reel .mzj-capcut-editor-shell{
  margin:18px 0; padding:18px; border-radius:28px; border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#ffffff,#fff8f3); box-shadow:0 20px 46px rgba(88,28,12,.07);
}
#checklist-reel .mzj-pro-card-head,
#checklist-reel .mzj-capcut-titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;}
#checklist-reel .mzj-pro-eyebrow{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#101827;color:#fff;font-weight:1000;font-size:12px;margin-bottom:7px;}
#checklist-reel .mzj-pro-card-head h2,#checklist-reel .mzj-capcut-titlebar h2{margin:0 0 5px;font-size:22px;font-weight:1000;color:#111827;}
#checklist-reel .mzj-pro-card-head p,#checklist-reel .mzj-capcut-titlebar p{margin:0;color:#8a6d61;font-weight:700;}
#checklist-reel .mzj-pro-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;}
#checklist-reel .mzj-reference-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:16px;}
#checklist-reel .mzj-reference-panel,.mzj-reference-slots{border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;padding:14px;}
#checklist-reel .mzj-reference-panel textarea{resize:vertical;min-height:120px;line-height:1.7;font-weight:700;}
#checklist-reel .mzj-reference-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;}
#checklist-reel .mzj-reference-stats div{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:4px;}
#checklist-reel .mzj-reference-stats span{font-size:11px;color:#64748b;font-weight:900;} #checklist-reel .mzj-reference-stats strong{font-size:14px;color:#111827;direction:ltr;}
#checklist-reel .mzj-section-mini-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:#111827;font-weight:1000;} #checklist-reel .mzj-section-mini-head span{color:#8a6d61;font-size:12px;}
#checklist-reel .mzj-slots-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px;max-height:260px;overflow:auto;padding-left:4px;}
#checklist-reel .mzj-slot-card{border:1px solid rgba(15,23,42,.08);background:#f8fafc;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:5px;cursor:pointer;}
#checklist-reel .mzj-slot-card strong{font-size:13px;color:#0f172a;} #checklist-reel .mzj-slot-card span{font-size:11px;color:#64748b;font-weight:900;}
#checklist-reel .mzj-slot-card em{font-style:normal;display:inline-flex;width:max-content;padding:3px 8px;border-radius:999px;background:#ffedd5;color:#9a3412;font-size:11px;font-weight:1000;}
#checklist-reel .mzj-capcut-editor-shell{background:linear-gradient(180deg,#121821,#0b1019);color:#fff;border-color:rgba(255,255,255,.10);}
#checklist-reel .mzj-capcut-titlebar h2{color:#fff;} #checklist-reel .mzj-capcut-titlebar p{color:rgba(255,255,255,.66);} #checklist-reel .mzj-capcut-titlebar .mzj-pro-eyebrow{background:#22d3ee;color:#06212a;}
#checklist-reel .mzj-capcut-grid{display:grid;grid-template-columns:290px minmax(0,1fr) 280px;gap:14px;min-height:350px;}
#checklist-reel .mzj-capcut-library,#checklist-reel .mzj-capcut-center,#checklist-reel .mzj-capcut-inspector{background:#1f2937;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:12px;min-width:0;}
#checklist-reel .mzj-capcut-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;} #checklist-reel .mzj-capcut-tabs button{border:0;border-radius:10px;background:#111827;color:#cbd5e1;padding:8px 9px;font-weight:1000;cursor:pointer;font-size:12px;} #checklist-reel .mzj-capcut-tabs button.is-active{background:#06b6d4;color:#001018;}
#checklist-reel .mzj-tool-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:270px;overflow:auto;} #checklist-reel .mzj-tool-item{background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;min-height:70px;color:#e5e7eb;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;} #checklist-reel .mzj-tool-item strong{font-size:13px;} #checklist-reel .mzj-tool-item span{font-size:11px;color:#94a3b8;font-weight:800;}
#checklist-reel .mzj-editor-callout{border-radius:18px;background:linear-gradient(90deg,#0f172a,#1e293b);border:1px solid rgba(255,255,255,.08);padding:14px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;} #checklist-reel .mzj-editor-callout strong{font-size:16px;} #checklist-reel .mzj-editor-callout span{color:#cbd5e1;font-weight:800;}
#checklist-reel .mzj-editor-mini-timeline{background:#0b1020;border:1px solid rgba(255,255,255,.08);border-radius:16px;min-height:230px;overflow:auto;padding:14px;} #checklist-reel .mzj-editor-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;margin:8px 0;} #checklist-reel .mzj-editor-row-label{color:#94a3b8;font-size:12px;font-weight:1000;text-align:center;} #checklist-reel .mzj-editor-row-track{position:relative;min-height:42px;background:#070b14;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06);}
#checklist-reel .mzj-editor-block{position:absolute;top:6px;height:30px;border-radius:10px;padding:6px 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:1000;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.25);cursor:pointer;}
#checklist-reel .mzj-editor-block.video{background:#2563eb;} #checklist-reel .mzj-editor-block.caption{background:#a855f7;} #checklist-reel .mzj-editor-block.audio{background:#16a34a;} #checklist-reel .mzj-editor-block.fx{background:#f97316;}
#checklist-reel .mzj-capcut-inspector h3{margin:0 0 8px;color:#fff;} #checklist-reel .mzj-capcut-inspector p{margin:0 0 14px;color:#94a3b8;font-weight:800;line-height:1.7;} #checklist-reel .mzj-inspector-box{border:1px solid rgba(255,255,255,.08);background:#111827;border-radius:14px;padding:12px;margin-bottom:10px;display:flex;justify-content:space-between;gap:8px;} #checklist-reel .mzj-inspector-box span{color:#94a3b8;font-size:12px;font-weight:900;} #checklist-reel .mzj-inspector-box strong{color:#fff;font-size:12px;}
#checklist-reel .checklist-preview-card{border:2px solid rgba(34,211,238,.12)!important;}
@media(max-width:1300px){#checklist-reel .mzj-reference-grid,#checklist-reel .mzj-capcut-grid{grid-template-columns:1fr;} #checklist-reel .mzj-pro-card-head,#checklist-reel .mzj-capcut-titlebar{flex-direction:column;} }


/* v18 Reference Slots detailed linking */
#checklist-reel .mzj-reference-grid{grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);align-items:start;}
#checklist-reel .mzj-slots-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px;max-height:none;overflow:visible;}
#checklist-reel .mzj-slots-toolbar{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:2px;}
#checklist-reel .mzj-slot-card-detailed{gap:10px;padding:13px;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.06);border:1px solid rgba(148,163,184,.26);}
#checklist-reel .mzj-slot-topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
#checklist-reel .mzj-slot-topline strong{font-size:14px;color:#0f172a;}
#checklist-reel .mzj-slot-topline span{font-size:12px;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 8px;font-weight:900;}
#checklist-reel .mzj-slot-topline em{margin-inline-start:auto;background:#111827;color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-style:normal;font-weight:1000;}
#checklist-reel .mzj-slot-row label,#checklist-reel .mzj-slot-controls-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#334155;font-weight:900;}
#checklist-reel .mzj-slot-linked-shot{border:1px dashed rgba(37,99,235,.35);background:#eff6ff;border-radius:14px;padding:9px;display:grid;gap:4px;}
#checklist-reel .mzj-slot-linked-shot b{font-size:13px;color:#1e3a8a;}
#checklist-reel .mzj-slot-linked-shot span{font-size:12px;color:#475569;font-weight:800;}
#checklist-reel .mzj-slot-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
#checklist-reel .mzj-slot-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#checklist-reel .mzj-slot-text-grid>div{background:#f8fafc;border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:8px;min-height:74px;}
#checklist-reel .mzj-slot-text-grid span{display:block;color:#64748b;font-size:11px;font-weight:1000;margin-bottom:4px;}
#checklist-reel .mzj-slot-text-grid p{margin:0;color:#0f172a;font-size:12px;line-height:1.6;max-height:44px;overflow:auto;}
#checklist-reel .mzj-slot-actions{display:flex;gap:8px;flex-wrap:wrap;}
#checklist-reel .mzj-pro-reference-card p,#checklist-reel .checklist-section-title p,#checklist-reel .page-title p,#checklist-reel .mzj-capcut-titlebar p{display:none!important;}

/* v19 - Reference Slots become main selection UI */
#checklist-reel .checklist-timeline-card{display:none!important}
#checklist-reel .mzj-reference-grid{grid-template-columns: minmax(320px, 420px) 1fr; gap:20px; align-items:start}
#checklist-reel .mzj-reference-slots{min-height:360px}
#checklist-reel .mzj-section-mini-head span{display:none!important}
#checklist-reel .mzj-slots-list{display:grid; grid-template-columns:repeat(2,minmax(320px,1fr)); gap:16px; max-height:none; overflow:visible; padding:4px}
#checklist-reel .mzj-slot-card-detailed{background:#fff; border:1px solid #ead8ce; border-radius:18px; padding:16px; box-shadow:0 14px 35px rgba(58,31,24,.08)}
#checklist-reel .mzj-slot-card-detailed.is-linked{border-color:#93c5fd; background:linear-gradient(180deg,#fff,#f7fbff)}
#checklist-reel .mzj-slot-card-detailed.is-ready{border-color:#86efac; background:linear-gradient(180deg,#fff,#f5fff7)}
#checklist-reel .mzj-slot-card-detailed.is-selected{outline:3px solid rgba(184,94,79,.25)}
#checklist-reel .mzj-slot-topline{display:flex; align-items:center; gap:8px; margin-bottom:12px}
#checklist-reel .mzj-slot-topline strong{font-size:15px; color:#152136}
#checklist-reel .mzj-slot-topline span{background:#eef2ff; color:#3342a0; padding:5px 10px; border-radius:999px; font-size:12px; font-weight:900}
#checklist-reel .mzj-slot-topline em{margin-inline-start:auto; background:#101827; color:#fff; padding:5px 9px; border-radius:999px; font-style:normal; font-size:12px; font-weight:900}
#checklist-reel .mzj-slot-link-line{display:flex; align-items:center; gap:10px; margin-bottom:10px}
#checklist-reel .mzj-slot-check{width:22px;height:22px; accent-color:#2563eb}
#checklist-reel .mzj-slot-link-line label{flex:1; font-weight:900; color:#152136}
#checklist-reel .mzj-slot-link-line select{margin-top:6px}
#checklist-reel .mzj-slot-linked-shot{background:#eef6ff;border:1px dashed #93c5fd;border-radius:14px;padding:10px 12px;margin:10px 0;color:#1d4ed8;font-weight:900;display:flex;flex-direction:column;gap:4px}
#checklist-reel .mzj-slot-linked-shot span{font-size:12px;color:#516279}
#checklist-reel .mzj-slot-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
#checklist-reel .mzj-slot-controls-grid label,#checklist-reel .mzj-slot-edit-grid label{font-size:12px;font-weight:900;color:#4b5563}
#checklist-reel .mzj-slot-edit-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
#checklist-reel .mzj-slot-edit-grid textarea{width:100%;min-height:68px;resize:vertical;border:1px solid #ead8ce;border-radius:14px;padding:10px;font-family:inherit;font-weight:700;background:#fff}
#checklist-reel .mzj-slot-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#checklist-reel .mzj-slots-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;grid-column:1/-1;background:#fff8f4;border:1px solid #ead8ce;border-radius:16px;padding:12px;margin-bottom:4px}
#checklist-reel .mzj-slots-toolbar .muted{font-size:12px;margin:0;color:#8e7166}
#checklist-reel .mzj-capcut-draft-note{grid-column:1/-1;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;padding:12px;color:#166534;font-weight:800;display:none}
#checklist-reel .mzj-capcut-draft-note.is-visible{display:block}
@media(max-width:1100px){#checklist-reel .mzj-reference-grid{grid-template-columns:1fr}#checklist-reel .mzj-slots-list{grid-template-columns:1fr}}

/* v21 reference slots fixes */
#checklist-reel .mzj-reference-slots{min-height:420px;}
#checklist-reel .mzj-reference-slots .empty-state{min-height:160px;display:grid;place-items:center;border:1px dashed #e5cbbE;border-radius:18px;color:#8e7166;font-weight:900;background:#fff8f4;}
#checklist-reel .mzj-slot-card-detailed{transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
#checklist-reel .mzj-slot-card-detailed:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(58,31,24,.10);}
#checklist-reel .mzj-slot-linked-shot span{word-break:break-word;}
#checklist-reel .mzj-slot-edit-grid textarea{font-size:13px;line-height:1.65;}
#checklist-reel .mzj-capcut-draft-note.is-visible{grid-column:1/-1;background:#ecfdf5;border:1px solid #86efac;color:#166534;border-radius:14px;padding:10px;font-weight:900;}


/* v22 - Reference Shot Slots professional compact layout */
#checklist-reel .mzj-pro-reference-card{overflow:visible;}
#checklist-reel .mzj-reference-grid{display:flex !important;flex-direction:column !important;gap:16px !important;align-items:stretch !important;}
#checklist-reel .mzj-reference-panel{width:100% !important;display:grid !important;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.4fr) minmax(280px,.8fr) !important;gap:12px !important;align-items:start !important;padding:16px !important;border:1px solid rgba(184,94,79,.22) !important;background:linear-gradient(180deg,#fff,#fffaf7) !important;}
#checklist-reel .mzj-reference-panel .field{margin:0 !important;}
#checklist-reel .mzj-reference-panel textarea{min-height:82px !important;height:82px !important;resize:vertical !important;}
#checklist-reel .mzj-reference-stats{margin:0 !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
#checklist-reel .mzj-reference-stats div{padding:9px 10px !important;min-height:54px !important;}
#checklist-reel .mzj-reference-slots{width:100% !important;min-height:auto !important;padding:16px !important;border:1px solid rgba(184,94,79,.18) !important;background:#fff !important;}
#checklist-reel .mzj-reference-slots .mzj-section-mini-head{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin-bottom:12px !important;padding-bottom:10px !important;border-bottom:1px solid rgba(15,23,42,.08) !important;}
#checklist-reel .mzj-reference-slots .mzj-section-mini-head strong{font-size:18px !important;color:#111827 !important;}
#checklist-reel .mzj-reference-slots .mzj-section-mini-head span{color:#8e7166 !important;font-size:12px !important;font-weight:900 !important;}
#checklist-reel .mzj-slots-list{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important;gap:10px !important;max-height:none !important;overflow:visible !important;padding:0 !important;align-items:start !important;}
#checklist-reel .mzj-slots-toolbar{grid-column:1/-1 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;padding:10px 12px !important;border-radius:14px !important;background:#fff8f4 !important;border:1px solid rgba(184,94,79,.18) !important;margin:0 0 2px !important;min-height:auto !important;}
#checklist-reel .mzj-slots-toolbar .muted{font-size:12px !important;line-height:1.5 !important;margin:0 !important;color:#7c5f55 !important;}
#checklist-reel .mzj-slots-toolbar .btn{padding:8px 12px !important;border-radius:10px !important;white-space:nowrap !important;}
#checklist-reel .mzj-capcut-draft-note{grid-column:1/-1 !important;}
#checklist-reel .mzj-slot-card-detailed{padding:10px !important;border-radius:14px !important;gap:6px !important;box-shadow:0 8px 22px rgba(58,31,24,.055) !important;border-color:rgba(184,94,79,.18) !important;min-height:0 !important;}
#checklist-reel .mzj-slot-card-detailed:hover{transform:translateY(-1px) !important;box-shadow:0 12px 28px rgba(58,31,24,.08) !important;}
#checklist-reel .mzj-slot-topline{margin:0 0 6px !important;gap:6px !important;}
#checklist-reel .mzj-slot-topline strong{font-size:13px !important;}
#checklist-reel .mzj-slot-topline span{font-size:11px !important;padding:3px 7px !important;}
#checklist-reel .mzj-slot-topline em{padding:3px 8px !important;font-size:11px !important;}
#checklist-reel .mzj-slot-link-line{margin:0 !important;gap:6px !important;align-items:flex-start !important;}
#checklist-reel .mzj-slot-check{width:18px !important;height:18px !important;margin-top:28px !important;}
#checklist-reel .mzj-slot-link-line label{font-size:11px !important;}
#checklist-reel .mzj-slot-link-line select,#checklist-reel .mzj-slot-controls-grid select,#checklist-reel .mzj-slot-controls-grid input{min-height:34px !important;height:34px !important;padding:6px 8px !important;font-size:12px !important;border-radius:10px !important;}
#checklist-reel .mzj-slot-linked-shot{margin:6px 0 !important;padding:7px 9px !important;border-radius:10px !important;gap:2px !important;min-height:46px !important;}
#checklist-reel .mzj-slot-linked-shot b{font-size:12px !important;line-height:1.35 !important;max-height:34px !important;overflow:hidden !important;}
#checklist-reel .mzj-slot-linked-shot span{font-size:11px !important;line-height:1.3 !important;}
#checklist-reel .mzj-slot-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:6px !important;margin-top:6px !important;}
#checklist-reel .mzj-slot-controls-grid label,#checklist-reel .mzj-slot-edit-grid label{font-size:11px !important;gap:4px !important;}
#checklist-reel .mzj-slot-edit-grid{display:grid !important;grid-template-columns:1fr !important;gap:6px !important;margin-top:6px !important;}
#checklist-reel .mzj-slot-edit-grid textarea{min-height:38px !important;height:38px !important;padding:7px 9px !important;border-radius:10px !important;font-size:12px !important;line-height:1.35 !important;resize:vertical !important;}
#checklist-reel .mzj-slot-actions{margin-top:6px !important;gap:6px !important;display:grid !important;grid-template-columns:1fr 1fr !important;}
#checklist-reel .mzj-slot-actions .btn{padding:7px 8px !important;border-radius:10px !important;font-size:11px !important;min-height:34px !important;}
#checklist-reel .mzj-slot-card-detailed.is-ready{border-color:#86efac !important;background:linear-gradient(180deg,#fff,#f6fff8) !important;}
#checklist-reel .mzj-slot-card-detailed.is-linked:not(.is-ready){border-color:#bfdbfe !important;background:linear-gradient(180deg,#fff,#f8fbff) !important;}
#checklist-reel .mzj-slot-card-detailed.is-selected{outline:2px solid rgba(184,94,79,.24) !important;}
#checklist-reel .mzj-reference-slots .empty-state{min-height:120px !important;}
@media(max-width:1200px){#checklist-reel .mzj-reference-panel{grid-template-columns:1fr !important;}#checklist-reel .mzj-reference-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}#checklist-reel .mzj-slots-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr)) !important;}}
@media(max-width:700px){#checklist-reel .mzj-reference-stats{grid-template-columns:1fr !important;}#checklist-reel .mzj-slots-list{grid-template-columns:1fr !important;}#checklist-reel .mzj-slot-actions{grid-template-columns:1fr !important;}}

/* Local Publisher / Electron Agent */
.local-publisher-head .page-title p{max-width:760px}
.local-publisher-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;margin-bottom:18px}
.local-publisher-card{border:1px solid var(--line);box-shadow:0 14px 35px rgba(90,58,50,.08)}
.local-publisher-card h2{margin:0 0 8px;font-size:20px;color:var(--text)}
.local-publisher-card p{margin:0 0 12px;color:var(--muted);line-height:1.8}
.local-folder-map{display:grid;grid-template-columns:190px minmax(0,1fr);gap:10px;align-items:center;margin-top:16px}
.local-folder-map code{direction:ltr;text-align:left;background:#fff8f4;border:1px solid #ead2c3;border-radius:12px;padding:9px 12px;color:#6b3f33;font-weight:800}
.local-folder-map span{background:#fff;border:1px dashed #e5cbbd;border-radius:12px;padding:9px 12px;color:#654840;font-weight:700}
.local-platform-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.local-platform-chip{border:1px solid #ead2c3;border-radius:16px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:5px;min-height:92px}
.local-platform-chip strong{font-size:15px;color:#2d1713}
.local-platform-chip span{font-weight:900;font-size:13px;color:#8e7166}
.local-platform-chip small{color:#8e7166;line-height:1.5}
.local-platform-chip.is-ready{border-color:#9ed7ad;background:#f1fff4}
.local-platform-chip.is-ready span{color:#22733a}
.local-platform-chip.is-error{border-color:#e7a79d;background:#fff5f3}
.local-platform-chip.is-warning,.local-platform-chip.is-pending{border-color:#f1c589;background:#fffaf0}
.local-publisher-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.local-publisher-stats article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 10px 25px rgba(90,58,50,.06)}
.local-publisher-stats span{display:block;color:var(--muted);font-weight:800;margin-bottom:5px}
.local-publisher-stats strong{font-size:26px;color:var(--primary)}
.local-publisher-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}
.local-publisher-table{width:100%;border-collapse:collapse;min-width:900px}
.local-publisher-table th,.local-publisher-table td{padding:12px 14px;border-bottom:1px solid #f0ddd2;text-align:right;vertical-align:middle}
.local-publisher-table th{background:#fff7f2;color:#6b3f33;font-weight:900;font-size:13px;position:sticky;top:0;z-index:1}
.local-publisher-table td{font-weight:700;color:#4b3029}
.local-platforms-mini{display:flex;flex-wrap:wrap;gap:6px}
.local-platforms-mini span{background:#f7ece4;border:1px solid #e8cec0;color:#6b3f33;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900}
.local-job-status{display:inline-flex;border-radius:999px;padding:5px 10px;border:1px solid #e3c8ba;font-size:12px;font-weight:900;background:#fff7f2;color:#6b3f33}
.local-job-status.is-published{background:#eefbf1;border-color:#9ed7ad;color:#22733a}
.local-job-status.is-failed{background:#fff2ef;border-color:#e4a095;color:#9d2f20}
.local-job-status.is-processing{background:#eef5ff;border-color:#a9c8ed;color:#255c9b}
.local-job-error{display:block;color:#9d2f20;margin-top:5px;max-width:260px;white-space:normal;line-height:1.5}
@media(max-width:900px){.local-publisher-grid,.local-publisher-stats{grid-template-columns:1fr}.local-folder-map{grid-template-columns:1fr}}


/* v33 local publisher controls */
.local-publisher-times-card{margin:0 0 18px}
.local-times-wrap{margin-top:10px}
.local-times-table{min-width:720px}
.local-times-table input[type="time"]{width:100%;min-width:112px;border:1px solid var(--line);border-radius:12px;padding:9px 10px;font:inherit;font-weight:900;color:var(--text);background:#fff}
.local-job-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.local-job-actions .btn{padding:7px 10px;border-radius:10px;font-size:12px;line-height:1.2}
.local-job-platform{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e3c8ba;background:#fff7f2;color:#6b3f33;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;white-space:nowrap}
.local-job-status.is-requested{background:#fff8e8;border-color:#e2c468;color:#8a5b00}
.local-job-status.is-canceled{background:#f4f4f4;border-color:#d7d7d7;color:#666}
.local-schedule-primary{display:block;font-weight:900;color:var(--text);direction:ltr;text-align:right}
.local-schedule-sub{display:block;color:var(--muted);font-size:12px;margin-top:3px;direction:ltr;text-align:right}
@media(max-width:900px){.local-job-actions{min-width:220px}}

/* v91: campaign wizard - cars and notes per creative */
.creative-stock-picker-hint{margin:0 0 12px;border:1px dashed rgba(121,70,52,.24);background:#fff7f0;border-radius:14px;padding:10px 12px;color:#8a5b4c;font-weight:900;font-size:.86rem;line-height:1.6}
.creative-stock-picker-block{margin:0 0 14px;border:1px solid rgba(121,70,52,.18);background:#fffaf7;border-radius:16px;padding:12px;display:grid;gap:10px}
.creative-stock-picker-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#4b2d25;font-weight:900}
.creative-stock-picker-title small{color:#8a746a;font-weight:800}
.creative-car-checkbox-grid{max-height:220px;overflow:auto;padding:3px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.creative-car-check-card{min-height:58px;align-items:flex-start}
.creative-panel-note-field{display:grid;gap:7px;font-weight:900;color:#4b2d25}
.creative-panel-note-field textarea{width:100%;border:1px solid var(--border);border-radius:13px;background:#fff;color:var(--text);outline:none;padding:10px 12px;resize:vertical;min-height:64px}
@media(max-width:700px){.creative-stock-picker-title{align-items:flex-start;flex-direction:column}.creative-car-checkbox-grid{grid-template-columns:1fr;max-height:260px}}

/* MZJ v92 - Sequential creative car choice flow */
#creativeAssignmentPopup .creative-assignment-panel-v92{display:grid!important;gap:14px!important}
#creativeAssignmentPopup .creative-assignment-panel-head-v92{grid-template-columns:1fr!important;align-items:start!important}
#creativeAssignmentPopup .creative-assignment-panel-head-v92 small{display:block;margin-top:6px;color:#8b665c;font-weight:800;line-height:1.6}
#creativeAssignmentPopup .creative-car-step-card{border:1px solid rgba(121,70,52,.16);background:#fff;border-radius:20px;padding:14px;display:grid;gap:12px;box-shadow:0 12px 32px rgba(63,38,29,.06)}
#creativeAssignmentPopup .creative-car-needed-field,#creativeAssignmentPopup .creative-car-count-field{display:grid;gap:7px;font-weight:900;color:#4b2d25}
#creativeAssignmentPopup .creative-car-needed-field select,#creativeAssignmentPopup .creative-car-count-field input{width:100%;min-height:42px;border:1px solid rgba(121,70,52,.24);border-radius:14px;background:#fffaf7;padding:8px 12px;font-weight:900;color:#4b2d25}
#creativeAssignmentPopup .creative-current-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px dashed rgba(121,70,52,.16);padding-top:10px}
#creativeAssignmentPopup .creative-current-save-row small{color:#8b665c;font-weight:800;line-height:1.6}
#creativeAssignmentPopup .popup-creative-check-card.is-saved-current{border-color:#31845b!important;background:#f4fff8!important}
#creativeAssignmentPopup .popup-creative-check-card.is-saved-current:after{content:'تم الحفظ';font-size:11px;font-weight:900;color:#31845b;background:#e4f8ec;border-radius:999px;padding:4px 8px;margin-inline-start:6px}
#creativeAssignmentPopup .creative-stock-picker-block.is-hidden,#creativeAssignmentPopup .creative-car-count-field.is-hidden,#creativeAssignmentPopup .creative-stock-picker-hint.is-hidden{display:none!important}

/* MZJ v93 - redesigned campaign step 2 popup */
#creativeAssignmentPopup.creative-assignment-popup-v93 .creative-assignment-popup-dialog{
  width:min(1840px,98vw)!important;max-width:98vw!important;height:min(900px,94vh)!important;max-height:94vh!important;padding:18px!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto 1fr auto!important;gap:12px!important;background:#fffaf7!important;
}
#creativeAssignmentPopup .v93-popup-head{padding:4px 44px 8px 8px!important;border-bottom:1px solid rgba(121,70,52,.15)!important;text-align:right!important}
#creativeAssignmentPopup .v93-popup-grid{min-height:0!important;display:grid!important;grid-template-columns:310px minmax(720px,1fr) 280px!important;gap:12px!important;direction:rtl!important;overflow:hidden!important}
#creativeAssignmentPopup .v93-creative-column,#creativeAssignmentPopup .v93-current-column,#creativeAssignmentPopup .v93-saved-column{min-height:0!important;border:1px solid rgba(121,70,52,.16)!important;border-radius:18px!important;background:#fff!important;padding:12px!important;box-shadow:0 12px 30px rgba(63,38,29,.05)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:10px!important}
#creativeAssignmentPopup .v93-creative-column h3,#creativeAssignmentPopup .v93-saved-column h3{margin:0!important;color:#4b2d25!important;font-size:15px!important;font-weight:1000!important}
#creativeAssignmentPopup .v93-creative-list{display:flex!important;flex-direction:column!important;gap:8px!important;overflow:auto!important;padding:2px 3px 8px!important;min-height:0!important;max-height:none!important}
#creativeAssignmentPopup .v93-creative-pick{width:100%!important;border:1px solid rgba(121,70,52,.18)!important;background:#fffaf7!important;border-radius:14px!important;padding:9px!important;display:grid!important;grid-template-columns:30px 1fr 24px!important;align-items:center!important;gap:8px!important;text-align:right!important;cursor:pointer!important;color:#2f1f1a!important;min-height:52px!important}
#creativeAssignmentPopup .v93-creative-pick:hover,#creativeAssignmentPopup .v93-creative-pick.is-active{border-color:#8a5144!important;background:#fff0e8!important;box-shadow:0 8px 18px rgba(121,70,52,.11)!important}
#creativeAssignmentPopup .v93-creative-pick.is-filtered-out,#creativeAssignmentPopup .car-check-card.is-filtered-out,#creativeAssignmentPopup .creative-car-check-card.is-filtered-out{display:none!important}
#creativeAssignmentPopup .v93-creative-pick-index,#creativeAssignmentPopup .v93-creative-pick-plus{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:9px!important;background:#f3e8df!important;color:#7a4a3c!important;font-size:11px!important;font-weight:1000!important}
#creativeAssignmentPopup .v93-creative-pick-text{min-width:0!important;display:grid!important;gap:2px!important}
#creativeAssignmentPopup .v93-creative-pick-text strong{font-size:12px!important;font-weight:1000!important;white-space:normal!important;line-height:1.35!important}
#creativeAssignmentPopup .v93-creative-pick-text small{font-size:10px!important;color:#9a766a!important;font-weight:800!important}
#creativeAssignmentPopup .v93-current-placeholder{height:100%!important;display:grid;place-items:center;text-align:center;border:1px dashed rgba(121,70,52,.22);border-radius:16px;color:#9a766a;font-weight:1000;background:#fffaf7}
#creativeAssignmentPopup .v93-current-panel-wrap{min-height:0!important;overflow:auto!important;display:block!important}
#creativeAssignmentPopup .creative-assignment-panel-v93{height:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;display:grid!important;grid-template-rows:auto 1fr!important;gap:10px!important}
#creativeAssignmentPopup .v93-active-head{border:1px solid rgba(121,70,52,.16)!important;border-radius:16px!important;background:#fffaf7!important;padding:10px 12px!important;color:#4b2d25!important}
#creativeAssignmentPopup .v93-active-head span,#creativeAssignmentPopup .v93-active-head small{display:block!important;color:#9a766a!important;font-weight:900!important}
#creativeAssignmentPopup .v93-active-head strong{display:block!important;font-size:17px!important;font-weight:1000!important;margin-top:3px!important}
#creativeAssignmentPopup .v93-panel-columns{min-height:0!important;display:grid!important;grid-template-columns:minmax(330px,420px) minmax(430px,1fr)!important;gap:12px!important;overflow:hidden!important}
#creativeAssignmentPopup .v93-car-column,#creativeAssignmentPopup .v93-departments-column{min-height:0!important;overflow:auto!important;border:1px solid rgba(121,70,52,.14)!important;border-radius:18px!important;background:#fffdfb!important;padding:12px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
#creativeAssignmentPopup .v93-column-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;border-bottom:1px solid rgba(121,70,52,.12)!important;padding-bottom:8px!important;color:#4b2d25!important}
#creativeAssignmentPopup .v93-column-title strong{font-size:15px!important;font-weight:1000!important}
#creativeAssignmentPopup .v93-column-title small{font-size:11px!important;color:#9a766a!important;font-weight:900!important;text-align:left!important}
#creativeAssignmentPopup .v93-car-column .creative-car-needed-field,#creativeAssignmentPopup .v93-car-column .creative-car-count-field,#creativeAssignmentPopup .v93-car-column .creative-panel-note-field{display:grid!important;gap:6px!important;font-weight:1000!important;color:#4b2d25!important}
#creativeAssignmentPopup .v93-car-column select,#creativeAssignmentPopup .v93-car-column input,#creativeAssignmentPopup .v93-car-column textarea,#creativeAssignmentPopup .creative-popup-search{width:100%!important;border:1px solid rgba(121,70,52,.22)!important;border-radius:13px!important;background:#fff!important;padding:9px 11px!important;font-weight:900!important;color:#4b2d25!important}
#creativeAssignmentPopup .creative-stock-picker-block{display:grid!important;gap:8px!important;border:1px dashed rgba(121,70,52,.22)!important;border-radius:16px!important;background:#fffaf7!important;padding:10px!important}
#creativeAssignmentPopup .creative-stock-picker-block.is-hidden,#creativeAssignmentPopup .creative-car-count-field.is-hidden,#creativeAssignmentPopup .creative-stock-picker-hint.is-hidden{display:none!important}
#creativeAssignmentPopup .creative-car-checkbox-grid{grid-template-columns:1fr!important;max-height:310px!important;overflow:auto!important;padding:2px!important;gap:7px!important}
#creativeAssignmentPopup .creative-car-check-card,#creativeAssignmentPopup .car-check-card{min-height:52px!important;border-radius:13px!important;padding:8px 10px!important;background:#fff!important}
#creativeAssignmentPopup .v93-departments-column .creative-assignment-inner-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;overflow:visible!important}
#creativeAssignmentPopup .v93-departments-column .creative-role-assignment{border-radius:16px!important;background:#fffaf7!important;padding:10px!important;border:1px solid rgba(121,70,52,.13)!important}
#creativeAssignmentPopup .v93-saved-list{min-height:0!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important}
#creativeAssignmentPopup .v93-saved-creative-item{border:1px solid rgba(49,132,91,.22)!important;background:#f6fff8!important;border-radius:14px!important;padding:9px 10px!important;text-align:right!important;display:grid!important;gap:4px!important;cursor:pointer!important;color:#254735!important}
#creativeAssignmentPopup .v93-saved-creative-item strong{font-size:12px!important;font-weight:1000!important;line-height:1.35!important}
#creativeAssignmentPopup .v93-saved-creative-item small{font-size:10.5px!important;font-weight:900!important;color:#4b7c62!important}
#creativeAssignmentPopup .v93-empty-note{border:1px dashed rgba(121,70,52,.22);border-radius:14px;padding:14px;text-align:center;color:#9a766a;background:#fffaf7;font-weight:900;line-height:1.6}
#creativeAssignmentPopup .is-hidden{display:none!important}
@media(max-width:1200px){#creativeAssignmentPopup .v93-popup-grid{grid-template-columns:1fr!important;overflow:auto!important}#creativeAssignmentPopup .creative-assignment-popup-dialog{overflow:auto!important;height:94vh!important}#creativeAssignmentPopup .v93-panel-columns{grid-template-columns:1fr!important}#creativeAssignmentPopup .v93-creative-list{max-height:260px!important}}

/* v95 legacy structure cleanup notice */
.structure-cleanup-notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:12px 0;
  padding:12px 14px;
  border:1px solid rgba(184,94,78,.35);
  border-radius:14px;
  background:#fff7f3;
  color:#5a3a32;
  box-shadow:0 8px 22px rgba(90,58,50,.08);
}
.structure-cleanup-notice strong{font-size:13px;line-height:1.6;}
.structure-cleanup-notice .mini-btn{white-space:nowrap;}
@media(max-width:720px){.structure-cleanup-notice{align-items:stretch;flex-direction:column}.structure-cleanup-notice .mini-btn{width:100%;}}

/* MZJ v96 budget editor */
.campaign-budget-editor .modal-section-title{align-items:center;gap:12px;}
.campaign-budget-editor .budget-items{display:grid;gap:12px;margin-top:12px;}
.campaign-card-meta .muted-chip{opacity:.72;}

/* MZJ v97 - Multi creative and platform budget rows */
.budget-grid-multi{grid-template-columns:repeat(4,minmax(180px,1fr));align-items:stretch}
.budget-multi-field{display:flex;flex-direction:column;gap:8px}
.budget-multi-picker{min-height:46px;max-height:150px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff;padding:8px;display:grid;gap:6px}
.budget-multi-option{display:flex;align-items:center;gap:8px;border:1px solid rgba(126,84,64,.18);border-radius:12px;padding:7px 9px;background:#fffaf6;font-size:12px;font-weight:800;color:var(--text);cursor:pointer}
.budget-multi-option input{width:16px;height:16px;accent-color:var(--primary)}
.budget-multi-option span{font-size:12px!important;line-height:1.35}
.budget-grid-multi .budget-multi-field{grid-column:span 1}
@media (max-width:1200px){.budget-grid-multi{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media (max-width:760px){.budget-grid-multi{grid-template-columns:1fr}.budget-grid-multi .budget-multi-field{grid-column:auto}}

/* MZJ v98 - Large campaign management budget popup */
#campaignModal.campaign-budget-large-modal .campaign-modal-dialog,
#campaignModal.campaign-budget-large-modal .task-modal-dialog,
#campaignModal.campaign-budget-large-modal .modal-dialog{
  width:min(1540px,96vw)!important;
  max-width:96vw!important;
}
#campaignModal.campaign-budget-large-modal #campaignModalContent{
  max-height:88vh!important;
  overflow:auto!important;
}
.campaign-budget-editor-large{padding:16px!important}
.campaign-budget-editor-large .budget-items{display:grid!important;gap:16px!important}
.budget-funnel-row{border:1px solid rgba(126,84,64,.18)!important;border-radius:18px!important;background:#fffaf7!important;padding:14px!important;box-shadow:0 10px 24px rgba(66,34,22,.06)!important}
.budget-funnel-layout{display:grid!important;grid-template-columns:280px minmax(260px,1.05fr) minmax(240px,.95fr) minmax(260px,.9fr)!important;gap:12px!important;align-items:stretch!important}
.budget-funnel-main{display:grid!important;gap:10px!important;align-content:start!important}
.budget-creative-panel .budget-multi-picker,.budget-platform-panel .budget-multi-picker{max-height:240px!important;min-height:190px!important;background:#fff!important}
.budget-platform-values-panel{display:flex!important;flex-direction:column!important;gap:8px!important;border:1px dashed rgba(126,84,64,.2)!important;border-radius:16px!important;background:#fff!important;padding:10px!important;min-height:190px!important}
.budget-platform-values-title{font-size:12px!important;font-weight:1000!important;color:#5a3a32!important;text-align:right!important}
.budget-platform-values-grid{display:grid!important;gap:8px!important;overflow:auto!important;max-height:230px!important;padding-left:2px!important}
.budget-platform-value-field{margin:0!important;background:#fffaf6!important;border:1px solid rgba(126,84,64,.14)!important;border-radius:12px!important;padding:8px!important}
.budget-platform-empty{display:flex!important;align-items:center!important;justify-content:center!important;min-height:88px!important;text-align:center!important;border:1px dashed rgba(126,84,64,.18)!important;border-radius:12px!important;color:#9a766a!important;font-size:12px!important;font-weight:900!important;background:#fffaf7!important}
.budget-row-total-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:10px!important;padding:9px 12px!important;border-radius:14px!important;background:#f4fff6!important;border:1px solid rgba(49,132,91,.18)!important;color:#254735!important;font-weight:1000!important}
.budget-row-total-line strong{font-size:15px!important;color:#1d5b38!important}
.budget-funnel-totals{margin-top:14px!important;border:1px solid rgba(126,84,64,.16)!important;border-radius:16px!important;background:#fff!important;padding:12px!important;display:grid!important;gap:10px!important}
.budget-funnel-totals-title{font-weight:1000!important;color:#5a3a32!important;text-align:right!important}
.budget-funnel-total-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.budget-funnel-total-chip{display:flex!important;align-items:center!important;gap:10px!important;border:1px solid rgba(49,132,91,.2)!important;border-radius:999px!important;background:#f5fff8!important;color:#254735!important;padding:8px 12px!important;font-weight:900!important}
.budget-funnel-total-chip strong{color:#1d5b38!important}
.budget-funnel-total-chip.muted-chip{opacity:.75;background:#fffaf7!important;color:#9a766a!important;border-color:rgba(126,84,64,.15)!important}
.campaign-budget-editor-large .budget-grand-total{font-size:15px!important;padding:14px 16px!important;border-radius:16px!important;background:#fff6ef!important;border:1px solid rgba(126,84,64,.2)!important}
@media(max-width:1280px){.budget-funnel-layout{grid-template-columns:1fr 1fr!important}.budget-platform-values-panel{grid-column:span 2!important}}
@media(max-width:760px){#campaignModal.campaign-budget-large-modal .campaign-modal-dialog,#campaignModal.campaign-budget-large-modal .task-modal-dialog,#campaignModal.campaign-budget-large-modal .modal-dialog{width:98vw!important;max-width:98vw!important}.budget-funnel-layout{grid-template-columns:1fr!important}.budget-platform-values-panel{grid-column:auto!important}.budget-creative-panel .budget-multi-picker,.budget-platform-panel .budget-multi-picker{min-height:140px!important;max-height:190px!important}}

/* v102: show the full Content Execution Direction table including all execution columns */
.structure-readable-execution .structure-readable-table-wrap,
.structure-readable-execution .execution-scroll{
  max-height:70vh!important;
  overflow:auto!important;
}
.structure-readable-execution .execution-table,
.structure-readable-execution .structure-readable-table{
  min-width:2300px!important;
  table-layout:auto!important;
}
.structure-readable-execution .execution-table th,
.structure-readable-execution .execution-table td{
  min-width:150px!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
}
.structure-readable-execution .execution-table th:nth-child(10),
.structure-readable-execution .execution-table td:nth-child(10),
.structure-readable-execution .execution-table th:nth-child(11),
.structure-readable-execution .execution-table td:nth-child(11),
.structure-readable-execution .execution-table th:nth-child(12),
.structure-readable-execution .execution-table td:nth-child(12),
.structure-readable-execution .execution-table th:nth-child(13),
.structure-readable-execution .execution-table td:nth-child(13),
.structure-readable-execution .execution-table th:nth-child(14),
.structure-readable-execution .execution-table td:nth-child(14){
  min-width:220px!important;
}

/* v103 revised structure upload display fix */


/* v122 campaign audit visible controls */
.campaign-audit-tools{display:flex;justify-content:flex-start;gap:10px;margin:0 0 14px 0;padding:12px 14px;border:1px dashed rgba(133,72,54,.25);border-radius:16px;background:rgba(255,255,255,.55);}
.campaign-audit-export-btn{font-weight:800;}

/* v123 campaign audit export click fix */
.campaign-audit-export-btn{cursor:pointer;}
/* v132: show the three missing approved-structure execution headers only */
#taskModal.has-structure-sheet-modal .structure-section-execution .structure-table.compact-excel-section td.execution-fixed-header,
#taskModal.has-structure-sheet-modal .structure-section-execution .full-structure-table td.execution-fixed-header,
.structure-section-execution .structure-table.compact-excel-section td.execution-fixed-header,
.structure-section-execution .full-structure-table td.execution-fixed-header{
  background:#2f3d49!important;
  color:#fff!important;
  font-weight:900!important;
  text-align:center!important;
}

/* v133 exact visible approved-structure headers */
#taskModal.has-structure-sheet-modal .structure-section-execution td.execution-fixed-header{background:#2f3d49!important;color:#fff!important;font-weight:900!important;text-align:center!important;}


/* MZJ v414 - Full Campaign Builder / Premium Studio UI */
:root{--mzj-wizard-bg:#fff8f4;--mzj-wizard-panel:#ffffff;--mzj-wizard-ink:#2e1d18;--mzj-wizard-muted:#8d6d62;--mzj-wizard-line:#ead5cd;--mzj-wizard-primary:#8b4636;--mzj-wizard-primary-2:#b85e4e;--mzj-wizard-soft:#f7ebe4;--mzj-wizard-success:#e9fbef;}
#create-campaign .page-head.campaign-builder-head{position:relative;overflow:hidden;border:1px solid rgba(139,70,54,.16)!important;border-radius:28px!important;padding:22px 26px!important;background:linear-gradient(135deg,#fff 0%,#fff8f4 56%,#f0d9cc 100%)!important;box-shadow:0 24px 70px rgba(65,35,24,.08)!important;margin-bottom:18px!important}
#create-campaign .campaign-builder-head:before{content:"";position:absolute;inset:auto -120px -180px auto;width:380px;height:380px;border-radius:999px;background:radial-gradient(circle,rgba(184,94,78,.16),transparent 65%);pointer-events:none}
#create-campaign .campaign-builder-head .page-title h1{font-size:34px!important;font-weight:1000!important;letter-spacing:-.5px;color:var(--mzj-wizard-ink)!important;margin:0!important}
#create-campaign .campaign-builder-head .page-title p{max-width:820px;color:var(--mzj-wizard-muted)!important;font-size:14px!important;font-weight:800!important;line-height:1.8!important;margin-top:8px!important}
#create-campaign .campaign-wizard-nav{display:grid!important;grid-template-columns:repeat(4,minmax(160px,1fr))!important;gap:12px!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;border:none!important}
#create-campaign .campaign-wizard-step{position:relative;min-height:82px!important;border:1px solid rgba(139,70,54,.15)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 34px rgba(65,35,24,.06)!important;padding:15px 16px!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:12px!important;text-align:right!important;overflow:hidden!important;color:var(--mzj-wizard-ink)!important}
#create-campaign .campaign-wizard-step span{width:40px!important;height:40px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#f6e6df!important;color:#7d3f31!important;font-weight:1000!important;border:1px solid rgba(139,70,54,.15)!important}
#create-campaign .campaign-wizard-step strong{font-size:13px!important;font-weight:1000!important;line-height:1.5!important;color:var(--mzj-wizard-ink)!important}
#create-campaign .campaign-wizard-step:after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:transparent}
#create-campaign .campaign-wizard-step.active{background:linear-gradient(135deg,#8b4636,#b85e4e)!important;color:#fff!important;box-shadow:0 18px 44px rgba(139,70,54,.24)!important;transform:translateY(-1px)}
#create-campaign .campaign-wizard-step.active span{background:#fff!important;color:#8b4636!important}
#create-campaign .campaign-wizard-step.active strong{color:#fff!important}
#create-campaign .campaign-wizard-step.active:after{background:rgba(255,255,255,.75)}
#create-campaign .campaign-builder.stacked{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;position:relative!important}
#create-campaign .campaign-builder.stacked:before{content:"Campaign Builder";position:sticky;top:16px;grid-column:1;grid-row:1 / span 3;min-height:600px;border:1px solid rgba(139,70,54,.14);border-radius:28px;background:linear-gradient(180deg,#fff 0%,#fff8f4 100%);box-shadow:0 18px 48px rgba(65,35,24,.06);display:flex;align-items:flex-start;justify-content:center;padding-top:28px;font-size:18px;font-weight:1000;color:#3f281f;letter-spacing:.2px;z-index:0}
#create-campaign .campaign-builder.stacked:after{content:"١ بيانات الحملة\A٢ الكريتيفات والربط\A٣ الميزانية\A٤ المراجعة النهائية";white-space:pre-line;position:sticky;top:88px;grid-column:1;grid-row:1 / span 3;align-self:start;margin:90px 18px 0;z-index:1;border:1px dashed rgba(139,70,54,.2);border-radius:22px;background:#fff;padding:16px;color:#7c4a3e;font-size:13px;font-weight:900;line-height:2.25;box-shadow:0 12px 28px rgba(65,35,24,.04)}
#create-campaign .campaign-wizard-panel{grid-column:2!important;background:var(--mzj-wizard-panel)!important;border:1px solid rgba(139,70,54,.15)!important;border-radius:28px!important;box-shadow:0 20px 54px rgba(65,35,24,.07)!important;padding:22px!important;min-height:520px!important}
#create-campaign .request-panel .panel-title,#create-campaign .campaign-section-card h2,#campaignReviewPanel h2{font-size:24px!important;font-weight:1000!important;color:var(--mzj-wizard-ink)!important;margin:0 0 8px!important}
#create-campaign .request-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important}
#create-campaign .request-grid .field{grid-column:span 4!important;background:#fffaf7!important;border:1px solid rgba(139,70,54,.12)!important;border-radius:18px!important;padding:10px!important;margin:0!important}
#create-campaign .request-grid .field-wide{grid-column:span 6!important}
#create-campaign .request-grid .structure-content-writers-field{grid-column:span 8!important}
#create-campaign .field span,#create-campaign label>span{font-weight:1000!important;color:#5b382f!important;font-size:12px!important}
#create-campaign input,#create-campaign select,#create-campaign textarea{border-radius:14px!important;border-color:rgba(139,70,54,.2)!important;background:#fff!important;box-shadow:none!important;min-height:44px!important;font-weight:800!important;color:#2e1d18!important}
#create-campaign textarea{min-height:74px!important;resize:vertical!important}
#create-campaign .campaign-wizard-actions{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-top:20px!important;padding-top:16px!important;border-top:1px solid rgba(139,70,54,.12)!important}
#create-campaign .campaign-section-card .section-toolbar{border:1px solid rgba(139,70,54,.12)!important;border-radius:22px!important;background:linear-gradient(135deg,#fffaf7,#fff)!important;padding:16px!important;margin-bottom:14px!important}
#creativeRows{display:grid!important;gap:14px!important}
#creativeRows .empty-state{border:1px dashed rgba(139,70,54,.24)!important;border-radius:22px!important;background:#fffaf7!important;min-height:210px!important;display:grid!important;place-items:center!important;text-align:center!important;font-size:15px!important;line-height:1.8!important;color:#8a6257!important;font-weight:900!important}
#creativeRows .compact-creative-row{border:1px solid rgba(139,70,54,.16)!important;border-radius:24px!important;background:#fff!important;padding:16px!important;box-shadow:0 16px 36px rgba(65,35,24,.05)!important}
#creativeRows .creative-row-head{justify-content:space-between!important;gap:12px!important;background:#fff8f4!important;border:1px solid rgba(139,70,54,.12)!important;border-radius:18px!important;padding:12px!important}
#creativeRows .open-creative-assignment-popup{min-height:48px!important;border-radius:16px!important;font-weight:1000!important;padding:0 24px!important;background:linear-gradient(135deg,#8b4636,#b85e4e)!important;border:0!important;box-shadow:0 16px 36px rgba(139,70,54,.2)!important}
#creativeRows .product-under-creatives{margin-top:12px!important;background:#f7fff9!important;border:1px solid rgba(49,132,91,.18)!important;border-radius:16px!important;padding:10px!important}
#creativeRows .creative-waiting-note{border-radius:16px!important;background:#fffaf7!important;border:1px dashed rgba(139,70,54,.16)!important;color:#8a6257!important;padding:10px 12px!important;font-weight:900!important;margin-top:10px!important;line-height:1.7!important}
#campaignReviewPanel .review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
#campaignReviewPanel .review-card{border:1px solid rgba(139,70,54,.14);border-radius:20px;background:#fffaf7;padding:14px;min-height:120px}
#campaignReviewPanel .review-card h3{margin:0 0 10px;color:#3f281f;font-size:15px;font-weight:1000}
#campaignReviewPanel .review-list{display:grid;gap:8px;color:#6f4b41;font-size:13px;font-weight:850;line-height:1.7}
#campaignReviewPanel .review-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(139,70,54,.14);border-radius:999px;background:#fff;padding:7px 10px;margin:3px;color:#5a3a32;font-weight:900}

/* v414 Premium full-screen Creative Link Studio */
body.creative-popup-open{overflow:hidden!important}
#creativeAssignmentPopup.creative-assignment-popup-v93.show{display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(44,25,18,.60)!important;backdrop-filter:blur(10px)!important;padding:18px!important;z-index:100000!important}
#creativeAssignmentPopup .task-modal-backdrop{background:transparent!important}
#creativeAssignmentPopup .creative-assignment-popup-dialog{width:min(1760px,97vw)!important;max-width:97vw!important;height:min(940px,94vh)!important;max-height:94vh!important;border-radius:30px!important;background:#fffaf7!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 40px 100px rgba(32,17,12,.32)!important;padding:18px!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;direction:rtl!important}
#creativeAssignmentPopup .task-modal-close{top:22px!important;left:22px!important;right:auto!important;width:44px!important;height:44px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(139,70,54,.18)!important;color:#8b4636!important;box-shadow:0 14px 34px rgba(65,35,24,.12)!important;font-weight:1000!important;z-index:4!important}
#creativeAssignmentPopup .v93-popup-head{border-radius:24px!important;background:linear-gradient(135deg,#fff 0%,#fff4ed 100%)!important;border:1px solid rgba(139,70,54,.12)!important;padding:18px 22px 18px 70px!important;margin:0 0 14px!important;box-shadow:0 12px 32px rgba(65,35,24,.05)!important}
#creativeAssignmentPopup .v93-popup-head span{display:inline-flex!important;border-radius:999px!important;background:#f1ded5!important;color:#8b4636!important;padding:6px 12px!important;font-size:12px!important;font-weight:1000!important;margin-bottom:8px!important}
#creativeAssignmentPopup .v93-popup-head h2{font-size:30px!important;line-height:1.2!important;margin:0!important;color:#2e1d18!important;font-weight:1000!important}
#creativeAssignmentPopup .v93-popup-head p{margin:8px 0 0!important;color:#86665c!important;font-size:13px!important;font-weight:850!important;line-height:1.75!important}
#creativeAssignmentPopup .v93-popup-grid{height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:310px minmax(0,1fr) 310px!important;gap:14px!important;overflow:hidden!important;align-items:stretch!important}
#creativeAssignmentPopup .v93-creative-column,#creativeAssignmentPopup .v93-current-column,#creativeAssignmentPopup .v93-saved-column{min-width:0!important;min-height:0!important;border:1px solid rgba(139,70,54,.13)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 18px 44px rgba(65,35,24,.06)!important;padding:14px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#creativeAssignmentPopup .v93-creative-column h3,#creativeAssignmentPopup .v93-saved-column h3{font-size:16px!important;font-weight:1000!important;color:#2e1d18!important;margin:0 0 12px!important}
#creativeAssignmentPopup .creative-popup-search{height:44px!important;border-radius:16px!important;border:1px solid rgba(139,70,54,.18)!important;background:#fffaf7!important;padding:0 14px!important;font-size:13px!important;font-weight:850!important;margin:0 0 12px!important;flex:0 0 auto!important}
#creativeAssignmentPopup .v93-creative-list{display:flex!important;flex-direction:column!important;gap:8px!important;overflow:auto!important;overflow-x:hidden!important;max-height:none!important;min-height:0!important;padding:2px 4px 8px!important;scrollbar-gutter:stable!important}
#creativeAssignmentPopup .v93-creative-pick{width:100%!important;min-height:64px!important;height:auto!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 34px!important;align-items:center!important;gap:10px!important;border:1px solid rgba(139,70,54,.16)!important;border-radius:18px!important;background:#fffaf7!important;padding:9px 10px!important;text-align:right!important;box-shadow:none!important;color:#2e1d18!important;cursor:pointer!important;overflow:hidden!important;white-space:normal!important}
#creativeAssignmentPopup .v93-creative-pick:hover,#creativeAssignmentPopup .v93-creative-pick.is-active{background:#f4e2d9!important;border-color:rgba(139,70,54,.38)!important;transform:translateY(-1px)!important}
#creativeAssignmentPopup .v93-creative-pick-index{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#ead1c6!important;color:#7c3f32!important;font-size:12px!important;font-weight:1000!important;grid-column:1!important;position:static!important;inset:auto!important}
#creativeAssignmentPopup .v93-creative-pick-text{display:grid!important;gap:4px!important;min-width:0!important;grid-column:2!important}
#creativeAssignmentPopup .v93-creative-pick-text strong{font-size:12px!important;line-height:1.35!important;font-weight:1000!important;color:#2e1d18!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
#creativeAssignmentPopup .v93-creative-pick-text small{font-size:10px!important;color:#8d6d62!important;font-weight:900!important;line-height:1!important}
#creativeAssignmentPopup .v93-creative-pick-plus{grid-column:3!important;width:30px!important;height:30px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(139,70,54,.15)!important;display:grid!important;place-items:center!important;font-size:18px!important;font-weight:1000!important;color:#8b4636!important;position:static!important;inset:auto!important}
#creativeAssignmentPopup .v93-current-placeholder{height:100%!important;min-height:420px!important;border:1px dashed rgba(139,70,54,.2)!important;border-radius:22px!important;background:linear-gradient(135deg,#fffaf7,#fff)!important;display:grid!important;place-items:center!important;text-align:center!important;color:#8a6257!important;font-size:18px!important;font-weight:1000!important;line-height:1.8!important}
#creativeAssignmentPopup .v93-current-panel-wrap{min-height:0!important;overflow:auto!important;padding:2px 4px 8px!important}
#creativeAssignmentPopup .creative-assignment-panel-v93{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;height:auto!important;min-height:0!important}
#creativeAssignmentPopup .v93-active-head{border-radius:20px!important;background:#fff8f4!important;border:1px solid rgba(139,70,54,.14)!important;padding:14px 16px!important;margin-bottom:12px!important}
#creativeAssignmentPopup .v93-active-head span{color:#8b4636!important;font-size:11px!important;font-weight:1000!important}
#creativeAssignmentPopup .v93-active-head strong{display:block!important;font-size:22px!important;color:#2e1d18!important;font-weight:1000!important;margin-top:4px!important}
#creativeAssignmentPopup .v93-active-head small{display:block!important;color:#8d6d62!important;font-weight:800!important;margin-top:3px!important}
#creativeAssignmentPopup .v93-panel-columns{display:grid!important;grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr)!important;gap:12px!important;min-height:0!important;align-items:start!important}
#creativeAssignmentPopup .v93-car-column,#creativeAssignmentPopup .v93-departments-column{border:1px solid rgba(139,70,54,.13)!important;border-radius:22px!important;background:#fff!important;padding:14px!important;min-width:0!important;display:grid!important;gap:10px!important}
#creativeAssignmentPopup .v93-column-title{border-bottom:1px solid rgba(139,70,54,.10)!important;padding-bottom:10px!important;margin-bottom:4px!important}
#creativeAssignmentPopup .v93-column-title strong{font-size:16px!important;font-weight:1000!important;color:#2e1d18!important}
#creativeAssignmentPopup .v93-column-title small{display:block!important;color:#8d6d62!important;font-size:11px!important;font-weight:800!important;margin-top:4px!important}
#creativeAssignmentPopup .creative-car-needed-field,#creativeAssignmentPopup .creative-car-count-field,#creativeAssignmentPopup .creative-panel-note-field{border:1px solid rgba(139,70,54,.12)!important;border-radius:16px!important;background:#fffaf7!important;padding:10px!important;margin:0!important;display:grid!important;gap:6px!important}
#creativeAssignmentPopup .creative-stock-picker-block{border:1px dashed rgba(139,70,54,.2)!important;border-radius:18px!important;background:#fffaf7!important;padding:10px!important;min-height:0!important}
#creativeAssignmentPopup .v93-car-search{height:42px!important;border-radius:14px!important;margin-bottom:8px!important;background:#fff!important}
#creativeAssignmentPopup .creative-car-checkbox-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;max-height:230px!important;overflow:auto!important;padding:2px 3px!important}
#creativeAssignmentPopup .creative-car-checkbox-grid label,#creativeAssignmentPopup .car-checkbox-card{min-height:54px!important;border-radius:15px!important;background:#fff!important;border:1px solid rgba(139,70,54,.13)!important;padding:9px!important;font-size:11px!important;font-weight:900!important;line-height:1.35!important}
#creativeAssignmentPopup .creative-assignment-inner-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-height:620px!important;overflow:auto!important;padding-inline-end:2px!important}
#creativeAssignmentPopup .role-block,#creativeAssignmentPopup .assignment-role-card,#creativeAssignmentPopup .creative-assignment-role{border:1px solid rgba(139,70,54,.13)!important;border-radius:18px!important;background:#fffaf7!important;padding:12px!important;margin:0!important;box-shadow:none!important}
#creativeAssignmentPopup .multi-dropdown,#creativeAssignmentPopup .field,#creativeAssignmentPopup label{min-width:0!important}
#creativeAssignmentPopup .v93-saved-list{display:grid!important;gap:8px!important;overflow:auto!important;min-height:0!important;padding:2px 4px 8px!important}
#creativeAssignmentPopup .v93-saved-creative-item{width:100%!important;border:1px solid rgba(49,132,91,.18)!important;border-radius:17px!important;background:#f5fff8!important;padding:11px 12px!important;text-align:right!important;display:grid!important;gap:5px!important;color:#254735!important}
#creativeAssignmentPopup .v93-saved-creative-item strong{font-size:13px!important;font-weight:1000!important;line-height:1.45!important;color:#254735!important}
#creativeAssignmentPopup .v93-saved-creative-item small{font-size:11px!important;font-weight:900!important;color:#4b7c62!important;line-height:1.5!important}
#creativeAssignmentPopup .creative-popup-actions{border-top:1px solid rgba(139,70,54,.12)!important;margin-top:14px!important;padding-top:14px!important;display:flex!important;justify-content:space-between!important;gap:10px!important;background:transparent!important}
#creativeAssignmentPopup .creative-popup-actions .btn{min-width:150px!important;height:48px!important;border-radius:16px!important;font-weight:1000!important}
#creativeAssignmentPopup .creative-popup-actions .btn-primary{background:linear-gradient(135deg,#8b4636,#b85e4e)!important;border:0!important;box-shadow:0 14px 32px rgba(139,70,54,.22)!important}
@media(max-width:1320px){#create-campaign .campaign-builder.stacked{grid-template-columns:1fr!important}#create-campaign .campaign-builder.stacked:before,#create-campaign .campaign-builder.stacked:after{display:none!important}#create-campaign .campaign-wizard-panel{grid-column:1!important}#creativeAssignmentPopup .v93-popup-grid{grid-template-columns:270px minmax(0,1fr)!important}#creativeAssignmentPopup .v93-saved-column{grid-column:1 / -1!important;max-height:190px!important}#creativeAssignmentPopup .v93-panel-columns{grid-template-columns:1fr!important}}
@media(max-width:860px){#create-campaign .campaign-wizard-nav{grid-template-columns:1fr!important}#create-campaign .request-grid{grid-template-columns:1fr!important}#create-campaign .request-grid .field,#create-campaign .request-grid .field-wide,#create-campaign .request-grid .structure-content-writers-field{grid-column:auto!important}#creativeAssignmentPopup .creative-assignment-popup-dialog{height:96vh!important;width:98vw!important;border-radius:22px!important}#creativeAssignmentPopup .v93-popup-grid{grid-template-columns:1fr!important;overflow:auto!important}#creativeAssignmentPopup .v93-creative-column{max-height:260px!important}#creativeAssignmentPopup .v93-current-column,#creativeAssignmentPopup .v93-saved-column{overflow:visible!important}#creativeAssignmentPopup .v93-current-panel-wrap{overflow:visible!important}}


/* MZJ v415 - Clean Campaign Builder layout, remove old popup visual clutter */
:root{
  --mzj-studio-ink:#2f201c;
  --mzj-studio-muted:#80665d;
  --mzj-studio-line:#ead6c9;
  --mzj-studio-bg:#fffaf7;
  --mzj-studio-card:#ffffff;
  --mzj-studio-accent:#9b4f40;
  --mzj-studio-accent-2:#5a3329;
}

/* Remove the ugly side block introduced in previous builder attempts */
#create-campaign .campaign-builder.stacked{
  grid-template-columns:1fr!important;
  max-width:1560px!important;
  margin:0 auto!important;
}
#create-campaign .campaign-builder.stacked:before,
#create-campaign .campaign-builder.stacked:after{
  display:none!important;
  content:none!important;
}
#create-campaign .campaign-wizard-panel,
#create-campaign .builder-workspace,
#create-campaign .builder-bottom-stacked,
#create-campaign #campaignReviewPanel{
  grid-column:1!important;
  width:100%!important;
}
#create-campaign .campaign-builder-head{
  max-width:1560px!important;
  margin-inline:auto!important;
  border-radius:26px!important;
  padding:22px 24px!important;
  background:linear-gradient(135deg,#fff 0%,#fff9f5 58%,#f4ded2 100%)!important;
}
#create-campaign .campaign-wizard-nav{
  max-width:1560px!important;
  margin:0 auto 18px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
#create-campaign .campaign-wizard-step{
  min-height:70px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid rgba(139,70,54,.16)!important;
  box-shadow:0 12px 28px rgba(57,31,23,.055)!important;
}
#create-campaign .campaign-wizard-step.active{
  background:linear-gradient(135deg,#9b4f40,#63392f)!important;
  color:#fff!important;
  border-color:transparent!important;
}
#create-campaign .campaign-wizard-step span{
  width:34px!important;height:34px!important;border-radius:12px!important;
}
#create-campaign .campaign-wizard-step strong{font-size:14px!important;line-height:1.45!important}
#create-campaign .request-panel,
#create-campaign .campaign-section-card{
  border-radius:26px!important;
  box-shadow:0 18px 48px rgba(57,31,23,.075)!important;
  border:1px solid rgba(139,70,54,.14)!important;
}
#create-campaign .request-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:14px!important;
}
#create-campaign .request-grid .field{grid-column:span 3!important}
#create-campaign .request-grid .field-wide{grid-column:span 6!important}
#create-campaign .request-grid .structure-content-writers-field{grid-column:span 6!important}
#create-campaign .request-grid .field textarea{min-height:88px!important}
#create-campaign .campaign-wizard-actions{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 20px 20px!important;
}
#create-campaign .campaign-wizard-actions .btn{min-width:180px!important;height:48px!important;border-radius:16px!important}

/* Full-screen clean creative studio instead of the old crowded popup */
#creativeAssignmentPopup.task-modal.show{display:grid!important;place-items:center!important;padding:18px!important;background:rgba(38,22,16,.64)!important;backdrop-filter:blur(8px)!important}
#creativeAssignmentPopup .task-modal-backdrop{background:transparent!important;backdrop-filter:none!important}
#creativeAssignmentPopup .creative-assignment-popup-dialog,
#creativeAssignmentPopup.creative-assignment-popup-v93 .creative-assignment-popup-dialog{
  width:min(1760px,calc(100vw - 36px))!important;
  height:min(940px,calc(100vh - 36px))!important;
  max-width:calc(100vw - 36px)!important;
  max-height:calc(100vh - 36px)!important;
  padding:0!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:#fffaf7!important;
  border:1px solid rgba(255,255,255,.6)!important;
  box-shadow:0 34px 120px rgba(23,12,9,.45)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:0!important;
}
#creativeAssignmentPopup .task-modal-head,
#creativeAssignmentPopup .v93-popup-head{
  margin:0!important;
  padding:26px 88px 20px 28px!important;
  min-height:104px!important;
  background:linear-gradient(135deg,#ffffff 0%,#fff8f4 55%,#f0d9cc 100%)!important;
  border-bottom:1px solid rgba(139,70,54,.12)!important;
  text-align:right!important;
  position:relative!important;
}
#creativeAssignmentPopup .task-modal-head span,
#creativeAssignmentPopup .v93-popup-head span{
  display:inline-flex!important;
  background:#f0ded4!important;
  color:#8b4636!important;
  border-radius:999px!important;
  padding:6px 13px!important;
  font-size:12px!important;
  font-weight:1000!important;
}
#creativeAssignmentPopup .task-modal-head h2,
#creativeAssignmentPopup .v93-popup-head h2{
  margin:8px 0 4px!important;
  font-size:30px!important;
  font-weight:1000!important;
  color:var(--mzj-studio-ink)!important;
}
#creativeAssignmentPopup .task-modal-head p,
#creativeAssignmentPopup .v93-popup-head p{
  margin:0!important;
  max-width:980px!important;
  color:var(--mzj-studio-muted)!important;
  font-size:13px!important;
  line-height:1.7!important;
  font-weight:850!important;
}
#creativeAssignmentPopup .task-modal-close{
  top:24px!important;
  left:24px!important;
  width:42px!important;height:42px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(139,70,54,.18)!important;
  box-shadow:0 12px 28px rgba(57,31,23,.08)!important;
  color:#8b4636!important;
  font-weight:1000!important;
}

/* New layout: top creative rail, large editor, saved rail below. No squeezed right column. */
#creativeAssignmentPopup .v93-popup-grid,
#creativeAssignmentPopup .creative-popup-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:154px minmax(0,1fr) 138px!important;
  gap:14px!important;
  overflow:hidden!important;
  padding:18px!important;
  min-height:0!important;
  direction:rtl!important;
  background:linear-gradient(180deg,#fffaf7 0%,#fff 100%)!important;
}
#creativeAssignmentPopup .v93-creative-column,
#creativeAssignmentPopup .creative-popup-side{
  grid-row:1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid rgba(139,70,54,.13)!important;
  box-shadow:0 14px 34px rgba(57,31,23,.055)!important;
  padding:14px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr!important;
  gap:10px 14px!important;
}
#creativeAssignmentPopup .v93-creative-column h3,
#creativeAssignmentPopup .creative-popup-side h3{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  padding:0!important;
  font-size:17px!important;
  color:var(--mzj-studio-ink)!important;
  font-weight:1000!important;
  align-self:center!important;
  position:static!important;
  background:transparent!important;
  border:0!important;
}
#creativeAssignmentPopup .creative-popup-search{
  grid-column:1!important;
  grid-row:2!important;
  height:46px!important;
  border-radius:16px!important;
  background:#fffaf7!important;
  border:1px solid rgba(139,70,54,.18)!important;
  margin:0!important;
  font-size:13px!important;
}
#creativeAssignmentPopup .v93-creative-list,
#creativeAssignmentPopup .creative-popup-checks{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  display:flex!important;
  flex-direction:row!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 4px 10px!important;
  min-height:0!important;
  max-height:none!important;
  scrollbar-gutter:auto!important;
}
#creativeAssignmentPopup .v93-creative-pick,
#creativeAssignmentPopup .popup-creative-check-card{
  flex:0 0 220px!important;
  width:220px!important;
  min-width:220px!important;
  height:88px!important;
  min-height:88px!important;
  border-radius:20px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:38px 1fr 32px!important;
  gap:9px!important;
  align-items:center!important;
  background:#fffaf7!important;
  border:1px solid rgba(139,70,54,.14)!important;
  box-shadow:0 8px 20px rgba(57,31,23,.035)!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .v93-creative-pick:hover,
#creativeAssignmentPopup .v93-creative-pick.is-active,
#creativeAssignmentPopup .popup-creative-check-card:hover,
#creativeAssignmentPopup .popup-creative-check-card.is-selected{
  background:#f2ddd3!important;
  border-color:#8b4636!important;
  box-shadow:0 12px 26px rgba(139,70,54,.12)!important;
}
#creativeAssignmentPopup .v93-creative-pick-index,
#creativeAssignmentPopup .popup-creative-index{
  width:34px!important;height:34px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;
  position:static!important;inset:auto!important;
  background:#ead1c6!important;color:#7c3f32!important;
  font-size:12px!important;font-weight:1000!important;
}
#creativeAssignmentPopup .v93-creative-pick-plus,
#creativeAssignmentPopup .popup-creative-check-ui{
  width:30px!important;height:30px!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;
  position:static!important;inset:auto!important;
  background:#fff!important;border:1px solid rgba(139,70,54,.15)!important;
  color:#8b4636!important;font-weight:1000!important;
}
#creativeAssignmentPopup .v93-creative-pick-text strong,
#creativeAssignmentPopup .popup-creative-text strong{
  font-size:13px!important;line-height:1.35!important;font-weight:1000!important;
  color:#2e1d18!important;white-space:normal!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
}
#creativeAssignmentPopup .v93-creative-pick-text small,
#creativeAssignmentPopup .popup-creative-text small{display:block!important;font-size:10px!important;color:#8d6d62!important;font-weight:900!important;margin-top:3px!important}

#creativeAssignmentPopup .v93-current-column,
#creativeAssignmentPopup .creative-popup-main{
  grid-row:2!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid rgba(139,70,54,.13)!important;
  box-shadow:0 14px 34px rgba(57,31,23,.055)!important;
  padding:16px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#creativeAssignmentPopup .v93-current-placeholder{
  min-height:100%!important;
  height:100%!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fffaf7,#fff)!important;
  border:1px dashed rgba(139,70,54,.22)!important;
  font-size:20px!important;
}
#creativeAssignmentPopup .v93-current-panel-wrap,
#creativeAssignmentPopup .creative-popup-active-panels{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:2px 4px 10px!important;
}
#creativeAssignmentPopup .creative-assignment-panel-v93,
#creativeAssignmentPopup .creative-assignment-panel.is-active{
  height:auto!important;
  min-height:0!important;
  display:block!important;
  overflow:visible!important;
}
#creativeAssignmentPopup .v93-panel-columns{
  display:grid!important;
  grid-template-columns:minmax(360px,450px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  overflow:visible!important;
}
#creativeAssignmentPopup .v93-car-column,
#creativeAssignmentPopup .v93-departments-column{
  border-radius:22px!important;
  background:#fffaf7!important;
  border:1px solid rgba(139,70,54,.12)!important;
  padding:14px!important;
  overflow:visible!important;
}
#creativeAssignmentPopup .creative-car-checkbox-grid{max-height:360px!important;overflow:auto!important}
#creativeAssignmentPopup .creative-assignment-inner-grid{max-height:none!important;overflow:visible!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#creativeAssignmentPopup .creative-role-assignment,
#creativeAssignmentPopup .role-block,
#creativeAssignmentPopup .assignment-role-card,
#creativeAssignmentPopup .creative-assignment-role{
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(139,70,54,.12)!important;
  box-shadow:none!important;
}
#creativeAssignmentPopup .v93-saved-column{
  grid-row:3!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid rgba(49,132,91,.16)!important;
  box-shadow:0 14px 34px rgba(57,31,23,.045)!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:200px minmax(0,1fr)!important;
  gap:12px!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .v93-saved-column h3{margin:0!important;align-self:center!important;font-size:17px!important;color:#254735!important;font-weight:1000!important}
#creativeAssignmentPopup .v93-saved-list{
  display:flex!important;
  flex-direction:row!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  min-height:0!important;
  padding:2px 4px 8px!important;
}
#creativeAssignmentPopup .v93-saved-creative-item{
  flex:0 0 220px!important;
  width:220px!important;
  min-width:220px!important;
  min-height:76px!important;
  border-radius:18px!important;
}
#creativeAssignmentPopup .creative-popup-actions{
  padding:16px 18px!important;
  margin:0!important;
  border-top:1px solid rgba(139,70,54,.12)!important;
  background:#fffaf7!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
}
#creativeAssignmentPopup .creative-popup-actions .btn{height:50px!important;min-width:170px!important;border-radius:16px!important;font-weight:1000!important}

@media(max-width:1100px){
  #create-campaign .campaign-wizard-nav{grid-template-columns:1fr!important}
  #create-campaign .request-grid{grid-template-columns:1fr!important}
  #create-campaign .request-grid .field,
  #create-campaign .request-grid .field-wide,
  #create-campaign .request-grid .structure-content-writers-field{grid-column:auto!important}
  #creativeAssignmentPopup .creative-assignment-popup-dialog,
  #creativeAssignmentPopup.creative-assignment-popup-v93 .creative-assignment-popup-dialog{width:calc(100vw - 18px)!important;height:calc(100vh - 18px)!important;max-width:calc(100vw - 18px)!important;max-height:calc(100vh - 18px)!important;border-radius:22px!important}
  #creativeAssignmentPopup .v93-popup-grid,#creativeAssignmentPopup .creative-popup-layout{grid-template-rows:180px minmax(0,1fr) 160px!important;padding:12px!important}
  #creativeAssignmentPopup .v93-creative-column,#creativeAssignmentPopup .creative-popup-side,#creativeAssignmentPopup .v93-saved-column{grid-template-columns:1fr!important}
  #creativeAssignmentPopup .v93-creative-list,#creativeAssignmentPopup .creative-popup-checks,#creativeAssignmentPopup .v93-saved-list{grid-column:1!important;grid-row:auto!important}
  #creativeAssignmentPopup .v93-panel-columns{grid-template-columns:1fr!important}
  #creativeAssignmentPopup .creative-assignment-inner-grid{grid-template-columns:1fr!important}
}

/* v416 - Clean full-screen campaign builder creative studio: remove old popup feeling */
#creativeAssignmentPopup.creative-assignment-popup-v93.show{
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  padding:0!important;
  background:rgba(40,24,18,.72)!important;
  backdrop-filter:blur(8px)!important;
}
#creativeAssignmentPopup.creative-assignment-popup-v93 .creative-assignment-popup-dialog{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  margin:0!important;
  padding:22px 26px 96px!important;
  background:linear-gradient(180deg,#fffaf7 0%,#fff 52%,#fff8f4 100%)!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:16px!important;
  box-shadow:none!important;
}
#creativeAssignmentPopup .task-modal-close{
  top:18px!important;
  left:18px!important;
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  z-index:20!important;
  background:#fff!important;
  border:1px solid rgba(137,80,61,.18)!important;
  box-shadow:0 12px 28px rgba(56,31,22,.12)!important;
}
#creativeAssignmentPopup .v93-popup-head{
  margin:0!important;
  padding:22px 78px 22px 26px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#fff 0%,#fff2ea 64%,#f3d7c8 100%)!important;
  border:1px solid rgba(133,72,54,.14)!important;
  box-shadow:0 14px 36px rgba(67,38,28,.06)!important;
  text-align:right!important;
}
#creativeAssignmentPopup .v93-popup-head h2{font-size:34px!important;margin:2px 0 0!important;letter-spacing:-.5px!important}
#creativeAssignmentPopup .v93-popup-head p{font-size:14px!important;line-height:1.9!important;max-width:980px!important;margin-inline-start:auto!important}
#creativeAssignmentPopup .v93-popup-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:16px!important;
  height:100%!important;
  overflow:hidden!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
#creativeAssignmentPopup .v93-creative-column{
  order:1!important;
  display:grid!important;
  grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  padding:16px!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid rgba(133,72,54,.13)!important;
  box-shadow:0 14px 36px rgba(67,38,28,.05)!important;
  overflow:hidden!important;
  min-height:132px!important;
  max-height:158px!important;
}
#creativeAssignmentPopup .v93-creative-column h3{margin:0!important;align-self:center!important;font-size:18px!important;color:#2f1d17!important;white-space:nowrap!important}
#creativeAssignmentPopup .creative-popup-search{height:46px!important;align-self:center!important;border-radius:16px!important;background:#fffaf7!important}
#creativeAssignmentPopup .v93-creative-list{
  grid-column:1 / -1!important;
  display:flex!important;
  flex-direction:row!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 4px 12px!important;
  max-height:none!important;
  min-height:78px!important;
  white-space:nowrap!important;
  scroll-snap-type:x proximity!important;
}
#creativeAssignmentPopup .v93-creative-pick{
  flex:0 0 220px!important;
  min-width:220px!important;
  height:72px!important;
  border-radius:20px!important;
  display:grid!important;
  grid-template-columns:42px 1fr 40px!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  background:#fff8f4!important;
  border:1px solid rgba(139,70,54,.16)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .v93-creative-pick:hover,
#creativeAssignmentPopup .v93-creative-pick.is-active,
#creativeAssignmentPopup .v93-creative-pick:focus-visible{
  background:#f4dfd4!important;
  border-color:#8b4636!important;
  box-shadow:0 10px 22px rgba(89,45,33,.10)!important;
  outline:none!important;
}
#creativeAssignmentPopup .v93-current-column{
  order:2!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  padding:18px!important;
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid rgba(133,72,54,.13)!important;
  box-shadow:0 16px 40px rgba(67,38,28,.055)!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr)!important;
}
#creativeAssignmentPopup .v93-current-placeholder{
  min-height:100%!important;
  height:100%!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fffaf7,#fff)!important;
}
#creativeAssignmentPopup .v93-current-column:has(.v93-current-panel-wrap .creative-assignment-panel) .v93-current-placeholder{
  display:none!important;
}
#creativeAssignmentPopup .v93-current-panel-wrap{
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  padding:0!important;
}
#creativeAssignmentPopup .creative-assignment-panel-v93{
  height:auto!important;
  min-height:100%!important;
  border:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#creativeAssignmentPopup .v93-active-head{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  margin:0 0 14px!important;
  padding:16px 18px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fff7f2,#f4ded2)!important;
  border:1px solid rgba(139,70,54,.14)!important;
}
#creativeAssignmentPopup .v93-active-head strong{font-size:26px!important;color:#2e1d18!important}
#creativeAssignmentPopup .v93-panel-columns{
  display:grid!important;
  grid-template-columns:minmax(360px,430px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  overflow:visible!important;
}
#creativeAssignmentPopup .v93-car-column,
#creativeAssignmentPopup .v93-departments-column{
  border-radius:24px!important;
  background:#fffaf7!important;
  border:1px solid rgba(139,70,54,.13)!important;
  padding:16px!important;
  box-shadow:none!important;
}
#creativeAssignmentPopup .creative-assignment-inner-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  gap:14px!important;
}
#creativeAssignmentPopup .v93-saved-column{
  order:3!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  min-height:118px!important;
  max-height:140px!important;
  overflow:hidden!important;
  padding:16px!important;
  border-radius:26px!important;
  background:#f7fff9!important;
  border:1px solid rgba(68,131,93,.16)!important;
}
#creativeAssignmentPopup .v93-saved-column h3{margin:0!important;color:#184c2f!important;white-space:nowrap!important}
#creativeAssignmentPopup .v93-saved-list{
  display:flex!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:6px!important;
}
#creativeAssignmentPopup .v93-saved-creative-item{flex:0 0 220px!important;height:72px!important;border-radius:18px!important}
#creativeAssignmentPopup .creative-popup-actions{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  display:flex!important;
  justify-content:space-between!important;
  padding:18px 26px!important;
  background:rgba(255,250,247,.94)!important;
  border-top:1px solid rgba(133,72,54,.12)!important;
  backdrop-filter:blur(10px)!important;
  z-index:10!important;
}
#creativeAssignmentPopup .creative-popup-actions .btn{min-width:170px!important;height:50px!important;border-radius:16px!important;font-weight:1000!important}
@media(max-width:1180px){
  #creativeAssignmentPopup.creative-assignment-popup-v93 .creative-assignment-popup-dialog{overflow:auto!important;display:block!important;padding-bottom:100px!important}
  #creativeAssignmentPopup .v93-popup-grid{height:auto!important;overflow:visible!important}
  #creativeAssignmentPopup .v93-current-column{overflow:visible!important;height:auto!important}
  #creativeAssignmentPopup .v93-current-panel-wrap{overflow:visible!important;height:auto!important}
  #creativeAssignmentPopup .v93-panel-columns{grid-template-columns:1fr!important}
  #creativeAssignmentPopup .creative-assignment-inner-grid{grid-template-columns:1fr!important}
  #creativeAssignmentPopup .v93-creative-column,#creativeAssignmentPopup .v93-saved-column{grid-template-columns:1fr!important;max-height:none!important}
}

/* v417 - Creative Studio usable layout fixes */
#creativeAssignmentPopup.creative-assignment-popup-v93.show{
  padding:0!important;
  background:#fffaf7!important;
  place-items:stretch!important;
}
#creativeAssignmentPopup.creative-assignment-popup-v93 .creative-assignment-popup-dialog{
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  padding:18px 22px 110px!important;
}
#creativeAssignmentPopup .v93-popup-head{
  min-height:84px!important;
  padding:16px 24px!important;
  border-radius:22px!important;
  margin:0 0 14px!important;
}
#creativeAssignmentPopup .v93-popup-head h2{font-size:30px!important}
#creativeAssignmentPopup .v93-popup-grid{
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:14px!important;
  padding:0!important;
  background:transparent!important;
}
#creativeAssignmentPopup .v93-creative-column{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  gap:12px!important;
  align-items:start!important;
  padding:16px!important;
  max-height:260px!important;
  overflow:visible!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid rgba(139,70,54,.12)!important;
  box-shadow:0 12px 35px rgba(45,25,18,.06)!important;
}
#creativeAssignmentPopup .v93-creative-column h3{
  grid-column:1!important;
  grid-row:1!important;
  margin:0 0 8px!important;
  font-size:17px!important;
}
#creativeAssignmentPopup .creative-popup-search{
  grid-column:1!important;
  grid-row:1!important;
  margin-top:34px!important;
  width:100%!important;
  height:48px!important;
}
#creativeAssignmentPopup .v93-creative-list{
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;
  grid-auto-flow:row!important;
  gap:10px!important;
  max-height:220px!important;
  overflow:auto!important;
  padding:2px 6px 10px!important;
  scroll-snap-type:none!important;
}
#creativeAssignmentPopup .v93-creative-pick{
  width:auto!important;
  min-width:0!important;
  height:70px!important;
  flex:none!important;
  display:grid!important;
  grid-template-columns:32px 1fr 32px!important;
  gap:8px!important;
  padding:10px!important;
}
#creativeAssignmentPopup .v93-creative-pick-text strong{font-size:12px!important;line-height:1.25!important;white-space:normal!important}
#creativeAssignmentPopup .v93-creative-pick-text small{font-size:10px!important}
#creativeAssignmentPopup .v93-current-column{
  grid-column:1!important;
  grid-row:2!important;
  min-height:0!important;
  height:auto!important;
  overflow:auto!important;
  padding:16px!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid rgba(139,70,54,.12)!important;
}
#creativeAssignmentPopup .v93-current-placeholder{min-height:160px!important;height:auto!important}
#creativeAssignmentPopup .v93-current-panel-wrap{height:auto!important;overflow:visible!important;padding-bottom:20px!important}
#creativeAssignmentPopup .v93-panel-columns{
  grid-template-columns:minmax(320px,420px) minmax(0,1fr)!important;
  gap:16px!important;
}
#creativeAssignmentPopup .v93-car-column,
#creativeAssignmentPopup .v93-departments-column{
  max-height:none!important;
  overflow:visible!important;
}
#creativeAssignmentPopup .creative-car-checkbox-grid{max-height:360px!important;overflow:auto!important}
#creativeAssignmentPopup .creative-assignment-inner-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#creativeAssignmentPopup .v93-saved-column{
  display:none!important;
  position:fixed!important;
  left:22px!important;
  right:22px!important;
  bottom:96px!important;
  z-index:10020!important;
  max-height:260px!important;
  overflow:auto!important;
  padding:16px!important;
  border-radius:24px!important;
  background:#f3fff6!important;
  border:1px solid rgba(49,132,91,.18)!important;
  box-shadow:0 25px 80px rgba(30,60,40,.18)!important;
}
#creativeAssignmentPopup.show-saved-creatives .v93-saved-column{display:grid!important;grid-template-columns:170px 1fr!important;gap:12px!important}
#creativeAssignmentPopup .v93-saved-list{display:flex!important;overflow:auto!important;gap:10px!important;padding:0 4px 8px!important}
#creativeAssignmentPopup .creative-popup-actions{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:10025!important;
  background:rgba(255,250,247,.96)!important;
  backdrop-filter:blur(10px)!important;
  border-top:1px solid rgba(139,70,54,.12)!important;
  padding:14px 22px!important;
  margin:0!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
}
#creativeAssignmentPopup .v417-saved-toggle{
  height:50px!important;
  border-radius:16px!important;
  border:1px solid rgba(49,132,91,.22)!important;
  background:#f3fff6!important;
  color:#184c2f!important;
  padding:0 18px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
@media(max-width:900px){
  #creativeAssignmentPopup .v93-creative-column{grid-template-columns:1fr!important;max-height:360px!important;overflow:auto!important}
  #creativeAssignmentPopup .creative-popup-search,#creativeAssignmentPopup .v93-creative-list{grid-column:1!important;grid-row:auto!important;margin-top:0!important}
  #creativeAssignmentPopup .v93-panel-columns,#creativeAssignmentPopup .creative-assignment-inner-grid{grid-template-columns:1fr!important}
}

/* MZJ v418 - Clean full-screen creative studio layout */
body.creative-popup-open{overflow:hidden!important}
#creativeAssignmentPopup.creative-assignment-popup-v93.show{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:2147483000!important;
  display:block!important;
  background:#fff8f4!important;
  padding:0!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .task-modal-backdrop{display:none!important}
#creativeAssignmentPopup.creative-assignment-popup-v93 .creative-assignment-popup-dialog{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  border:0!important;
  background:linear-gradient(180deg,#fffaf7 0%,#fff6ef 100%)!important;
  padding:20px 26px 96px!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:16px!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .task-modal-close{
  position:fixed!important;
  top:20px!important;
  left:24px!important;
  z-index:2147483005!important;
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid rgba(139,70,54,.22)!important;
  box-shadow:0 10px 28px rgba(69,36,25,.12)!important;
  font-size:22px!important;
  color:#8a4034!important;
}
#creativeAssignmentPopup .v93-popup-head{
  min-height:auto!important;
  margin:0!important;
  padding:20px 72px 20px 28px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#fff 0%,#f6dfd2 100%)!important;
  border:1px solid rgba(139,70,54,.16)!important;
  box-shadow:0 18px 45px rgba(72,38,28,.07)!important;
}
#creativeAssignmentPopup .v93-popup-head h2{
  font-size:32px!important;
  line-height:1.1!important;
  margin:6px 0!important;
  color:#2f1d17!important;
}
#creativeAssignmentPopup .v93-popup-head p{font-size:13px!important;color:#8c6a5f!important;max-width:900px!important}
#creativeAssignmentPopup .v93-popup-grid{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  padding:0!important;
  background:transparent!important;
}
#creativeAssignmentPopup .v93-creative-column{
  grid-row:1!important;
  grid-column:1!important;
  display:grid!important;
  grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:12px 18px!important;
  align-items:start!important;
  max-height:280px!important;
  min-height:190px!important;
  overflow:hidden!important;
  padding:18px!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid rgba(139,70,54,.14)!important;
  box-shadow:0 16px 42px rgba(54,28,20,.06)!important;
}
#creativeAssignmentPopup .v93-creative-column h3{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  font-size:20px!important;
  line-height:1.2!important;
  color:#301d17!important;
  font-weight:1000!important;
}
#creativeAssignmentPopup .v93-creative-column h3::after{
  content:'اختار كريتيف، وبعدها املأ السيارات والأقسام في اللوحة تحت';
  display:block!important;
  margin-top:8px!important;
  font-size:12px!important;
  line-height:1.55!important;
  color:#95766b!important;
  font-weight:800!important;
}
#creativeAssignmentPopup .creative-popup-search{
  grid-column:1!important;
  grid-row:2!important;
  margin:0!important;
  width:100%!important;
  height:52px!important;
  border-radius:16px!important;
  border:1px solid rgba(139,70,54,.18)!important;
  background:#fffaf7!important;
  padding:0 18px!important;
  font-size:14px!important;
  box-shadow:none!important;
}
#creativeAssignmentPopup .v93-creative-list{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;
  grid-auto-rows:minmax(76px,auto)!important;
  gap:12px!important;
  max-height:244px!important;
  overflow:auto!important;
  padding:2px 8px 10px!important;
  direction:rtl!important;
  scrollbar-gutter:stable both-edges!important;
}
#creativeAssignmentPopup .v93-creative-pick{
  height:76px!important;
  min-width:0!important;
  width:auto!important;
  border-radius:18px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:10px!important;
  background:#fff9f6!important;
  border:1px solid rgba(139,70,54,.14)!important;
  box-shadow:0 8px 18px rgba(55,28,20,.04)!important;
}
#creativeAssignmentPopup .v93-creative-pick:hover,
#creativeAssignmentPopup .v93-creative-pick.is-active{
  background:#f2ded4!important;
  border-color:#9b4b3d!important;
  box-shadow:0 14px 30px rgba(125,65,48,.12)!important;
}
#creativeAssignmentPopup .v93-creative-pick-plus,
#creativeAssignmentPopup .v93-creative-pick-index{
  width:32px!important;
  height:32px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  font-weight:1000!important;
}
#creativeAssignmentPopup .v93-creative-pick-plus{background:#fff!important;border:1px solid rgba(139,70,54,.16)!important;color:#a14e3f!important}
#creativeAssignmentPopup .v93-creative-pick-index{background:#efd3c5!important;color:#7d4034!important}
#creativeAssignmentPopup .v93-creative-pick-text{min-width:0!important;text-align:center!important;overflow:hidden!important}
#creativeAssignmentPopup .v93-creative-pick-text strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.25!important;
  color:#2f1d17!important;
  font-weight:1000!important;
  white-space:normal!important;
  max-height:34px!important;
  overflow:hidden!important;
}
#creativeAssignmentPopup .v93-creative-pick-text small{display:block!important;margin-top:3px!important;font-size:10px!important;color:#9a7469!important;font-weight:900!important}
#creativeAssignmentPopup .v93-current-column{
  grid-row:2!important;
  grid-column:1!important;
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#creativeAssignmentPopup .v93-current-placeholder{
  min-height:260px!important;
  height:100%!important;
  border:1px dashed rgba(139,70,54,.2)!important;
  border-radius:28px!important;
  background:#fff!important;
  color:#8c6a5f!important;
  font-size:18px!important;
  display:grid!important;
  place-items:center!important;
}
#creativeAssignmentPopup .v93-current-panel-wrap{height:auto!important;overflow:visible!important;padding-bottom:24px!important}
#creativeAssignmentPopup .creative-assignment-panel-v93{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
}
#creativeAssignmentPopup .v93-active-head{
  position:sticky!important;
  top:0!important;
  z-index:15!important;
  min-height:74px!important;
  padding:14px 18px!important;
  margin:0 0 14px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#3f241d 0%,#a75745 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 45px rgba(73,35,25,.16)!important;
  border:0!important;
}
#creativeAssignmentPopup .v93-active-head span{
  display:inline-flex!important;
  align-items:center!important;
  height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.15)!important;
  color:#ffe4d8!important;
  font-size:11px!important;
  font-weight:1000!important;
}
#creativeAssignmentPopup .v93-active-head strong{display:block!important;margin-top:5px!important;font-size:26px!important;line-height:1.1!important;color:#fff!important}
#creativeAssignmentPopup .v93-active-head small{display:block!important;margin-top:4px!important;color:#f8d8cc!important;font-size:12px!important}
#creativeAssignmentPopup .v93-panel-columns{
  display:grid!important;
  grid-template-columns:minmax(320px,430px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
}
#creativeAssignmentPopup .v93-car-column,
#creativeAssignmentPopup .v93-departments-column{
  border:1px solid rgba(139,70,54,.13)!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 14px 40px rgba(45,25,18,.055)!important;
  padding:18px!important;
  max-height:none!important;
  overflow:visible!important;
}
#creativeAssignmentPopup .v93-column-title{
  padding-bottom:12px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid rgba(139,70,54,.1)!important;
}
#creativeAssignmentPopup .v93-column-title strong{font-size:18px!important;color:#2f1d17!important}
#creativeAssignmentPopup .v93-column-title small{display:block!important;margin-top:5px!important;color:#9a7469!important;font-size:12px!important}
#creativeAssignmentPopup .creative-assignment-inner-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:14px!important}
#creativeAssignmentPopup .creative-car-checkbox-grid{max-height:420px!important;overflow:auto!important}
#creativeAssignmentPopup .v93-saved-column{
  display:none!important;
  position:fixed!important;
  left:26px!important;
  right:26px!important;
  bottom:92px!important;
  z-index:2147483004!important;
  max-height:300px!important;
  overflow:auto!important;
  border-radius:26px!important;
  padding:18px!important;
  background:#f3fff6!important;
  border:1px solid rgba(49,132,91,.18)!important;
  box-shadow:0 26px 80px rgba(30,60,40,.18)!important;
}
#creativeAssignmentPopup.show-saved-creatives .v93-saved-column{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:14px!important}
#creativeAssignmentPopup .creative-popup-actions{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2147483003!important;
  background:rgba(255,250,247,.96)!important;
  backdrop-filter:blur(12px)!important;
  border-top:1px solid rgba(139,70,54,.12)!important;
  padding:14px 26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0!important;
}
#creativeAssignmentPopup .v417-saved-toggle{
  height:50px!important;
  border-radius:16px!important;
  border:1px solid rgba(49,132,91,.22)!important;
  background:#f3fff6!important;
  color:#184c2f!important;
  padding:0 18px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
@media(max-width:1100px){
  #creativeAssignmentPopup .v93-panel-columns{grid-template-columns:1fr!important}
  #creativeAssignmentPopup .v93-creative-column{grid-template-columns:1fr!important;max-height:380px!important;overflow:auto!important}
  #creativeAssignmentPopup .creative-popup-search,#creativeAssignmentPopup .v93-creative-list{grid-column:1!important;grid-row:auto!important}
  #creativeAssignmentPopup .v93-creative-list{max-height:240px!important}
}

/* MZJ v423 - dynamic cards inside selected creative only */
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-current-panel-wrap,
#creativeAssignmentPopup.v423-dynamic-cards-ui .creative-popup-panels{
  min-height: 0;
}
#creativeAssignmentPopup .v423-creative-cards-panel{
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
#creativeAssignmentPopup .v423-selected-creative-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  margin:0 0 12px;
  border:1px solid rgba(157,82,67,.20);
  border-radius:22px;
  background:linear-gradient(135deg,#6b372e,#b15d4d);
  color:#fff;
}
#creativeAssignmentPopup .v423-selected-creative-head span,
#creativeAssignmentPopup .v423-selected-creative-head small{
  display:block;
  color:rgba(255,255,255,.78);
  font-weight:800;
}
#creativeAssignmentPopup .v423-selected-creative-head strong{
  display:block;
  font-size:24px;
  line-height:1.3;
  margin-top:2px;
}
#creativeAssignmentPopup .v423-creative-work-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(240px,1fr));
  gap:14px;
  align-items:start;
}
#creativeAssignmentPopup .v423-creative-card{
  min-width:0;
  border:1px solid rgba(157,82,67,.20);
  border-radius:20px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 38px rgba(90,55,42,.08);
  padding:14px;
}
#creativeAssignmentPopup .v423-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:0 0 10px;
  margin-bottom:10px;
  border-bottom:1px dashed rgba(157,82,67,.22);
}
#creativeAssignmentPopup .v423-card-head span{
  font-size:12px;
  color:#a97b6a;
  font-weight:900;
}
#creativeAssignmentPopup .v423-card-head strong{
  font-size:16px;
  color:#3f261f;
  font-weight:1000;
}
#creativeAssignmentPopup .v423-role-card.is-main-role{
  background:linear-gradient(180deg,rgba(255,247,242,.98),rgba(255,255,255,.92));
  border-color:rgba(157,82,67,.34);
}
#creativeAssignmentPopup .v423-role-card .creative-role-assignment{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
#creativeAssignmentPopup .v423-role-card .creative-role-title{
  display:none;
}
#creativeAssignmentPopup .v423-creative-card .creative-role-deadline-field,
#creativeAssignmentPopup .v423-creative-card .creative-role-note-field,
#creativeAssignmentPopup .v423-creative-card .creative-car-needed-field,
#creativeAssignmentPopup .v423-creative-card .creative-car-count-field,
#creativeAssignmentPopup .v423-creative-card .creative-panel-note-field{
  margin-bottom:10px;
}
#creativeAssignmentPopup .v423-car-card .creative-stock-picker-block{
  max-height:280px;
  overflow:auto;
}
#creativeAssignmentPopup .v423-car-card .creative-car-checkbox-grid{
  grid-template-columns:1fr;
}
#creativeAssignmentPopup .v423-creative-card .js-v93-save-current-creative{
  width:100%;
  margin-top:8px;
}
@media (max-width: 1500px){
  #creativeAssignmentPopup .v423-creative-work-grid{ grid-template-columns:repeat(2,minmax(260px,1fr)); }
}
@media (max-width: 900px){
  #creativeAssignmentPopup .v423-creative-work-grid{ grid-template-columns:1fr; }
}

/* MZJ v424 - compact creative studio chrome for wider work area */
#creativeAssignmentPopup.v418-creative-studio .creative-assignment-popup-dialog,
#creativeAssignmentPopup.v423-dynamic-cards-ui .creative-assignment-popup-dialog{
  padding:12px 22px 82px!important;
  gap:10px!important;
}
#creativeAssignmentPopup.v418-creative-studio .task-modal-close,
#creativeAssignmentPopup.v423-dynamic-cards-ui .task-modal-close{
  top:14px!important;
  left:18px!important;
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-popup-head,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-popup-head{
  min-height:0!important;
  padding:12px 58px 12px 22px!important;
  margin:0!important;
  border-radius:22px!important;
  box-shadow:0 10px 26px rgba(72,38,28,.045)!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-popup-head span,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-popup-head span{
  padding:4px 10px!important;
  margin-bottom:4px!important;
  font-size:11px!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-popup-head h2,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-popup-head h2{
  font-size:24px!important;
  margin:2px 0!important;
  line-height:1.08!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-popup-head p,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-popup-head p{
  font-size:12px!important;
  line-height:1.45!important;
  margin:4px 0 0!important;
  max-width:none!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-popup-grid,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-popup-grid{
  gap:10px!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-creative-column,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-column{
  min-height:118px!important;
  max-height:152px!important;
  padding:12px!important;
  border-radius:22px!important;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr)!important;
  gap:8px 14px!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-creative-column h3,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-column h3{
  font-size:17px!important;
  line-height:1.1!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-creative-column h3::after,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-column h3::after{
  margin-top:4px!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#creativeAssignmentPopup.v418-creative-studio .creative-popup-search,
#creativeAssignmentPopup.v423-dynamic-cards-ui .creative-popup-search{
  height:42px!important;
  border-radius:14px!important;
  padding:0 14px!important;
  font-size:12px!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-creative-list,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-list{
  grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;
  grid-auto-rows:minmax(56px,auto)!important;
  max-height:128px!important;
  gap:8px!important;
  padding:1px 5px 7px!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-creative-pick,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-pick{
  height:58px!important;
  min-height:58px!important;
  padding:8px!important;
  border-radius:16px!important;
  grid-template-columns:28px minmax(0,1fr) 28px!important;
  gap:7px!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-creative-pick:hover,
#creativeAssignmentPopup.v418-creative-studio .v93-creative-pick.is-active,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-pick:hover,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-pick.is-active{
  border-color:#8f4336!important;
  box-shadow:inset 0 0 0 2px rgba(143,67,54,.24),0 8px 18px rgba(125,65,48,.10)!important;
  transform:none!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-creative-pick-plus,
#creativeAssignmentPopup.v418-creative-studio .v93-creative-pick-index,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-pick-plus,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-pick-index{
  width:26px!important;
  height:26px!important;
  border-radius:10px!important;
  font-size:11px!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-creative-pick-plus,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-pick-plus{
  font-size:15px!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-creative-pick-text strong,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-pick-text strong{
  font-size:11px!important;
  line-height:1.15!important;
  max-height:26px!important;
  -webkit-line-clamp:2!important;
}
#creativeAssignmentPopup.v418-creative-studio .v93-creative-pick-text small,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v93-creative-pick-text small{
  font-size:9px!important;
  margin-top:1px!important;
}
#creativeAssignmentPopup.v423-dynamic-cards-ui .v423-selected-creative-head{
  padding:10px 14px!important;
  min-height:52px!important;
  margin:0 0 10px!important;
  border-radius:20px!important;
}
#creativeAssignmentPopup.v423-dynamic-cards-ui .v423-selected-creative-head span,
#creativeAssignmentPopup.v423-dynamic-cards-ui .v423-selected-creative-head small{
  font-size:10px!important;
  line-height:1.25!important;
}
#creativeAssignmentPopup.v423-dynamic-cards-ui .v423-selected-creative-head strong{
  font-size:20px!important;
  line-height:1.15!important;
}
#creativeAssignmentPopup.v423-dynamic-cards-ui .v423-creative-work-grid{
  grid-template-columns:repeat(4,minmax(230px,1fr))!important;
  gap:12px!important;
}
#creativeAssignmentPopup.v423-dynamic-cards-ui .v423-creative-card{
  padding:12px!important;
  border-radius:18px!important;
}
#creativeAssignmentPopup .creative-popup-actions{
  padding:10px 24px!important;
}
@media (max-width: 1500px){
  #creativeAssignmentPopup.v423-dynamic-cards-ui .v423-creative-work-grid{grid-template-columns:repeat(2,minmax(260px,1fr))!important;}
}

/* MZJ v531 - clean create campaign wizard */
.v531-create-head{align-items:flex-start;gap:16px}
.v531-wizard-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.v531-wizard-nav .campaign-wizard-step{border:1px solid rgba(136,73,55,.18);border-radius:18px;background:#fffaf7;padding:14px 16px;display:flex;gap:10px;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(86,45,30,.06)}
.v531-wizard-nav .campaign-wizard-step span{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f5e6de;color:#7b3d2e;font-weight:900}
.v531-wizard-nav .campaign-wizard-step.active{background:#7f4738;color:#fff;border-color:#7f4738}
.v531-wizard-nav .campaign-wizard-step.active span{background:#fff;color:#7f4738}
.v531-campaign-builder{display:block}.v531-panel{padding:18px;border-radius:22px}.v531-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.v531-panel-head h2{margin:0;color:#3c170d}.v531-panel-head p{margin:.35rem 0 0;color:#9b7468}.v531-step-badge{width:42px;height:42px;border-radius:50%;background:#7f4738;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.v531-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v531-grid .field-wide{grid-column:span 3}.v531-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.v531-check-card{border:1px solid rgba(136,73,55,.18);border-radius:14px;padding:12px;background:#fff;display:flex;align-items:center;gap:10px;cursor:pointer}.v531-check-card input{width:18px;height:18px}.v531-check-card strong{display:block}.v531-check-card small{display:block;color:#9b7468;margin-top:2px}.v531-creative-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.v531-creative-picker{border:1px solid rgba(136,73,55,.14);border-radius:18px;background:#fffaf7;padding:12px;position:sticky;top:14px;align-self:start}.v531-creative-list{display:grid;gap:8px;max-height:620px;overflow:auto;padding-inline-end:4px}.v531-creative-card{border:1px solid rgba(136,73,55,.16);border-radius:14px;background:#fff;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.v531-creative-card.active{border-color:#7f4738;background:#fff3ec}.v531-creative-card .plus{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f3ddd4;color:#7f4738;font-weight:900}.v531-selected-creatives{display:grid;gap:14px}.v531-creative-panel{border:1px solid rgba(136,73,55,.16);border-radius:20px;background:#fff;padding:14px}.v531-creative-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px dashed rgba(136,73,55,.22);padding-bottom:10px;margin-bottom:12px}.v531-tag-row{display:flex;flex-wrap:wrap;gap:8px}.v531-tag{border:1px solid rgba(136,73,55,.16);border-radius:999px;background:#fff6f1;padding:6px 10px;font-size:.88rem}.v531-creative-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v531-car-box,.v531-department-box{border:1px dashed rgba(136,73,55,.24);border-radius:16px;padding:12px;background:#fffdfb}.v531-car-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:10px;max-height:190px;overflow:auto}.v531-department-sections{display:grid;gap:12px;margin-top:12px}.v531-dept-section{border:1px solid rgba(136,73,55,.16);border-radius:16px;background:#fff;padding:12px}.v531-dept-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.v531-user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.v531-writer-link-box{margin-top:10px;border:1px dashed rgba(136,73,55,.18);border-radius:14px;padding:10px;background:#fffaf7}.v531-writer-deadlines{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:8px}.v531-budget-list{display:grid;gap:12px}.v531-budget-card{border:1px solid rgba(136,73,55,.16);border-radius:18px;background:#fff;padding:12px}.v531-budget-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.v531-budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v531-platform-values{display:grid;gap:8px;margin-top:8px}.v531-platform-value-row{display:grid;grid-template-columns:1fr 130px;gap:8px;align-items:center}.v531-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v531-review-card{border:1px solid rgba(136,73,55,.16);border-radius:18px;background:#fff;padding:14px}.v531-review-card h3{margin:0 0 10px;color:#3c170d}.v531-review-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(136,73,55,.08)}.v531-review-line:last-child{border-bottom:0}.v531-review-line span{color:#9b7468}.v531-review-line strong{text-align:left}.v531-mini-table{width:100%;border-collapse:separate;border-spacing:0 6px}.v531-mini-table td,.v531-mini-table th{background:#fff8f4;border:1px solid rgba(136,73,55,.1);padding:8px}.v531-mini-table th{color:#7f4738}.v531-remove-btn{border:0;border-radius:10px;background:#ffe6e1;color:#a12b1d;padding:7px 10px;cursor:pointer}.v531-inline-muted{color:#9b7468;font-size:.88rem}.v531-hidden{display:none!important}
@media(max-width:1100px){.v531-grid,.v531-budget-grid,.v531-review-grid{grid-template-columns:1fr}.v531-grid .field-wide{grid-column:auto}.v531-creative-layout{grid-template-columns:1fr}.v531-creative-config-grid{grid-template-columns:1fr}.v531-wizard-nav{grid-template-columns:1fr 1fr}}


/* MZJ v535 - create campaign compact typography */
#campaignWizard .field > span,
#campaignWizard .v531-panel-head p,
#campaignWizard .empty-state,
#campaignWizard .v531-inline-muted{
  font-size:12px;
  line-height:1.45;
}
#campaignWizard input,
#campaignWizard textarea,
#campaignWizard select,
#campaignWizard .btn,
#campaignWizard .v531-tag,
#campaignWizard .v531-review-line,
#campaignWizard .v531-mini-table,
#campaignWizard .v531-platform-value-row,
#campaignWizard .v531-creative-card,
#campaignWizard .v531-check-card,
#campaignWizard .v531-budget-card,
#campaignWizard .v531-dept-section,
#campaignWizard .v531-writer-link-box,
#campaignWizard .v531-car-box,
#campaignWizard .v531-department-box{
  font-size:13px;
  line-height:1.45;
}
#campaignWizard .v531-panel-head h2{font-size:28px}
#campaignWizard .v531-creative-card{padding:8px 10px;gap:8px}
#campaignWizard .v531-creative-card .plus{width:24px;height:24px;font-size:14px}
#campaignWizard .v531-check-card{padding:10px;gap:8px}
#campaignWizard .v531-check-card strong,
#campaignWizard .v531-review-line strong,
#campaignWizard .v531-review-card h3,
#campaignWizard .budget-grand-total strong,
#campaignWizard .v531-budget-card-head strong{
  font-size:13px;
  line-height:1.45;
}
#campaignWizard .v531-check-card small,
#campaignWizard .v531-review-line span,
#campaignWizard .v531-mini-table th,
#campaignWizard .v531-mini-table td,
#campaignWizard .budget-grand-total span,
#campaignWizard .v531-budget-card-head span{
  font-size:11.5px;
  line-height:1.4;
}
#campaignWizard .v531-review-card{padding:12px}
#campaignWizard .v531-review-line{padding:6px 0;gap:8px}
#campaignWizard .v531-mini-table th,
#campaignWizard .v531-mini-table td{padding:6px}
#campaignWizard textarea{min-height:88px}
#campaignWizard .v531-creative-list{gap:6px}
#campaignWizard .v531-review-grid{gap:10px}
#campaignWizard .v531-user-grid,
#campaignWizard .v531-car-options,
#campaignWizard .v531-writer-deadlines{gap:6px}
#campaignWizard .v531-panel{padding:16px}


/* MZJ v536 - hard compact create campaign layout + typography */
#create-campaign{
  overflow-x:hidden!important;
}
#create-campaign .page-head.v533-create-head{
  margin-bottom:16px!important;
  padding:24px 28px!important;
}
#create-campaign .page-head.v533-create-head h1{
  font-size:34px!important;
  line-height:1.15!important;
}
#create-campaign .page-head.v533-create-head p{
  font-size:13px!important;
  line-height:1.5!important;
}
#campaignWizard.v533-create-page{
  display:grid!important;
  grid-template-columns:minmax(310px,1.08fr) minmax(420px,1.55fr) minmax(280px,.95fr) minmax(260px,.85fr)!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-items:start!important;
  overflow:visible!important;
}
#campaignWizard .v533-panel,
#campaignWizard .v531-panel{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:14px!important;
  border-radius:20px!important;
}
#campaignWizard .v533-panel-head,
#campaignWizard .v531-panel-head{
  margin-bottom:10px!important;
  gap:8px!important;
  padding-bottom:8px!important;
  border-bottom:1px solid rgba(136,73,55,.10)!important;
}
#campaignWizard .v533-panel-head h2,
#campaignWizard .v531-panel-head h2{
  font-size:22px!important;
  line-height:1.2!important;
  margin:0!important;
}
#campaignWizard .v533-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  font-size:15px!important;
}
#campaignWizard .field{
  gap:5px!important;
  margin:0!important;
}
#campaignWizard .field > span,
#campaignWizard label > span,
#campaignWizard .v531-panel-head p,
#campaignWizard .empty-state,
#campaignWizard .v531-inline-muted{
  font-size:10.5px!important;
  line-height:1.35!important;
}
#campaignWizard input,
#campaignWizard textarea,
#campaignWizard select,
#campaignWizard button,
#campaignWizard .btn,
#campaignWizard .v531-tag,
#campaignWizard .v531-review-line,
#campaignWizard .v531-mini-table,
#campaignWizard .v531-platform-value-row,
#campaignWizard .v531-creative-card,
#campaignWizard .v531-check-card,
#campaignWizard .v531-budget-card,
#campaignWizard .v531-dept-section,
#campaignWizard .v531-writer-link-box,
#campaignWizard .v531-car-box,
#campaignWizard .v531-department-box{
  font-size:11px!important;
  line-height:1.35!important;
}
#campaignWizard input,
#campaignWizard select{
  min-height:38px!important;
  height:38px!important;
  padding:8px 10px!important;
}
#campaignWizard textarea{
  min-height:70px!important;
  padding:9px 10px!important;
}
#campaignWizard .v531-grid.v533-request-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
#campaignWizard .v531-grid.v533-request-grid .field-wide{
  grid-column:1 / -1!important;
}
#campaignWizard .v531-check-grid,
#campaignWizard .v533-content-users{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
#campaignWizard .v531-check-card{
  padding:8px!important;
  gap:7px!important;
  min-height:48px!important;
}
#campaignWizard .v531-check-card input{
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
}
#campaignWizard .v531-check-card strong,
#campaignWizard .v531-review-line strong,
#campaignWizard .v531-review-card h3,
#campaignWizard .budget-grand-total strong,
#campaignWizard .v531-budget-card-head strong{
  font-size:11px!important;
  line-height:1.3!important;
}
#campaignWizard .v531-check-card small,
#campaignWizard .v531-review-line span,
#campaignWizard .v531-mini-table th,
#campaignWizard .v531-mini-table td,
#campaignWizard .budget-grand-total span,
#campaignWizard .v531-budget-card-head span{
  font-size:9.5px!important;
  line-height:1.3!important;
}
#campaignWizard .v531-creative-layout.v533-creative-layout{
  grid-template-columns:minmax(170px,.72fr) minmax(0,1.28fr)!important;
  gap:10px!important;
}
#campaignWizard .v531-creative-picker,
#campaignWizard .v533-creative-picker{
  padding:9px!important;
  border-radius:16px!important;
  position:static!important;
}
#campaignWizard .v531-creative-list,
#campaignWizard .v533-creative-list{
  gap:6px!important;
  max-height:460px!important;
}
#campaignWizard .v531-creative-card{
  padding:7px 8px!important;
  gap:6px!important;
  border-radius:12px!important;
  min-height:42px!important;
}
#campaignWizard .v531-creative-card .plus{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  font-size:12px!important;
}
#campaignWizard .v531-creative-card strong,
#campaignWizard .v531-creative-card b{
  font-size:10.5px!important;
  line-height:1.25!important;
}
#campaignWizard .v531-creative-panel{
  padding:10px!important;
  border-radius:16px!important;
}
#campaignWizard .v531-creative-config-grid,
#campaignWizard .v531-budget-grid,
#campaignWizard .v531-review-grid{
  grid-template-columns:1fr!important;
  gap:8px!important;
}
#campaignWizard .v531-car-box,
#campaignWizard .v531-department-box,
#campaignWizard .v531-dept-section,
#campaignWizard .v531-writer-link-box,
#campaignWizard .v531-budget-card,
#campaignWizard .v531-review-card{
  padding:9px!important;
  border-radius:14px!important;
}
#campaignWizard .v531-user-grid,
#campaignWizard .v531-car-options,
#campaignWizard .v531-writer-deadlines{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
#campaignWizard .v531-budget-list,
#campaignWizard .v531-selected-creatives{
  gap:8px!important;
}
#campaignWizard .budget-grand-total,
#campaignWizard .v533-grand-total{
  padding:10px 12px!important;
  border-radius:14px!important;
}
#campaignWizard .v531-review-line{
  padding:4px 0!important;
  gap:6px!important;
}
#campaignWizard .v531-mini-table{
  border-spacing:0 4px!important;
}
#campaignWizard .v531-mini-table th,
#campaignWizard .v531-mini-table td{
  padding:4px!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  white-space:normal!important;
}
#campaignWizard .v533-save-row .btn,
#campaignWizard #campaignWizardFinalSave{
  width:100%!important;
  min-height:42px!important;
  font-size:12px!important;
}
@media (max-width:1450px){
  #campaignWizard.v533-create-page{
    grid-template-columns:minmax(285px,1.05fr) minmax(380px,1.45fr) minmax(245px,.88fr) minmax(230px,.78fr)!important;
    gap:10px!important;
  }
  #campaignWizard .v531-panel{padding:12px!important;}
  #campaignWizard .v533-panel-head h2,#campaignWizard .v531-panel-head h2{font-size:20px!important;}
  #campaignWizard input,#campaignWizard textarea,#campaignWizard select,#campaignWizard button,#campaignWizard .btn,#campaignWizard .v531-creative-card,#campaignWizard .v531-check-card,#campaignWizard .v531-review-line{font-size:10px!important;}
  #campaignWizard .field > span,#campaignWizard label > span,#campaignWizard .v531-review-line span,#campaignWizard .v531-mini-table th,#campaignWizard .v531-mini-table td{font-size:9px!important;}
}

/* MZJ v537 - approved create campaign layout polish */
#create-campaign.v537-create-campaign-root{--v537-card:#fffdfb;--v537-border:rgba(189,137,111,.34);--v537-ink:#33211b;--v537-muted:#8b6c60;}
#create-campaign.v537-create-campaign-root.view.active{padding-inline:18px!important;overflow-x:hidden!important;}
#create-campaign.v537-create-campaign-root .v533-create-page{display:grid!important;grid-template-columns:minmax(300px,.8fr) minmax(560px,1.75fr) minmax(300px,.82fr)!important;gap:16px!important;align-items:start!important;direction:rtl!important;max-width:100%!important;overflow:visible!important;}
#create-campaign.v537-create-campaign-root .v533-request-panel{grid-column:1!important;grid-row:1!important;}
#create-campaign.v537-create-campaign-root .v533-creative-panel{grid-column:2!important;grid-row:1!important;}
#create-campaign.v537-create-campaign-root .v533-budget-panel{grid-column:3!important;grid-row:1!important;}
#create-campaign.v537-create-campaign-root .v533-review-panel{display:none!important;}
#create-campaign.v537-create-campaign-root .v533-panel{min-width:0!important;max-width:100%!important;padding:18px!important;border-radius:22px!important;background:rgba(255,253,251,.96)!important;border:1px solid var(--v537-border)!important;box-shadow:0 18px 40px rgba(75,46,34,.08)!important;}
#create-campaign.v537-create-campaign-root .v533-panel-head{padding-bottom:12px!important;margin-bottom:14px!important;border-bottom:1px solid rgba(126,68,50,.13)!important;}
#create-campaign.v537-create-campaign-root .v533-panel-head h2{font-size:24px!important;line-height:1.1!important;color:var(--v537-ink)!important;}
#create-campaign.v537-create-campaign-root .v533-icon{width:34px!important;height:34px!important;border-radius:12px!important;background:#fff1e9!important;border:1px solid rgba(179,101,78,.22)!important;font-size:18px!important;}
#create-campaign.v537-create-campaign-root .v533-request-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
#create-campaign.v537-create-campaign-root .v533-request-grid .field-wide,#create-campaign.v537-create-campaign-root #v531ContentWriters,#create-campaign.v537-create-campaign-root .v533-content-users{grid-column:1/-1!important;}
#create-campaign.v537-create-campaign-root .field>span{font-size:11.5px!important;line-height:1.25!important;margin-bottom:4px!important;font-weight:900!important;color:#674238!important;}
#create-campaign.v537-create-campaign-root input,#create-campaign.v537-create-campaign-root select,#create-campaign.v537-create-campaign-root textarea{font-size:12.5px!important;line-height:1.35!important;min-height:40px!important;border-radius:13px!important;padding:9px 10px!important;}
#create-campaign.v537-create-campaign-root textarea{min-height:76px!important;resize:vertical!important;}
#create-campaign.v537-create-campaign-root .v531-check-grid,#create-campaign.v537-create-campaign-root .v531-user-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;gap:8px!important;}
#create-campaign.v537-create-campaign-root .v531-check-card{min-height:44px!important;padding:8px 10px!important;border-radius:13px!important;gap:8px!important;background:#fff!important;}
#create-campaign.v537-create-campaign-root .v531-check-card strong{font-size:12.5px!important;line-height:1.25!important;}
#create-campaign.v537-create-campaign-root .v531-check-card small{font-size:10.5px!important;line-height:1.25!important;}
#create-campaign.v537-create-campaign-root .v531-check-card input{width:15px!important;height:15px!important;flex:0 0 auto!important;}
#create-campaign.v537-create-campaign-root .v533-creative-layout{display:grid!important;grid-template-columns:minmax(175px,210px) minmax(0,1fr)!important;gap:14px!important;}
#create-campaign.v537-create-campaign-root .v533-creative-picker{position:sticky!important;top:88px!important;max-height:calc(100vh - 155px)!important;overflow:hidden!important;padding:12px!important;border-radius:18px!important;background:#fffaf7!important;border:1px solid rgba(189,137,111,.28)!important;}
#create-campaign.v537-create-campaign-root .v533-creative-list{max-height:calc(100vh - 265px)!important;overflow:auto!important;display:grid!important;gap:8px!important;padding-inline-end:4px!important;}
#create-campaign.v537-create-campaign-root .v531-creative-card{min-height:48px!important;padding:8px 10px!important;border-radius:14px!important;}
#create-campaign.v537-create-campaign-root .v531-creative-card strong{font-size:12px!important;line-height:1.18!important;}
#create-campaign.v537-create-campaign-root .v531-creative-card small{font-size:10px!important;line-height:1.15!important;}
#create-campaign.v537-create-campaign-root .v531-creative-card .plus{width:24px!important;height:24px!important;font-size:13px!important;}
#create-campaign.v537-create-campaign-root .v531-selected-creatives{display:grid!important;gap:14px!important;}
#create-campaign.v537-create-campaign-root .v531-creative-panel{padding:16px!important;border-radius:20px!important;background:#fffdfb!important;border:1px solid rgba(189,137,111,.34)!important;}
#create-campaign.v537-create-campaign-root .v531-creative-panel-head h3{font-size:19px!important;line-height:1.2!important;max-width:100%!important;}
#create-campaign.v537-create-campaign-root .v531-creative-config-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:start!important;}
#create-campaign.v537-create-campaign-root .v531-car-box,#create-campaign.v537-create-campaign-root .v531-department-box{border:1px dashed rgba(189,137,111,.42)!important;border-radius:18px!important;background:#fffaf7!important;padding:12px!important;min-width:0!important;}
#create-campaign.v537-create-campaign-root .v531-car-options{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;gap:8px!important;max-height:230px!important;overflow:auto!important;margin-top:10px!important;padding-inline-end:4px!important;}
#create-campaign.v537-create-campaign-root .v531-primary-dep{display:none!important;}
#create-campaign.v537-create-campaign-root .v537-primary-label{display:block!important;min-height:40px!important;border:1px solid rgba(189,137,111,.42)!important;border-radius:13px!important;background:#fff!important;padding:10px!important;font-size:13px!important;line-height:1.25!important;color:#3c2119!important;}
#create-campaign.v537-create-campaign-root .v531-dept-section{padding:13px!important;border-radius:18px!important;background:#fffdfb!important;border:1px dashed rgba(189,137,111,.45)!important;}
#create-campaign.v537-create-campaign-root .v531-dept-title strong{font-size:14px!important;}
#create-campaign.v537-create-campaign-root .v531-writer-link-box{padding:10px!important;border-radius:16px!important;background:#fff8f4!important;}
#create-campaign.v537-create-campaign-root .v531-writer-deadlines:empty{display:none!important;}
#create-campaign.v537-create-campaign-root .v531-writer-deadlines .empty-state{display:none!important;}
#create-campaign.v537-create-campaign-root .v531-budget-card{padding:13px!important;border-radius:18px!important;background:#fffdfb!important;}
#create-campaign.v537-create-campaign-root .v531-budget-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
#create-campaign.v537-create-campaign-root .v531-budget-platforms{max-height:245px!important;overflow:auto!important;padding-inline-end:4px!important;}
#create-campaign.v537-create-campaign-root .v531-platform-value-row{display:grid!important;grid-template-columns:1fr 110px!important;gap:8px!important;align-items:center!important;}
#create-campaign.v537-create-campaign-root .v531-platform-value-row span{font-size:12px!important;font-weight:800!important;color:#65433a!important;}
#create-campaign.v537-create-campaign-root .budget-grand-total{min-height:44px!important;border-radius:14px!important;padding:10px 12px!important;}
#create-campaign.v537-create-campaign-root .empty-state{min-height:92px!important;border-radius:16px!important;font-size:12px!important;line-height:1.5!important;}
#create-campaign.v537-create-campaign-root .v533-create-head{border-radius:24px!important;margin-bottom:16px!important;}
#create-campaign.v537-create-campaign-root .v533-create-head .page-title h1{font-size:34px!important;}
@media(max-width:1280px){#create-campaign.v537-create-campaign-root .v533-create-page{grid-template-columns:1fr!important;}#create-campaign.v537-create-campaign-root .v533-request-panel,#create-campaign.v537-create-campaign-root .v533-creative-panel,#create-campaign.v537-create-campaign-root .v533-budget-panel{grid-column:1!important;grid-row:auto!important;}#create-campaign.v537-create-campaign-root .v533-creative-layout{grid-template-columns:1fr!important;}#create-campaign.v537-create-campaign-root .v533-creative-picker{position:static!important;max-height:none!important;}#create-campaign.v537-create-campaign-root .v533-creative-list{max-height:360px!important;}}
@media(max-width:700px){#create-campaign.v537-create-campaign-root .v533-request-grid,#create-campaign.v537-create-campaign-root .v531-creative-config-grid{grid-template-columns:1fr!important;}}

/* MZJ v538 - approved create campaign visual layout */
#create-campaign.v538-create-campaign-root.view.active{padding-inline:16px!important;overflow-x:hidden!important;}
#create-campaign.v538-create-campaign-root .v533-create-page{display:grid!important;grid-template-columns:minmax(275px,.85fr) minmax(520px,1.7fr) minmax(270px,.85fr) minmax(250px,.75fr)!important;gap:14px!important;align-items:start!important;direction:rtl!important;}
#create-campaign.v538-create-campaign-root .v533-request-panel{grid-column:1!important;grid-row:1!important;}
#create-campaign.v538-create-campaign-root .v533-creative-panel{grid-column:2!important;grid-row:1!important;}
#create-campaign.v538-create-campaign-root .v533-budget-panel{grid-column:3!important;grid-row:1!important;}
#create-campaign.v538-create-campaign-root .v533-review-panel{grid-column:4!important;grid-row:1!important;display:block!important;}
#create-campaign.v538-create-campaign-root .v533-panel{min-width:0!important;padding:16px!important;border-radius:22px!important;background:rgba(255,253,251,.96)!important;border:1px solid rgba(189,137,111,.34)!important;box-shadow:0 16px 36px rgba(75,46,34,.08)!important;}
#create-campaign.v538-create-campaign-root .v533-panel-head{padding-bottom:11px!important;margin-bottom:12px!important;border-bottom:1px solid rgba(126,68,50,.13)!important;align-items:center!important;}
#create-campaign.v538-create-campaign-root .v533-panel-head h2{font-size:23px!important;line-height:1.1!important;color:#35211a!important;}
#create-campaign.v538-create-campaign-root .v533-icon{width:32px!important;height:32px!important;border-radius:12px!important;background:#fff1e9!important;border:1px solid rgba(179,101,78,.22)!important;font-size:17px!important;display:grid!important;place-items:center!important;}
#create-campaign.v538-create-campaign-root .v533-request-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
#create-campaign.v538-create-campaign-root .v533-request-grid .field-wide,#create-campaign.v538-create-campaign-root #v531ContentWriters,#create-campaign.v538-create-campaign-root .v533-content-users{grid-column:1/-1!important;}
#create-campaign.v538-create-campaign-root .field>span{font-size:11px!important;line-height:1.25!important;margin-bottom:4px!important;font-weight:900!important;color:#654138!important;}
#create-campaign.v538-create-campaign-root input,#create-campaign.v538-create-campaign-root select,#create-campaign.v538-create-campaign-root textarea{font-size:12px!important;line-height:1.35!important;min-height:38px!important;border-radius:13px!important;padding:8px 9px!important;}
#create-campaign.v538-create-campaign-root textarea{min-height:70px!important;resize:vertical!important;}
#create-campaign.v538-create-campaign-root .v531-check-grid,#create-campaign.v538-create-campaign-root .v531-user-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:8px!important;}
#create-campaign.v538-create-campaign-root .v531-check-card{min-height:42px!important;padding:8px 9px!important;border-radius:13px!important;gap:8px!important;background:#fff!important;border:1px solid rgba(189,137,111,.28)!important;}
#create-campaign.v538-create-campaign-root .v531-check-card strong{font-size:12px!important;line-height:1.25!important;}
#create-campaign.v538-create-campaign-root .v531-check-card small{font-size:10.5px!important;line-height:1.25!important;}
#create-campaign.v538-create-campaign-root .v531-check-card input{width:15px!important;height:15px!important;flex:0 0 auto!important;}
#create-campaign.v538-create-campaign-root .v533-creative-layout{display:grid!important;grid-template-columns:minmax(170px,205px) minmax(0,1fr)!important;gap:13px!important;}
#create-campaign.v538-create-campaign-root .v533-creative-picker{position:sticky!important;top:88px!important;max-height:calc(100vh - 155px)!important;overflow:hidden!important;padding:12px!important;border-radius:18px!important;background:#fffaf7!important;border:1px solid rgba(189,137,111,.28)!important;}
#create-campaign.v538-create-campaign-root .v533-creative-list{max-height:calc(100vh - 265px)!important;overflow:auto!important;display:grid!important;gap:8px!important;padding-inline-end:4px!important;}
#create-campaign.v538-create-campaign-root .v531-creative-card{min-height:48px!important;padding:8px 10px!important;border-radius:14px!important;}
#create-campaign.v538-create-campaign-root .v531-creative-card strong{font-size:12px!important;line-height:1.18!important;}
#create-campaign.v538-create-campaign-root .v531-creative-card small{font-size:10px!important;line-height:1.15!important;}
#create-campaign.v538-create-campaign-root .v531-creative-card .plus{width:24px!important;height:24px!important;font-size:13px!important;}
#create-campaign.v538-create-campaign-root .v531-selected-creatives{display:grid!important;gap:14px!important;}
#create-campaign.v538-create-campaign-root .v531-creative-panel{padding:15px!important;border-radius:20px!important;background:#fffdfb!important;border:1px solid rgba(189,137,111,.34)!important;}
#create-campaign.v538-create-campaign-root .v531-creative-panel-head h3{font-size:18px!important;line-height:1.2!important;}
#create-campaign.v538-create-campaign-root .v531-creative-config-grid{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:12px!important;align-items:start!important;}
#create-campaign.v538-create-campaign-root .v531-car-box,#create-campaign.v538-create-campaign-root .v531-department-box{border:1px dashed rgba(189,137,111,.42)!important;border-radius:18px!important;background:#fffaf7!important;padding:12px!important;min-width:0!important;}
#create-campaign.v538-create-campaign-root .v531-car-box:has(.v531-enable-cars:checked){grid-column:1/-1!important;}
#create-campaign.v538-create-campaign-root .v531-car-options{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:8px!important;max-height:260px!important;overflow:auto!important;margin-top:10px!important;padding-inline-end:4px!important;}
#create-campaign.v538-create-campaign-root .v531-car-options.v531-hidden{display:none!important;}
#create-campaign.v538-create-campaign-root .v531-primary-dep{display:none!important;}
#create-campaign.v538-create-campaign-root .v538-primary-fixed,#create-campaign.v538-create-campaign-root .v537-primary-label{display:block!important;min-height:38px!important;border:1px solid rgba(189,137,111,.42)!important;border-radius:13px!important;background:#fff!important;padding:9px!important;font-size:13px!important;line-height:1.25!important;color:#3c2119!important;font-weight:900!important;}
#create-campaign.v538-create-campaign-root .v531-dept-section{padding:12px!important;border-radius:18px!important;background:#fffdfb!important;border:1px dashed rgba(189,137,111,.45)!important;}
#create-campaign.v538-create-campaign-root .v531-dept-title strong{font-size:14px!important;}
#create-campaign.v538-create-campaign-root .v531-writer-link-box{padding:10px!important;border-radius:16px!important;background:#fff8f4!important;}
#create-campaign.v538-create-campaign-root .v531-writer-deadlines:empty{display:none!important;}
#create-campaign.v538-create-campaign-root .v531-writer-deadlines .empty-state{display:none!important;}
#create-campaign.v538-create-campaign-root .v531-budget-card{padding:13px!important;border-radius:18px!important;background:#fffdfb!important;}
#create-campaign.v538-create-campaign-root .v531-budget-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
#create-campaign.v538-create-campaign-root .v531-budget-platforms{max-height:245px!important;overflow:auto!important;padding-inline-end:4px!important;}
#create-campaign.v538-create-campaign-root .v531-platform-value-row{display:grid!important;grid-template-columns:1fr 110px!important;gap:8px!important;align-items:center!important;}
#create-campaign.v538-create-campaign-root .v531-platform-value-row span{font-size:12px!important;font-weight:800!important;color:#65433a!important;}
#create-campaign.v538-create-campaign-root .budget-grand-total{min-height:44px!important;border-radius:14px!important;padding:10px 12px!important;}
#create-campaign.v538-create-campaign-root .v533-review-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
#create-campaign.v538-create-campaign-root .v531-review-card{padding:12px!important;border-radius:16px!important;background:#fffaf7!important;border:1px solid rgba(189,137,111,.28)!important;}
#create-campaign.v538-create-campaign-root .v531-review-card h3{font-size:14px!important;margin:0 0 7px!important;}
#create-campaign.v538-create-campaign-root .v531-review-line{display:flex!important;justify-content:space-between!important;gap:8px!important;padding:5px 0!important;font-size:10.5px!important;}
#create-campaign.v538-create-campaign-root .v531-review-line span{font-size:10px!important;white-space:nowrap!important;color:#8b6c60!important;}
#create-campaign.v538-create-campaign-root .v531-review-line strong{font-size:10.5px!important;text-align:left!important;word-break:break-word!important;}
#create-campaign.v538-create-campaign-root .v531-mini-table{width:100%!important;table-layout:auto!important;font-size:10px!important;}
#create-campaign.v538-create-campaign-root .v531-mini-table th,#create-campaign.v538-create-campaign-root .v531-mini-table td{padding:5px!important;writing-mode:horizontal-tb!important;word-break:normal!important;white-space:normal!important;}
#create-campaign.v538-create-campaign-root .empty-state{min-height:90px!important;border-radius:16px!important;font-size:12px!important;line-height:1.5!important;}
#create-campaign.v538-create-campaign-root .v533-create-head{border-radius:24px!important;margin-bottom:16px!important;}
#create-campaign.v538-create-campaign-root .v533-create-head .page-title h1{font-size:34px!important;}
@media(max-width:1450px){#create-campaign.v538-create-campaign-root .v533-create-page{grid-template-columns:minmax(270px,.82fr) minmax(500px,1.55fr) minmax(250px,.78fr) minmax(230px,.68fr)!important;gap:10px!important;}#create-campaign.v538-create-campaign-root .v533-panel{padding:12px!important;}#create-campaign.v538-create-campaign-root .v533-panel-head h2{font-size:20px!important;}#create-campaign.v538-create-campaign-root .v531-creative-config-grid{grid-template-columns:1fr!important;}#create-campaign.v538-create-campaign-root .v531-car-box:has(.v531-enable-cars:checked){grid-column:auto!important;}}
@media(max-width:1180px){#create-campaign.v538-create-campaign-root .v533-create-page{grid-template-columns:1fr!important;}#create-campaign.v538-create-campaign-root .v533-request-panel,#create-campaign.v538-create-campaign-root .v533-creative-panel,#create-campaign.v538-create-campaign-root .v533-budget-panel,#create-campaign.v538-create-campaign-root .v533-review-panel{grid-column:1!important;grid-row:auto!important;}#create-campaign.v538-create-campaign-root .v533-creative-layout{grid-template-columns:1fr!important;}#create-campaign.v538-create-campaign-root .v533-creative-picker{position:static!important;max-height:none!important;}#create-campaign.v538-create-campaign-root .v533-creative-list{max-height:360px!important;}#create-campaign.v538-create-campaign-root .v531-creative-config-grid{grid-template-columns:1fr!important;}}
@media(max-width:700px){#create-campaign.v538-create-campaign-root .v533-request-grid{grid-template-columns:1fr!important;}}


/* v701 content Task Template details redesign */
#taskModal.v701-content-template-fullscreen.task-modal.show{display:grid!important;place-items:center!important}
#taskModal.v701-content-template-fullscreen .task-modal-dialog{width:min(96vw,1540px)!important;max-width:min(96vw,1540px)!important;height:94vh!important;max-height:94vh!important;margin:0 auto!important;padding:0!important;overflow:auto!important;border-radius:30px!important;background:linear-gradient(180deg,#fffdfa 0%,#fff 100%)!important}
#taskModal.v701-content-template-fullscreen #taskModalContent{padding:0!important;overflow:visible!important}
#taskModal.v701-content-template-fullscreen .v701-content-template-detail{min-height:100%!important;background:transparent!important}
.v701-content-shell{padding:28px!important;display:grid!important;gap:16px!important;direction:rtl!important}
.v701-content-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
.v701-close-btn{width:44px!important;height:44px!important;border:1px solid #e6cdc0!important;border-radius:14px!important;background:#fff!important;color:#5d3117!important;font-size:28px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.v701-content-badges{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.v701-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 16px!important;border-radius:999px!important;font-size:14px!important;font-weight:900!important}
.v701-pill-content{background:#edf6ef!important;color:#407554!important}
.v701-pill.soft{background:#fff0e1!important;color:#a96623!important}
.v701-pill.wait{background:#fff0dd!important;color:#b26b1d!important}
.v701-pill.warn{background:#ffe8dd!important;color:#be5a2f!important}
.v701-pill.ok{background:#e6f5ea!important;color:#217143!important}
.v701-content-heading{text-align:center!important;padding:6px 0 8px!important}
.v701-content-heading h2{margin:0!important;color:#2a1b14!important;font-size:52px!important;line-height:1.05!important}
.v701-content-heading p{margin:12px 0 0!important;color:#8b7368!important;font-size:18px!important;font-weight:800!important}
.v701-content-section{background:#fff!important;border:1px solid #ecd8cc!important;border-radius:24px!important;padding:18px!important;box-shadow:0 10px 30px rgba(67,38,24,.05)!important}
.v701-section-title{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-bottom:12px!important}.v701-section-title h3{margin:0!important;font-size:20px!important;color:#2d1e18!important}
.v701-content-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.v701-content-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border:1px solid #eeddd2!important;border-radius:22px!important;background:#fffdfa!important;padding:16px 18px!important;min-height:102px!important}
.v701-content-card i{flex:0 0 auto!important;width:50px!important;height:50px!important;border-radius:50%!important;border:1px solid #e8d2c7!important;background:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-style:normal!important;font-size:20px!important}
.v701-content-card-copy{display:flex!important;flex-direction:column!important;gap:8px!important;text-align:right!important;min-width:0!important}
.v701-content-card-copy span{font-size:13px!important;font-weight:900!important;color:#9b7c71!important}
.v701-content-card-copy strong{font-size:18px!important;line-height:1.7!important;color:#241813!important;white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important}
.v701-content-fields{display:grid!important;gap:10px!important}
.v701-content-field{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;gap:10px!important;align-items:stretch!important}
.v701-content-value,.v701-content-label{border:1px solid #eeddd2!important;border-radius:18px!important;min-height:66px!important;padding:16px 18px!important;display:flex!important;align-items:center!important;background:#fffdfa!important}
.v701-content-value{justify-content:flex-start!important;text-align:right!important;color:#2c1f18!important;font-size:17px!important;line-height:1.9!important;white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important}
.v701-content-label{justify-content:center!important;font-size:18px!important;font-weight:900!important;color:#2f2019!important;background:#fffaf7!important}
.v701-content-actions{display:flex!important;justify-content:center!important;gap:16px!important;flex-wrap:wrap!important;padding-top:4px!important}
.v701-content-actions .btn,.v701-content-actions a{min-width:310px!important;min-height:60px!important;border-radius:18px!important;font-size:18px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}
.v701-content-actions .btn-primary{background:linear-gradient(180deg,#7a3d18 0%,#5a2b11 100%)!important;border-color:#5a2b11!important}
.v701-content-actions .btn-light,.v701-content-actions a.btn-light{background:#fff!important;border:1px solid #e6cdbf!important;color:#6d3a1d!important}
.v701-content-note{text-align:center!important;margin:12px 0 0!important;color:#8d6657!important;font-size:14px!important;font-weight:800!important}
@media (max-width:1200px){.v701-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v701-content-field{grid-template-columns:minmax(0,1fr) 180px!important}}
@media (max-width:860px){#taskModal.v701-content-template-fullscreen .task-modal-dialog{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.v701-content-shell{padding:16px!important}.v701-content-heading h2{font-size:38px!important}.v701-content-grid{grid-template-columns:1fr!important}.v701-content-field{grid-template-columns:1fr!important}.v701-content-actions .btn,.v701-content-actions a{min-width:0!important;width:100%!important}}


/* v704 content Task Template popup: labels right, compact spacing only */
#taskModal.v701-content-template-fullscreen .task-modal-dialog{
  height:96vh!important;
  max-height:96vh!important;
}
#taskModal.v701-content-template-fullscreen #taskModalContent{
  padding:0!important;
}
.v701-content-shell{
  padding:14px 22px!important;
  gap:9px!important;
}
.v701-content-topbar{
  margin-bottom:0!important;
}
.v701-close-btn{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  font-size:24px!important;
}
.v701-pill{
  padding:8px 13px!important;
  font-size:13px!important;
}
.v701-content-heading{
  padding:0!important;
  margin-top:-2px!important;
}
.v701-content-heading h2{
  font-size:40px!important;
}
.v701-content-heading p{
  margin:6px 0 0!important;
  font-size:14px!important;
}
.v701-content-section{
  padding:12px 14px!important;
  border-radius:20px!important;
}
.v701-section-title{
  margin-bottom:8px!important;
}
.v701-section-title h3{
  font-size:17px!important;
}
.v701-content-grid{
  gap:10px!important;
}
.v701-content-card{
  min-height:72px!important;
  padding:10px 14px!important;
  border-radius:18px!important;
}
.v701-content-card i{
  width:38px!important;
  height:38px!important;
  font-size:16px!important;
}
.v701-content-card-copy{
  gap:4px!important;
}
.v701-content-card-copy span{
  font-size:11px!important;
}
.v701-content-card-copy strong{
  font-size:14px!important;
  line-height:1.45!important;
}
.v701-content-fields{
  gap:7px!important;
}
.v701-content-field{
  display:flex!important;
  flex-direction:row!important;
  direction:ltr!important;
  gap:8px!important;
  align-items:stretch!important;
}
.v701-content-label{
  flex:0 0 190px!important;
  order:2!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border-radius:15px!important;
  font-size:15px!important;
  direction:rtl!important;
  text-align:center!important;
  justify-content:center!important;
}
.v701-content-value{
  flex:1 1 auto!important;
  order:1!important;
  min-height:46px!important;
  padding:10px 14px!important;
  border-radius:15px!important;
  font-size:15px!important;
  line-height:1.55!important;
  direction:rtl!important;
  text-align:right!important;
  justify-content:flex-start!important;
}
.v701-content-actions{
  gap:12px!important;
}
.v701-content-actions .btn,
.v701-content-actions a{
  min-height:48px!important;
  min-width:260px!important;
  border-radius:15px!important;
  font-size:15px!important;
}
.v701-content-note{
  margin:8px 0 0!important;
}
@media (max-width:860px){
  .v701-content-shell{padding:12px!important;}
  .v701-content-heading h2{font-size:32px!important;}
  .v701-content-field{
    display:grid!important;
    grid-template-columns:1fr!important;
    direction:rtl!important;
  }
  .v701-content-label,
  .v701-content-value{
    order:initial!important;
    flex:auto!important;
  }
}

/* v730 publish prep page only redesign */
#publish-prep .v731-prep-head{align-items:flex-start;margin-top:18px}
#publish-prep .v731-prep-actions .btn{min-width:150px}
#publish-prep .v731-prep-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}
#publish-prep .v731-prep-stats .publish-center-stat{background:linear-gradient(180deg,#fffdfb,#fff);border:1px solid rgba(126,83,69,.13);border-radius:24px;box-shadow:0 16px 36px rgba(82,47,36,.07);padding:20px 22px;min-height:112px;display:grid;align-content:center;gap:7px}
#publish-prep .v731-prep-stats .publish-center-stat span{font-size:15px;font-weight:900;color:#3c251d}
#publish-prep .v731-prep-stats .publish-center-stat strong{font-size:38px;line-height:1;color:#201512}
#publish-prep .v731-prep-stats .publish-center-stat small{font-size:12px;color:#9b7b70;font-weight:700}
#publish-prep .v731-prep-card{display:grid;gap:16px;border-radius:28px;padding:18px;background:linear-gradient(180deg,rgba(255,250,247,.96),#fff);border:1px solid rgba(126,83,69,.12)}
#publish-prep .v731-prep-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#publish-prep .v731-prep-toolbar-start{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#publish-prep .v731-prep-search{display:flex;align-items:center;gap:10px;border:1px solid rgba(126,83,69,.16);background:#fff;border-radius:16px;min-width:360px;height:50px;padding:0 14px}
#publish-prep .v731-prep-search span{font-size:12px;font-weight:900;color:#7c5a4f}
#publish-prep .v731-prep-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;font-weight:800;color:#2c1d18}
#publish-prep .v731-prep-toolbar-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#publish-prep .v731-prep-toolbar-filters label{display:grid;gap:5px;min-width:160px;color:#7c5a4f;font-weight:900;font-size:11px}
#publish-prep .v731-prep-toolbar-filters select{height:46px;border:1px solid rgba(126,83,69,.16);border-radius:14px;background:#fff;padding:0 12px;font-weight:900;color:#2c1d18}
#publish-prep .v731-prep-list{display:block!important}
#publish-prep .v731-table-wrap{border:1px solid rgba(126,83,69,.12);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(82,47,36,.04)}
#publish-prep .v731-table-scroll{overflow:auto;max-height:calc(100vh - 370px);min-height:260px}
#publish-prep .v731-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0}
#publish-prep .v731-table th{position:sticky;top:0;z-index:1;background:#fff6f0;color:#6c463b;font-size:12px;font-weight:900;padding:14px 12px;text-align:right;border-bottom:1px solid rgba(126,83,69,.12);white-space:nowrap}
#publish-prep .v731-table td{background:#fff;padding:13px 12px;border-bottom:1px solid rgba(126,83,69,.08);vertical-align:middle;color:#2e211d}
#publish-prep .v731-table tr:hover td{background:#fffaf6}
#publish-prep .v731-check-cell{width:46px;text-align:center}
#publish-prep .v731-check-cell input,#publish-prep .v731-select-all input,.v731-edit-platform input{width:17px;height:17px;accent-color:#8c5648}
#publish-prep .v731-task-cell{display:flex;align-items:center;gap:12px;min-width:270px}
#publish-prep .v731-thumb{width:84px;height:60px;border-radius:16px;background:linear-gradient(135deg,#5f392d,#1f1512);display:grid;place-items:center;color:#fff;font-weight:900;overflow:hidden;flex:0 0 auto;position:relative}
#publish-prep .v731-thumb img{width:100%;height:100%;object-fit:cover}
#publish-prep .v731-thumb.video:after{content:'▶';position:absolute;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;right:8px;bottom:8px;background:rgba(0,0,0,.58);font-size:11px}
#publish-prep .v731-task-text{display:grid;gap:4px;min-width:0}
#publish-prep .v731-task-text strong{font-size:18px;color:#271814;line-height:1.2}
#publish-prep .v731-task-text span{font-size:12px;color:#7f6359;font-weight:900}
#publish-prep .v731-task-text small{font-size:11px;color:#9c7e73;font-weight:800}
#publish-prep .v731-platforms{display:flex;flex-wrap:wrap;gap:7px;max-width:260px}
#publish-prep .v731-platform-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(126,83,69,.12);background:#faf4f0;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:900;color:#3e2922;white-space:nowrap}
#publish-prep .v731-platform-pill em{font-style:normal;color:#8c6b5f;font-size:10px}
#publish-prep .v731-icon,.v731-edit-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900;flex:0 0 auto}
#publish-prep .v731-icon.facebook,.v731-edit-icon.facebook{background:#1877f2}.v731-icon.instagram,.v731-edit-icon.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}
#publish-prep .v731-icon.tiktok,.v731-edit-icon.tiktok{background:#111}.v731-icon.youtube,.v731-edit-icon.youtube{background:#f00}.v731-icon.snapchat,.v731-edit-icon.snapchat{background:#fffc00;color:#111}.v731-icon.whatsapp,.v731-edit-icon.whatsapp{background:#25d366}.v731-icon.other,.v731-edit-icon.other{background:#8c5648}
#publish-prep .v731-date{display:grid;gap:3px;min-width:120px}.v731-date strong{font-size:14px}.v731-date span{font-size:12px;color:#8c6b5f;font-weight:800}.v731-date .missing{color:#b44e3d}
#publish-prep .v731-file{display:grid;gap:5px;min-width:150px}.v731-file strong{font-size:12px;color:#197347}.v731-file small{font-size:11px;color:#85695e;line-height:1.4}.v731-file.missing strong{color:#b45309}
#publish-prep .v731-file a{width:max-content;border:1px solid rgba(126,83,69,.16);border-radius:10px;padding:5px 9px;background:#fff8f4;color:#6b4338;font-size:11px;font-weight:900;text-decoration:none}
#publish-prep .v731-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:130px}.v731-progress strong{font-size:14px}.v731-bar{height:9px;background:#ece3de;border-radius:999px;overflow:hidden}.v731-bar i{display:block;height:100%;background:linear-gradient(90deg,#2fbf69,#80ca75);border-radius:999px}.v731-bar.warn i{background:linear-gradient(90deg,#eea923,#f2ca71)}
#publish-prep .v731-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;white-space:nowrap}.v731-status.ready{background:#eaf8ef;color:#187046}.v731-status.waiting{background:#fff4dc;color:#9a6805}.v731-status.missing{background:#ffe9e6;color:#b7352d}.v731-status.published{background:#eaf2ff;color:#2456b8}
#publish-prep .v731-row-actions{display:flex;gap:8px;flex-wrap:wrap}.v731-row-actions .btn{height:38px;padding:0 13px;font-size:12px}
#publish-prep .v731-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:2px}.v731-bulk-bar .btn{min-width:150px}.v731-bulk-meta{display:flex;gap:8px;align-items:flex-end;color:#6c5147}.v731-bulk-meta strong{font-size:28px;line-height:1;color:#221713}.v731-select-all{display:flex;gap:8px;align-items:center;font-weight:900;color:#5f433a}
#publish-prep .v731-empty{min-height:180px;border:1px dashed rgba(126,83,69,.22);border-radius:20px;display:grid;place-items:center;text-align:center;color:#8c6b5f;font-weight:900;background:#fffaf7}

.v731-edit-popup{position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;direction:rtl;font-family:inherit}.v731-edit-backdrop{position:absolute;inset:0;background:rgba(34,24,21,.52);backdrop-filter:blur(5px)}
.v731-edit-dialog{position:relative;width:min(1040px,94vw);max-height:90vh;overflow:auto;background:#fff;border:1px solid rgba(126,83,69,.14);border-radius:28px;box-shadow:0 28px 90px rgba(30,18,14,.32);padding:20px;display:grid;gap:16px}.v731-edit-head{display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(126,83,69,.12);padding-bottom:14px}.v731-edit-head h3{margin:0;font-size:30px;color:#251713}.v731-edit-close{position:absolute;left:0;top:-2px;border:0;background:transparent;font-size:34px;line-height:1;cursor:pointer;color:#4a3028}
.v731-edit-summary{display:grid;grid-template-columns:1fr 170px;gap:14px;align-items:center;border:1px solid rgba(126,83,69,.12);border-radius:22px;background:#fffdfa;padding:14px}.v731-edit-summary-main{display:flex;align-items:center;gap:14px}.v731-edit-summary-text strong{font-size:22px;color:#251713}.v731-edit-summary-text span,.v731-edit-summary-text small{display:block;margin-top:4px;color:#7f6359;font-weight:900}.v731-edit-progress{display:grid;gap:7px;text-align:left}.v731-edit-progress span{font-weight:900;color:#684a41}.v731-edit-progress .v731-bar{width:100%}
.v731-edit-section{display:grid;gap:12px}.v731-edit-section h4{margin:0;font-size:16px;color:#3d261f}.v731-edit-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px}.v731-edit-platform{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(126,83,69,.16);border-radius:16px;padding:11px;background:#fff;cursor:pointer;font-weight:900}.v731-edit-platform.active{border-color:#b47a68;background:#fff7f2;box-shadow:0 8px 20px rgba(126,83,69,.08)}.v731-edit-platform-main{display:flex;align-items:center;gap:8px}.v731-edit-check{width:22px;height:22px;border-radius:50%;background:#37b96c;color:#fff;display:grid;place-items:center;font-size:11px}.v731-edit-platform:not(.active) .v731-edit-check{opacity:.2;background:#a58d85}
.v731-edit-post-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;border-top:1px solid rgba(126,83,69,.12);padding-top:14px}.v731-edit-type-card{border:1px solid rgba(126,83,69,.14);border-radius:16px;background:#fff;padding:12px;display:grid;gap:8px}.v731-edit-type-card strong{display:flex;align-items:center;gap:8px}.v731-edit-type-card span,.v731-edit-field span{display:block;margin-bottom:7px;font-size:12px;font-weight:900;color:#6d5148}.v731-edit-type-card select,.v731-edit-field input,.v731-edit-field textarea{width:100%;border:1px solid rgba(126,83,69,.16);border-radius:14px;background:#fff;padding:11px 12px;font-weight:800;color:#2b1c17;font-family:inherit}
.v731-edit-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v731-edit-field textarea{min-height:92px;resize:vertical}.v731-edit-field small{display:block;margin-top:5px;color:#8c6b5f;text-align:left;font-size:11px;font-weight:800}.v731-edit-actions{display:grid;grid-template-columns:150px 150px 1fr;gap:12px;border-top:1px solid rgba(126,83,69,.12);padding-top:14px}.v731-edit-actions .btn{min-height:50px;font-size:15px}.v731-edit-empty{padding:18px;border-radius:16px;background:#fff7f2;color:#8c6b5f;font-weight:900;text-align:center}
@media(max-width:1200px){#publish-prep .v731-prep-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.v731-edit-post-types{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#publish-prep .v731-prep-stats{grid-template-columns:1fr 1fr}#publish-prep .v731-prep-search{min-width:100%}#publish-prep .v731-prep-toolbar,#publish-prep .v731-prep-toolbar-start{align-items:stretch;width:100%}#publish-prep .v731-prep-toolbar-filters{width:100%}#publish-prep .v731-prep-toolbar-filters label{flex:1 1 160px}.v731-edit-summary,.v731-edit-two,.v731-edit-actions{grid-template-columns:1fr}.v731-edit-dialog{padding:15px}.v731-edit-head h3{font-size:24px}.v731-edit-post-types{grid-template-columns:1fr 1fr}}
@media(max-width:520px){#publish-prep .v731-prep-stats{grid-template-columns:1fr}.v731-edit-post-types{grid-template-columns:1fr}}

/* v732 - publish prep only refinements: short task title, clean modal, multi post types */
#publish-prep .v732-task-title strong{font-size:19px!important;letter-spacing:.2px;line-height:1.25;color:#2b1c17!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;display:block}
#publish-prep .v732-task-title span{font-size:12px!important;color:#7f6359;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;display:block}
#publish-prep .v732-task-title small{display:none!important}
#publish-prep .v732-platform-pill em{display:inline-flex;gap:4px;align-items:center;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#publish-prep .v732-platform-pill em b{font-weight:900;color:#6b4338}
.v732-edit-popup{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;direction:rtl!important;font-family:inherit!important}
.v732-edit-backdrop{position:fixed!important;inset:0!important;z-index:2147483001!important;background:rgba(42,30,25,.58)!important;backdrop-filter:blur(7px)!important}
.v732-edit-dialog{position:relative!important;z-index:2147483002!important;width:min(1040px,94vw)!important;max-height:88vh!important;overflow:auto!important;background:#fff!important;border:1px solid rgba(126,83,69,.16)!important;border-radius:28px!important;box-shadow:0 32px 110px rgba(29,17,13,.42)!important;padding:18px 20px 16px!important;display:grid!important;gap:14px!important;color:#2c1d18!important}
.v732-edit-head{position:sticky;top:0;z-index:2;background:#fff;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(126,83,69,.12);padding:4px 0 14px;margin:-2px 0 0}
.v732-edit-head h3{font-size:28px;line-height:1.2;margin:0;color:#211411;font-weight:900}.v732-edit-close{position:absolute;left:0;top:0;border:0;background:transparent;font-size:34px;line-height:1;color:#4a3028;cursor:pointer;padding:0 4px}
.v732-edit-summary{display:grid;grid-template-columns:1fr 170px;gap:14px;align-items:center;background:#fffdfa;border:1px solid rgba(126,83,69,.12);border-radius:22px;padding:13px}
.v732-edit-summary-main{display:flex;align-items:center;gap:13px;min-width:0}.v732-edit-summary-text{display:grid;gap:4px;min-width:0}.v732-edit-summary-text strong{font-size:24px;color:#251713;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v732-edit-summary-text span,.v732-edit-summary-text small{font-size:13px;color:#7f6359;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v732-edit-progress{display:grid;gap:8px;text-align:left}.v732-edit-progress span{font-weight:900;color:#684a41}.v732-edit-progress .v731-bar{width:100%}
.v732-edit-section{display:grid;gap:12px}.v732-edit-section h4{margin:0;font-size:16px;color:#3d261f}.v732-edit-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.v732-edit-platform{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(126,83,69,.16);border-radius:16px;padding:11px;background:#fff;cursor:pointer;font-weight:900;transition:.18s}.v732-edit-platform.active{border-color:#b47a68;background:#fff7f2;box-shadow:0 8px 20px rgba(126,83,69,.08)}.v732-edit-platform-main{display:flex;align-items:center;gap:8px}.v732-edit-check{width:22px;height:22px;border-radius:50%;background:#37b96c;color:#fff;display:grid;place-items:center;font-size:11px}.v732-edit-platform:not(.active) .v732-edit-check{opacity:.2;background:#a58d85}.v732-edit-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900;flex:0 0 auto}.v732-edit-icon.facebook{background:#1877f2}.v732-edit-icon.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.v732-edit-icon.tiktok{background:#111}.v732-edit-icon.youtube{background:#f00}.v732-edit-icon.snapchat{background:#fffc00;color:#111}.v732-edit-icon.whatsapp{background:#25d366}.v732-edit-icon.other{background:#8c5648}
.v732-edit-post-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;border-top:1px solid rgba(126,83,69,.12);padding-top:14px}.v732-edit-type-card{border:1px solid rgba(126,83,69,.14);border-radius:18px;background:#fff;padding:13px;display:grid;gap:12px}.v732-edit-type-card-head{display:flex;align-items:center;gap:8px;font-weight:900;color:#2f1f1a}.v732-type-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v732-type-check{display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid rgba(126,83,69,.14);border-radius:12px;padding:8px 9px;background:#fffaf7;font-size:12px;font-weight:900;color:#4d332b;cursor:pointer}.v732-type-check input{width:16px;height:16px;accent-color:#8c5648}.v732-type-check:has(input:checked){border-color:#b47a68;background:#fff1ea;color:#6f3f35}.v732-platform-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v732-platform-date-grid label,.v732-edit-field{display:grid;gap:6px}.v732-platform-date-grid span,.v732-edit-field span{font-size:11px;font-weight:900;color:#6d5148}.v732-platform-date-grid input,.v732-edit-field input,.v732-edit-field textarea{width:100%;border:1px solid rgba(126,83,69,.16);border-radius:13px;background:#fff;padding:10px 11px;font-weight:800;color:#2b1c17;font-family:inherit}.v732-time-note{font-size:10px;color:#9b7b70;font-weight:800;margin-top:-3px}.v732-edit-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v732-edit-field textarea{min-height:84px;resize:vertical}.v732-edit-field small{display:block;margin-top:5px;color:#8c6b5f;text-align:left;font-size:11px;font-weight:800}.v732-edit-actions{display:grid;grid-template-columns:150px 1fr;gap:12px;border-top:1px solid rgba(126,83,69,.12);padding-top:14px}.v732-edit-actions .btn{min-height:50px;font-size:15px}.v732-edit-empty{padding:18px;border-radius:16px;background:#fff7f2;color:#8c6b5f;font-weight:900;text-align:center}
body:has(.v732-edit-popup){overflow:hidden!important}.v732-edit-popup ~ .topbar,.v732-edit-popup ~ header{pointer-events:none!important}
@media(max-width:800px){.v732-edit-summary,.v732-edit-two,.v732-edit-actions{grid-template-columns:1fr}.v732-edit-dialog{padding:15px}.v732-edit-head h3{font-size:24px}.v732-edit-post-types{grid-template-columns:1fr}.v732-platform-date-grid{grid-template-columns:1fr}}

/* Campaign database and management approved layouts */
#reports .database-card{padding:14px 14px 18px;background:rgba(255,253,252,.94);border-radius:22px}
#reports .database-table-wrap{overflow:auto;border:1px solid rgba(90,58,50,.12);border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(90,58,50,.06)}
#reports .database-table{width:100%;min-width:1660px;border-collapse:separate;border-spacing:0;table-layout:fixed}
#reports .database-table th{position:sticky;top:0;z-index:2;background:#5a3a32;color:#fff;font-weight:900;font-size:12px;padding:13px 10px;border-left:1px solid rgba(255,255,255,.18);white-space:nowrap;text-align:center}
#reports .database-table th:first-child{border-top-right-radius:16px}#reports .database-table th:last-child{border-top-left-radius:16px;border-left:0}
#reports .database-table td{border-left:1px solid #eee1d8;border-bottom:1px solid #eee1d8;padding:12px 10px;text-align:center;vertical-align:middle;background:#fff;font-weight:800;color:#2f201c;font-size:12px}
#reports .database-table tr:hover td{background:#fffaf6}
#reports .database-table th:nth-child(1),#reports .database-table td:nth-child(1){width:54px}
#reports .database-table th:nth-child(2),#reports .database-table td:nth-child(2){width:110px}
#reports .database-table th:nth-child(3),#reports .database-table td:nth-child(3){width:150px;direction:ltr}
#reports .database-table th:nth-child(4),#reports .database-table td:nth-child(4){width:125px}
#reports .database-table th:nth-child(5),#reports .database-table td:nth-child(5){width:125px}
#reports .database-table th:nth-child(6),#reports .database-table td:nth-child(6){width:110px}
#reports .database-table th:nth-child(7),#reports .database-table td:nth-child(7),#reports .database-table th:nth-child(8),#reports .database-table td:nth-child(8){width:125px}
#reports .database-table th:nth-child(9),#reports .database-table td:nth-child(9),#reports .database-table th:nth-child(10),#reports .database-table td:nth-child(10),#reports .database-table th:nth-child(11),#reports .database-table td:nth-child(11),#reports .database-table th:nth-child(12),#reports .database-table td:nth-child(12),#reports .database-table th:nth-child(13),#reports .database-table td:nth-child(13){width:170px}
#reports .database-table th:nth-child(14),#reports .database-table td:nth-child(14){width:116px}
#reports .database-table th:nth-child(15),#reports .database-table td:nth-child(15){width:118px}
#reports .db-department-stack{display:grid;gap:8px;align-items:start;justify-items:stretch}
#reports .db-department-mini{border:1px solid #ead4c6;border-radius:14px;background:linear-gradient(180deg,#fff,#fffaf6);padding:10px;display:grid;gap:7px;text-align:right;box-shadow:0 10px 22px rgba(90,58,50,.045)}
#reports .db-department-mini span{display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px dashed rgba(90,58,50,.10);padding-bottom:5px;color:#74594f;font-size:11px;line-height:1.35}
#reports .db-department-mini span:last-of-type{border-bottom:0}#reports .db-department-mini b{color:#2f201c;font-weight:900}
#reports .owner-tasks-btn,#reports .db-view-data-btn{min-height:34px;border-radius:11px;background:#fff;color:#5a3a32;border:1px solid #dcbfae;font-weight:900}
#reports .db-actions{display:grid!important;gap:7px;align-content:center}#reports .db-actions .mini-btn{width:100%;justify-content:center}
#reports .muted-db-cell{display:inline-grid;place-items:center;color:#8a746a;font-weight:900;min-height:36px}

#campaigns .campaigns-management-head{align-items:center;margin-bottom:14px}
#campaigns .campaigns-management-card{padding:14px;background:rgba(255,253,252,.94);border-radius:22px}
#campaigns .campaigns-management-toolbar{display:grid;grid-template-columns:auto minmax(240px,1.3fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(150px,.8fr);gap:10px;align-items:end;margin-bottom:14px}
#campaigns .campaigns-date-filter{display:grid;gap:5px;color:#8a746a;font-weight:900;font-size:11px}
#campaigns .campaign-management-table-wrap{overflow:auto;border:1px solid #eee1d8;border-radius:16px;background:#fff}
#campaigns .campaign-management-table{width:100%;min-width:1280px;border-collapse:separate;border-spacing:0;table-layout:fixed}
#campaigns .campaign-management-table th{background:#fffaf6;color:#2f201c;font-size:12px;font-weight:900;padding:12px 10px;border-left:1px solid #eee1d8;border-bottom:1px solid #ead4c6;text-align:center;white-space:nowrap}
#campaigns .campaign-management-table td{padding:11px 10px;border-left:1px solid #eee1d8;border-bottom:1px solid #eee1d8;text-align:center;vertical-align:middle;font-weight:800;color:#2f201c;background:#fff}
#campaigns .campaign-management-table tbody tr{cursor:pointer;transition:.16s ease}#campaigns .campaign-management-table tbody tr:hover td{background:#fff8f3}#campaigns .campaign-management-table tbody tr.selected td{background:#fff2ea}
#campaigns .campaign-row-actions{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}#campaigns .campaign-row-actions .mini-btn{min-height:32px;padding:7px 10px;border-radius:10px}
.campaign-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;border:1px solid transparent;white-space:nowrap}.campaign-status-badge.active{background:#e8f6ed;color:#24734a;border-color:#c6e7d2}.campaign-status-badge.planned{background:#e8f2fb;color:#2d679c;border-color:#cbdff1}.campaign-status-badge.completed{background:#edf7e6;color:#406c24;border-color:#d1e8c5}.campaign-status-badge.archived{background:#f3eee9;color:#7f6b62;border-color:#e3d6ca}
.campaign-progress-line{display:flex;align-items:center;gap:8px;justify-content:center;direction:ltr}.campaign-progress-line span{min-width:34px;text-align:center;font-weight:900;color:#2f201c}.campaign-progress-line b{display:block;width:84px;height:7px;border-radius:999px;background:#efe6df;overflow:hidden}.campaign-progress-line i{display:block;height:100%;border-radius:999px;background:#6f3f34}
.campaign-selected-detail{margin-top:14px;border:1px solid #ead4c6;border-radius:20px;background:linear-gradient(180deg,#fff,#fffaf6);padding:14px;box-shadow:0 16px 34px rgba(90,58,50,.065)}
.campaign-selected-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #eee1d8;padding-bottom:12px;margin-bottom:12px}.campaign-selected-head h2{margin:0 0 4px;font-size:20px}.campaign-selected-head p{margin:0;color:#8a746a;font-weight:800;display:flex;gap:7px;align-items:center}.campaign-selected-head strong{color:#2f201c}
.campaign-detail-actions{margin-bottom:12px}.campaign-detail-actions .campaign-row-actions{justify-content:flex-start}
.campaign-detail-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr .8fr;gap:12px}.campaign-detail-section{border:1px solid #eee1d8;background:rgba(255,255,255,.82);border-radius:16px;padding:12px;min-height:120px}.campaign-detail-section h3{font-size:15px;margin:0 0 10px;color:#2f201c}.campaign-info-section{grid-row:span 2}.campaign-budget-section{grid-column:span 2}.campaign-tasks-section{grid-column:span 2}.campaign-links-section,.campaign-results-section{min-height:190px}
.campaign-detail-kv-list{display:grid;grid-template-columns:1fr;gap:6px}.campaign-detail-kv-list.slim{grid-template-columns:1fr}.campaign-detail-kv-list>div,.campaign-data-info-grid>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;text-align:right!important;border:1px solid #f0e0d6!important;background:#fff!important;border-radius:12px!important;padding:9px 11px!important;min-height:46px!important}.campaign-detail-kv-list span,.campaign-data-info-grid span{color:#9b7b6e!important;font-size:11px!important;font-weight:900!important;margin:0!important}.campaign-detail-kv-list strong,.campaign-data-info-grid strong{font-size:12px!important;color:#2f201c!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:left!important;direction:auto!important}
.campaign-progress-panel{display:grid;justify-items:center;gap:12px}.campaign-progress-circle{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 57%,transparent 58%),conic-gradient(#6f3f34 0deg,#6f3f34 0deg,#eee6e0 0deg 360deg);border:10px solid #eee6e0}.campaign-progress-circle strong{font-size:22px;color:#2f201c}.campaign-progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.campaign-progress-stats span{border:1px solid #eee1d8;border-radius:12px;background:#fff;padding:8px;text-align:center;color:#8a746a;font-weight:800}.campaign-progress-stats b{display:block;color:#2f201c;font-size:16px}
.campaign-empty-box{min-height:150px;border:1px dashed #e5cfc2;border-radius:14px;display:grid;place-items:center;text-align:center;padding:16px;color:#9b7b6e;background:#fff}.campaign-empty-box span{font-size:30px;color:#b59a89}.campaign-empty-box p{margin:0;font-weight:900}.campaign-empty-box .btn{margin-top:8px}.campaign-links-inline-add{margin-top:10px;display:grid;grid-template-columns:1fr 1.3fr auto;gap:8px}.campaign-selected-detail .compact-table,.campaign-data-view .compact-table{overflow:auto;border:1px solid #eee1d8;border-radius:13px;background:#fff}.campaign-selected-detail .compact-table table,.campaign-data-view .compact-table table{width:100%;border-collapse:collapse;min-width:520px}.campaign-selected-detail .compact-table th,.campaign-selected-detail .compact-table td,.campaign-data-view .compact-table th,.campaign-data-view .compact-table td{border:1px solid #eee1d8;padding:8px;text-align:center;font-size:11px}.campaign-selected-detail .compact-table th,.campaign-data-view .compact-table th{background:#f7f1ec;font-weight:900;color:#2f201c}.budget-total-row td{background:#fff4ec!important;font-weight:900!important}
#campaignModal .campaign-data-view{display:grid;gap:12px}#campaignModal .campaign-data-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #ead4c6;padding-bottom:14px}#campaignModal .campaign-data-title span{font-weight:900;color:#b85e4e;font-size:12px}#campaignModal .campaign-data-title h2{margin:4px 0;font-size:30px;color:#2f201c}#campaignModal .campaign-data-title p{margin:0;color:#8a746a;font-weight:900;direction:ltr;text-align:right}#campaignModal .campaign-data-actions{justify-content:flex-start}#campaignModal .campaign-data-section{background:rgba(255,255,255,.78)!important;border-radius:18px!important}.campaign-data-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.campaign-data-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:1180px){#campaigns .campaigns-management-toolbar{grid-template-columns:1fr 1fr}.campaign-detail-grid{grid-template-columns:1fr 1fr}.campaign-info-section,.campaign-budget-section,.campaign-tasks-section{grid-column:auto;grid-row:auto}.campaign-data-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.campaign-data-two-cols{grid-template-columns:1fr}}
@media(max-width:760px){#campaigns .campaigns-management-toolbar{grid-template-columns:1fr}.campaign-detail-grid{grid-template-columns:1fr}.campaign-links-inline-add{grid-template-columns:1fr}.campaign-data-info-grid{grid-template-columns:1fr!important}#campaignModal .campaign-data-top{flex-direction:column}}

/* v101 database page targeted fixes */
#reports .database-table td.db-department-cell{
  white-space:normal!important;
  overflow:hidden!important;
  vertical-align:top!important;
  padding:10px 8px!important;
}
#reports .db-department-stack{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  overflow:hidden!important;
}
#reports .db-department-mini{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#reports .db-department-mini span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#reports .db-department-mini b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#reports .database-table th:nth-child(9),#reports .database-table td:nth-child(9),
#reports .database-table th:nth-child(10),#reports .database-table td:nth-child(10),
#reports .database-table th:nth-child(11),#reports .database-table td:nth-child(11),
#reports .database-table th:nth-child(12),#reports .database-table td:nth-child(12),
#reports .database-table th:nth-child(13),#reports .database-table td:nth-child(13){width:190px!important}
#campaignModal.show .campaign-modal-dialog,
#campaignModal.show .task-modal-dialog,
#campaignModal.show .modal-dialog{
  width:min(1500px,96vw)!important;
  max-width:96vw!important;
  max-height:94vh!important;
}
#campaignModal .campaign-data-view{
  gap:10px!important;
}
#campaignModal .campaign-data-top{
  padding-bottom:10px!important;
  margin-bottom:0!important;
}
#campaignModal .campaign-data-title h2{
  font-size:26px!important;
  margin:2px 0!important;
}
#campaignModal .campaign-data-actions .mini-btn{
  min-height:34px!important;
  padding:7px 11px!important;
}
#campaignModal .campaign-data-section{
  padding:12px!important;
}
#campaignModal .campaign-data-section .modal-section-title{
  margin-bottom:8px!important;
}
#campaignModal .campaign-data-info-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
#campaignModal .campaign-data-info-grid>div{
  min-height:42px!important;
  padding:8px 10px!important;
}
#campaignModal .campaign-data-two-cols{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
#campaignModal .compact-table table{
  min-width:0!important;
}
#campaignModal .campaign-data-view .compact-table th,
#campaignModal .campaign-data-view .compact-table td{
  padding:7px 8px!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  white-space:normal!important;
}
#campaignModal .campaign-data-view .empty-state,
#campaignModal .campaign-empty-box{
  min-height:110px!important;
  padding:12px!important;
}
@media(max-width:1180px){
  #campaignModal .campaign-data-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #campaignModal .campaign-data-info-grid{grid-template-columns:1fr!important}
  #campaignModal .campaign-data-two-cols{grid-template-columns:1fr!important}
}

/* v102 campaign management notes: inline detail under selected row + focused edit popups */
#campaigns .campaign-management-table tbody tr.campaign-management-detail-row,
#campaigns .campaign-management-table tbody tr.campaign-management-detail-row:hover{
  cursor:default!important;
}
#campaigns .campaign-management-table tbody tr.campaign-management-detail-row>td{
  padding:0!important;
  background:#fff!important;
  text-align:initial!important;
  border-left:0!important;
}
#campaigns .campaign-management-detail-row .campaign-selected-detail{
  margin:0!important;
  border:0!important;
  border-top:1px solid #ead4c6!important;
  border-radius:0 0 16px 16px!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,#fff,#fffaf6)!important;
  padding:16px!important;
}
#campaigns .campaign-management-table tbody tr.campaign-management-detail-row:hover td{
  background:#fff!important;
}
#campaigns .campaign-detail-actions{display:none!important}
#campaigns .campaign-management-table th:nth-child(11),
#campaigns .campaign-management-table td:nth-child(11){width:280px!important}
#campaigns .campaign-row-actions{gap:7px!important}
#campaigns .campaign-row-actions .mini-btn{min-width:74px!important}
#campaigns .campaign-selected-detail .campaign-detail-grid{
  grid-template-columns:1.05fr .9fr .9fr .8fr!important;
  align-items:stretch!important;
}
#campaigns .campaign-selected-detail .campaign-tasks-section{
  grid-column:span 4!important;
}
#campaignModal.campaign-edit-large-modal .task-modal-dialog,
#campaignModal.campaign-budget-large-modal .task-modal-dialog{
  width:min(1380px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 24px)!important;
  margin:12px auto!important;
  padding:18px!important;
}
#campaignModal.campaign-edit-large-modal #campaignModalContent,
#campaignModal.campaign-budget-large-modal #campaignModalContent{
  max-height:calc(100vh - 78px)!important;
  overflow:auto!important;
  padding-inline:2px!important;
}
#campaignModal .campaign-edit-modal-shell{display:grid;gap:12px}
#campaignModal .campaign-edit-head{position:sticky;top:0;z-index:4;background:linear-gradient(180deg,#fffdfb,#fbf2eb);border-radius:16px;padding:12px 42px 12px 12px!important;margin-bottom:12px!important}
#campaignModal .campaign-edit-step{background:#fff!important;border-radius:18px!important}
#campaignModal .campaign-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
#campaignModal .campaign-edit-grid-wide .field-wide{grid-column:span 2}
#campaignModal .campaign-edit-grid textarea{min-height:74px;resize:vertical}
#campaignModal .campaign-edit-task-table{max-height:320px;overflow:auto!important}
#campaignModal .campaign-edit-task-table table{min-width:900px!important}
#campaignModal .campaign-edit-add-task{margin-top:12px;border:1px dashed #ead4c6;border-radius:16px;background:#fffaf6;padding:12px}
#campaignModal .campaign-edit-add-task h4{margin:0 0 10px;font-size:14px;color:#2f201c}
#campaignModal .modal-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:1180px){
  #campaigns .campaign-selected-detail .campaign-detail-grid{grid-template-columns:1fr 1fr!important}
  #campaigns .campaign-selected-detail .campaign-tasks-section{grid-column:span 2!important}
  #campaignModal .campaign-edit-grid{grid-template-columns:1fr 1fr}
  #campaignModal .campaign-edit-grid-wide .field-wide{grid-column:span 2}
}
@media(max-width:760px){
  #campaigns .campaign-selected-detail .campaign-detail-grid{grid-template-columns:1fr!important}
  #campaigns .campaign-selected-detail .campaign-tasks-section{grid-column:auto!important}
  #campaignModal .campaign-edit-grid{grid-template-columns:1fr}
  #campaignModal .campaign-edit-grid-wide .field-wide{grid-column:auto}
}

/* v105 clean database/campaign targeted fixes */
#reports .database-table{min-width:2080px!important;table-layout:fixed!important}
#reports .database-table th:nth-child(9),#reports .database-table td:nth-child(9),
#reports .database-table th:nth-child(10),#reports .database-table td:nth-child(10),
#reports .database-table th:nth-child(11),#reports .database-table td:nth-child(11),
#reports .database-table th:nth-child(12),#reports .database-table td:nth-child(12),
#reports .database-table th:nth-child(13),#reports .database-table td:nth-child(13){width:255px!important;min-width:255px!important}
#reports .database-table td.db-department-cell{overflow:visible!important;white-space:normal!important;padding:10px!important;vertical-align:top!important}
#reports .db-department-stack{overflow:visible!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#reports .db-department-mini{overflow:visible!important;width:100%!important;max-width:none!important;min-width:0!important;padding:11px 12px!important}
#reports .db-department-mini span{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;gap:5px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important}
#reports .db-department-mini b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important;text-align:left!important;direction:auto!important}
#reports .owner-tasks-btn{width:100%!important;margin-top:4px!important}
#campaigns .campaign-row-actions [data-open-campaign-budget]{display:none!important}
#campaignModal .campaign-data-info-grid [data-campaign-serial-field]{display:none!important}
.cc-platform-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px}
.cc-platform-values label{display:flex;flex-direction:column;gap:6px;border:1px solid rgba(150,83,65,.12);background:#fff;border-radius:12px;padding:8px}
.cc-platform-values span{font-size:11px;color:#6d5850;font-weight:700}
.cc-platform-values input{height:36px;border:1px solid rgba(150,83,65,.14);border-radius:10px;background:#fffaf7;padding:6px 8px;font-family:inherit}

/* v722 - content Task Template admin note */
.v722-admin-note-section{margin-top:14px!important}
.v722-admin-note-input{width:100%;min-height:110px;border:1px solid #ead7cb;border-radius:16px;background:#fffdfb;padding:14px;color:#2b1711;font-family:inherit;font-weight:700;resize:vertical;box-sizing:border-box;outline:none;direction:rtl;text-align:right;line-height:1.8}
.v722-admin-note-input:focus{border-color:#8a4a38;box-shadow:0 0 0 3px rgba(138,74,56,.10)}
.v722-admin-note-actions{justify-content:flex-start!important;margin-top:10px!important}
.v722-admin-note-readonly{border:1px solid #ead7cb;border-radius:16px;background:#fffdfb;padding:14px;color:#2b1711;font-weight:800;line-height:1.8;white-space:pre-wrap}

/* v722 - content Task Template admin note */
.v722-admin-note-section{margin-top:14px!important}
.v722-admin-note-input{width:100%;min-height:110px;border:1px solid #ead7cb;border-radius:16px;background:#fffdfb;padding:14px;color:#2b1711;font-family:inherit;font-weight:700;resize:vertical;box-sizing:border-box;outline:none;direction:rtl;text-align:right;line-height:1.8}
.v722-admin-note-input:focus{border-color:#8a4a38;box-shadow:0 0 0 3px rgba(138,74,56,.10)}
.v722-admin-note-actions{justify-content:flex-start!important;margin-top:10px!important}
.v722-admin-note-readonly{border:1px solid #ead7cb;border-radius:16px;background:#fffdfb;padding:14px;color:#2b1711;font-weight:800;line-height:1.8;white-space:pre-wrap}

/* v738 content Task Template uploaded/approved data uses the approved Task Template layout */
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted{
  margin-top:0!important;
  padding:12px!important;
  border-radius:20px!important;
  background:#fffaf6!important;
  border:1px solid #eed9cc!important;
  box-shadow:0 10px 28px rgba(67,38,24,.045)!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-section-head{
  margin-bottom:10px!important;
  direction:rtl!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-section-head h3{
  font-size:18px!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-top-cards{
  display:grid!important;
  grid-template-columns:1.05fr 1.55fr 1.15fr 1fr .9fr!important;
  gap:10px!important;
  margin-bottom:10px!important;
  direction:rtl!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-mini-card{
  min-height:94px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-mini-card strong{
  font-size:12px!important;
  margin-bottom:5px!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-mini-card div{
  font-size:12.5px!important;
  line-height:1.55!important;
  text-align:center!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-scenes-box,
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-bottom-card{
  padding:10px!important;
  border-radius:14px!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-box-title{
  font-size:16px!important;
  margin-bottom:8px!important;
  justify-content:flex-start!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-scenes-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  direction:rtl!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-scene{
  min-height:230px!important;
  max-height:300px!important;
  overflow:auto!important;
  padding:9px 10px!important;
  border-radius:13px!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-scene-num{
  top:8px!important;
  left:8px!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-scene h4{
  font-size:12px!important;
  line-height:1.35!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v728-slide-details{
  gap:6px!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v728-slide-row{
  padding-top:6px!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v728-slide-row b{
  font-size:10.5px!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v728-slide-row p{
  font-size:10.5px!important;
  line-height:1.38!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-bottom-grid{
  display:grid!important;
  grid-template-columns:1.5fr 1fr!important;
  gap:10px!important;
  margin-top:10px!important;
  direction:rtl!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-caption{
  font-size:13px!important;
  line-height:1.65!important;
  text-align:center!important;
}
#taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-tags{
  justify-content:flex-start!important;
}
@media(max-width:1180px){
  #taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-top-cards,
  #taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-scenes-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-bottom-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:700px){
  #taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-top-cards,
  #taskModal.v701-content-template-fullscreen .v701-uploaded-template-formatted .v696-scenes-grid{
    grid-template-columns:1fr!important;
  }
}

/* Task Template revision notes layout */
.task-revision-section{
  display:grid!important;
  gap:16px!important;
  padding:18px!important;
}
.task-revision-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  direction:rtl!important;
  text-align:right!important;
}
.task-revision-heading h3{
  margin:0 0 6px!important;
  font-size:20px!important;
  color:#2d1e18!important;
}
.task-revision-heading p{
  margin:0!important;
  color:#8f7469!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.7!important;
}
.task-revision-count{
  flex:0 0 auto!important;
  min-width:38px!important;
  height:38px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#fff0e6!important;
  border:1px solid #efcdbc!important;
  color:#a55331!important;
  font-weight:900!important;
  font-size:14px!important;
}
.task-revision-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
}
.task-revision-card{
  display:grid!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  padding:16px!important;
  border:1px solid #edcdbf!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fffaf7 0%,#fff 100%)!important;
  box-shadow:0 8px 22px rgba(91,52,38,.05)!important;
  direction:rtl!important;
  text-align:right!important;
}
.task-revision-card-head{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid #f0ddd3!important;
}
.task-revision-card-head>div{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.task-revision-card-head small,
.task-revision-note>span,
.task-revision-current>span{
  color:#9a776b!important;
  font-size:11px!important;
  font-weight:900!important;
}
.task-revision-card-head strong{
  color:#2d1d17!important;
  font-size:16px!important;
  line-height:1.6!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
.task-revision-number{
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #edcdbf!important;
  color:#a55331!important;
  font-size:13px!important;
  font-weight:900!important;
}
.task-revision-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:#ffe9dd!important;
  color:#b24f2c!important;
  border:1px solid #f3c8b5!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.task-revision-note,
.task-revision-current{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  padding:13px 15px!important;
  border-radius:16px!important;
}
.task-revision-note{
  background:#fff2e9!important;
  border:1px solid #f0cbbb!important;
}
.task-revision-current{
  background:#fff!important;
  border:1px solid #eadbd3!important;
}
.task-revision-note p,
.task-revision-current p{
  margin:0!important;
  color:#34221b!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.9!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
@media (max-width:720px){
  .task-revision-section{padding:13px!important;}
  .task-revision-heading{align-items:center!important;}
  .task-revision-card{padding:13px!important;}
  .task-revision-card-head{grid-template-columns:auto minmax(0,1fr)!important;}
  .task-revision-status{grid-column:1/-1!important;justify-self:start!important;}
}



/* Campaign Management + Database table layout: full width and compact controls */
#campaigns .campaigns-management-card{
  padding:14px 0 0!important;
  overflow:hidden!important;
}
#campaigns .campaigns-management-toolbar{
  padding-inline:14px!important;
}
#campaigns .campaign-management-table-wrap{
  width:100%!important;
  margin:0!important;
  border-right:0!important;
  border-left:0!important;
  border-bottom:0!important;
  border-radius:0!important;
}
#campaigns .campaign-management-table th:nth-child(11),
#campaigns .campaign-management-table td:nth-child(11){
  width:210px!important;
  min-width:210px!important;
}
#campaigns .campaign-row-actions{
  flex-wrap:nowrap!important;
  gap:5px!important;
}
#campaigns .campaign-row-actions .mini-btn{
  min-width:0!important;
  padding:7px 9px!important;
  white-space:nowrap!important;
}

#reports .database-card{
  padding:0!important;
  overflow:hidden!important;
}
#reports .database-table-wrap{
  width:100%!important;
  margin:0!important;
  border-right:0!important;
  border-left:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#reports .database-table{
  min-width:1240px!important;
}
#reports .database-table th:nth-child(9),
#reports .database-table td:nth-child(9){
  width:108px!important;
  min-width:108px!important;
}
#reports .database-table th:nth-child(10),
#reports .database-table td:nth-child(10){
  width:148px!important;
  min-width:148px!important;
}
#reports .db-view-data-btn{
  min-width:88px!important;
  width:auto!important;
  padding:7px 9px!important;
  white-space:nowrap!important;
}
#reports .db-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:5px!important;
}
#reports .db-actions .mini-btn{
  width:auto!important;
  min-width:58px!important;
  padding:7px 8px!important;
  white-space:nowrap!important;
}


/* v24 - creative catalog linked to departments */
.creative-catalog-import-btn{width:100%;margin-top:4px}
.creative-department-group{border:1px solid var(--line,#e5cbbe);border-radius:18px;padding:14px;background:rgba(255,255,255,.28);margin-bottom:14px}
.creative-department-group:last-child{margin-bottom:0}
.creative-department-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 12px}
.creative-department-group-head h3{margin:0;font-size:18px}
.creative-department-group-head span{font-size:12px;color:var(--muted,#8e7166);background:var(--surface,#faf6f1);border:1px solid var(--line,#e5cbbe);border-radius:999px;padding:6px 10px}
.creative-department-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.creative-catalog-item{margin:0;min-width:0}
.creative-catalog-item .item-head h3{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.creative-code-chip{direction:ltr;unicode-bidi:embed;font-weight:800;letter-spacing:.25px}
@media (max-width:900px){.creative-department-items{grid-template-columns:1fr}}


/* v25: keep notification bell at the top and show new notification cards at the bottom */
.live-notification-popup,
body .live-notification-popup,
#liveNotificationPopup{
  top:auto !important;
  bottom:24px !important;
  left:24px !important;
  right:auto !important;
  transform:translateY(18px) !important;
}
.live-notification-popup.show,
#liveNotificationPopup.show{
  transform:translateY(0) !important;
}
@media(max-width:780px){
  .live-notification-popup,
  body .live-notification-popup,
  #liveNotificationPopup{
    top:auto !important;
    bottom:12px !important;
    left:12px !important;
    right:12px !important;
  }
}

/* MZJ v24 - standalone receipt calendar using the campaign-screen brown and cream palette. */
#receipt-calendar .receipt-calendar-card{
  --receipt-dark:#3b1d15;
  --receipt-brown:#603124;
  --receipt-copper:#b55f40;
  --receipt-copper-soft:#f4ded3;
  --receipt-cream:#fbf6f2;
  --receipt-line:#e6d5cd;
  padding:16px;
  background:#fff;
  border-color:var(--receipt-line);
  box-shadow:0 16px 42px rgba(59,29,21,.08);
}
#receipt-calendar .receipt-calendar-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  padding:10px 12px;
  border:1px solid var(--receipt-line);
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fbf6f2);
}
#receipt-calendar .receipt-calendar-toolbar>strong{color:var(--receipt-dark);font-size:20px;font-weight:900}
#receipt-calendar .receipt-calendar-toolbar .btn{border-color:#d9beb2;color:var(--receipt-brown);background:#fff}
#receipt-calendar .receipt-calendar-toolbar .btn:hover{background:var(--receipt-cream);border-color:var(--receipt-copper)}
#receipt-calendar .receipt-calendar-board{overflow:auto;padding-bottom:3px}
#receipt-calendar .receipt-calendar-shell{min-width:1120px;border:1px solid var(--receipt-line);border-radius:18px;overflow:hidden;background:#fff}
#receipt-calendar .receipt-calendar-week,
#receipt-calendar .receipt-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr))}
#receipt-calendar .receipt-calendar-week{background:linear-gradient(180deg,#4b281f,#321a14);color:#fff}
#receipt-calendar .receipt-calendar-week span{padding:12px 8px;text-align:center;font-weight:900;border-left:1px solid rgba(255,255,255,.14)}
#receipt-calendar .receipt-calendar-week span:last-child{border-left:0}
#receipt-calendar .receipt-calendar-day{
  height:278px;
  min-width:0;
  padding:9px;
  border-left:1px solid var(--receipt-line);
  border-bottom:1px solid var(--receipt-line);
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:8px;
}
#receipt-calendar .receipt-calendar-day:nth-child(7n){border-left:0}
#receipt-calendar .receipt-calendar-day.is-empty{background:#faf7f5}
#receipt-calendar .receipt-calendar-day.has-items{background:linear-gradient(180deg,#fff 0%,#fdf9f6 100%)}
#receipt-calendar .receipt-calendar-day.is-today{background:linear-gradient(180deg,#fffaf6 0%,#f8e9e1 100%);box-shadow:inset 0 0 0 2px var(--receipt-copper)}
#receipt-calendar .receipt-calendar-day-head{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding-bottom:7px;border-bottom:1px solid #eee2dc}
#receipt-calendar .receipt-calendar-day-head strong{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:var(--receipt-dark);font-size:14px;font-weight:900}
#receipt-calendar .receipt-calendar-day.is-today .receipt-calendar-day-head strong{background:var(--receipt-dark);color:#fff}
#receipt-calendar .receipt-calendar-day-head span{padding:4px 9px;border-radius:999px;background:var(--receipt-copper);color:#fff;font-size:10px;font-weight:900}
#receipt-calendar .receipt-calendar-day-list{display:grid;gap:7px;overflow-y:auto;overflow-x:hidden;padding-left:3px;scrollbar-width:thin;scrollbar-color:#cfae9f transparent}
#receipt-calendar .receipt-calendar-day-list::-webkit-scrollbar{width:5px}
#receipt-calendar .receipt-calendar-day-list::-webkit-scrollbar-thumb{background:#cfae9f;border-radius:999px}
#receipt-calendar .receipt-calendar-task{border:1px solid #e3d3cb;border-radius:12px;background:#fff;padding:8px 9px;box-shadow:0 5px 14px rgba(51,28,22,.05)}
#receipt-calendar .receipt-calendar-task.is-agenda{border-right:3px solid var(--receipt-copper)}
#receipt-calendar .receipt-calendar-task.is-campaign{border-right:3px solid var(--receipt-dark)}
#receipt-calendar .receipt-calendar-type{display:inline-flex;align-items:center;justify-content:center;margin-bottom:5px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:900}
#receipt-calendar .receipt-calendar-task.is-campaign .receipt-calendar-type{background:#eaded9;color:var(--receipt-dark)}
#receipt-calendar .receipt-calendar-task.is-agenda .receipt-calendar-type{background:var(--receipt-copper-soft);color:#8a3f29}
#receipt-calendar .receipt-calendar-task dl{display:grid;gap:4px;margin:0}
#receipt-calendar .receipt-calendar-task dl div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:5px;align-items:start}
#receipt-calendar .receipt-calendar-task dt{margin:0;color:#9a7e73;font-size:9.5px;font-weight:800;white-space:nowrap}
#receipt-calendar .receipt-calendar-task dd{margin:0;color:var(--receipt-dark);font-size:10.5px;font-weight:900;line-height:1.35;overflow-wrap:anywhere}
#receipt-calendar .receipt-calendar-task dl div.receipt-calendar-deadline{grid-template-columns:minmax(0,1fr) max-content;gap:4px;align-items:center;margin-top:2px;padding-top:4px;border-top:1px solid #f0e5df}
#receipt-calendar .receipt-calendar-task .receipt-calendar-deadline dt{font-size:7.5px;line-height:1.1;letter-spacing:-.1px;white-space:nowrap}
#receipt-calendar .receipt-calendar-task .receipt-calendar-deadline dd{font-size:9px;line-height:1.2;white-space:nowrap;overflow-wrap:normal}
@media(max-width:780px){
  #receipt-calendar .receipt-calendar-toolbar{align-items:stretch;flex-direction:column}
  #receipt-calendar .receipt-calendar-toolbar .actions{display:grid;grid-template-columns:repeat(3,1fr)}
  #receipt-calendar .receipt-calendar-shell{min-width:980px}
  #receipt-calendar .receipt-calendar-day{height:252px}
}



/* v763 - requested publishing workflow additions */
.database-table .db-data-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:205px}
.campaign-product-files-grid{display:grid;gap:10px}
.campaign-product-file-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(126,83,69,.14);border-radius:15px;background:#fffaf7;padding:12px 14px}
.campaign-product-file-card>div:first-child{display:grid;gap:4px;min-width:0}.campaign-product-file-card span{font-size:11px;color:#8b6b60;font-weight:900}.campaign-product-file-card strong{font-size:14px;color:#2f1d17}.campaign-product-file-card small{font-size:11px;color:#8b6b60;font-weight:800}
.campaign-product-file-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.campaign-product-file-meta b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#5f433a}
#campaignModal .schedule-data-view-table th,#campaignModal .schedule-data-view-table td{text-align:center!important;vertical-align:middle!important}
#campaignModal .schedule-data-view-table td[rowspan]{font-weight:900;background:#fffaf7}
#campaignModal .schedule-data-view-table .schedule-post-type-cell{min-width:110px}
#campaignModal .schedule-data-view-table .schedule-platform-cell{min-width:105px}
#campaignModal .schedule-data-view-table .schedule-creative-cell{min-width:130px}
#campaignModal .schedule-data-view-table .schedule-date-cell{min-width:105px;white-space:nowrap!important}
#publish-prep .v733-final-files-center{border:1px solid rgba(126,83,69,.14);border-radius:22px;background:linear-gradient(180deg,#fff8f4,#fff);padding:16px;display:grid;gap:13px;margin-bottom:15px}
#publish-prep .v733-final-files-head{display:flex;align-items:center;justify-content:space-between;gap:12px}#publish-prep .v733-final-files-head span{font-size:11px;color:#8c6b5f;font-weight:900}#publish-prep .v733-final-files-head h3{margin:3px 0 0;font-size:19px;color:#2b1c17}#publish-prep .v733-final-files-head>strong{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#5f392d;color:#fff;font-size:17px}
#publish-prep .v733-final-files-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
#publish-prep .v733-final-file-card{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(126,83,69,.12);border-radius:16px;background:#fff;padding:10px}#publish-prep .v733-final-file-card>div{display:flex;align-items:center;gap:10px;min-width:0}#publish-prep .v733-final-file-card .v731-thumb{width:58px;height:48px;border-radius:12px}#publish-prep .v733-final-file-card span{display:grid;gap:2px;min-width:0}#publish-prep .v733-final-file-card b,#publish-prep .v733-final-file-card small,#publish-prep .v733-final-file-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}#publish-prep .v733-final-file-card b{font-size:13px;color:#2b1c17}#publish-prep .v733-final-file-card small{font-size:10px;color:#85695e;font-weight:900}#publish-prep .v733-final-file-card em{font-size:10px;color:#9b7b70;font-style:normal}
#publish-prep .v733-final-files-empty{padding:18px;border:1px dashed rgba(126,83,69,.2);border-radius:14px;text-align:center;color:#8c6b5f;font-weight:900;background:#fff}
#publish-prep .v733-prep-groups{display:grid;gap:12px}#publish-prep .v733-prep-group{border:1px solid rgba(126,83,69,.13);border-radius:20px;background:#fff;overflow:hidden}#publish-prep .v733-prep-group.is-open{box-shadow:0 12px 30px rgba(82,47,36,.06)}
#publish-prep .v733-prep-group-toggle{width:100%;border:0;background:#fff8f4;padding:15px 17px;display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:12px;text-align:right;cursor:pointer;color:#2b1c17}#publish-prep .v733-prep-group-toggle span{display:flex;align-items:center;gap:10px;min-width:0}#publish-prep .v733-prep-group-toggle span b{padding:5px 9px;border-radius:999px;background:#eaded9;color:#5f392d;font-size:10px}#publish-prep .v733-prep-group-toggle span strong{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#publish-prep .v733-prep-group-toggle em{font-style:normal;color:#7f6359;font-size:12px;font-weight:900}#publish-prep .v733-prep-group-toggle i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#5f392d;color:#fff;font-style:normal;font-size:20px}
#publish-prep .v733-prep-group-body{padding:12px}#publish-prep .v733-prep-group-body[hidden]{display:none!important}#publish-prep .v733-prep-group-body .v731-table-scroll{max-height:520px}#publish-prep .v733-prep-group-body .v731-table{min-width:970px}
@media(max-width:760px){.campaign-product-file-card{align-items:flex-start;flex-direction:column}.campaign-product-file-meta{justify-content:flex-start}.database-table .db-data-actions{min-width:170px}#publish-prep .v733-prep-group-toggle{grid-template-columns:minmax(0,1fr) 32px}#publish-prep .v733-prep-group-toggle em{display:none}#publish-prep .v733-final-file-card{align-items:flex-start;flex-direction:column}}


/* Database campaign repair tools: Task Template and creative recovery */
.database-repair-section{border:1px solid #e6cdbf;background:linear-gradient(180deg,#fffaf6 0%,#fff 100%)}
.db-repair-panel{display:grid;gap:16px}
.db-repair-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #ead8cc;border-radius:16px;background:#fff}
.db-repair-intro h4{margin:0 0 5px;color:#3a2119;font-size:16px}
.db-repair-intro p{margin:0;color:#80685f;line-height:1.7}
.db-repair-intro>span{flex:0 0 auto;border:1px solid #dfbea9;background:#fff2e9;color:#8b4a32;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}
.db-repair-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.db-repair-columns>section,.db-repair-create{border:1px solid #ead8cc;border-radius:16px;background:#fff;padding:14px}
.db-repair-columns h5,.db-repair-create h5{margin:0 0 12px;color:#3a2119;font-size:15px}
.db-repair-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed #ead8cc}
.db-repair-row:last-child{border-bottom:0;padding-bottom:0}
.db-repair-row>div{display:grid;gap:3px;min-width:0}
.db-repair-row strong{color:#2d1713;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-repair-row span,.db-repair-row small{color:#80685f;font-size:12px}
.db-repair-row .mini-btn{flex:0 0 auto}
.db-repair-create{display:grid;gap:14px}
.db-repair-create-head h5{margin-bottom:4px}
.db-repair-create-head p{margin:0;color:#80685f}
.db-repair-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.db-repair-form-grid label{display:grid;gap:7px}
.db-repair-form-grid label>span{font-size:12px;font-weight:900;color:#6b493d}
.db-repair-form-grid select,.db-repair-form-grid input{width:100%;min-height:42px;border:1px solid #dfc9bd;border-radius:12px;background:#fff;padding:8px 10px;font:inherit;color:#2d1713}
.db-repair-create-btn{justify-self:start;min-width:240px}
@media(max-width:980px){.db-repair-columns,.db-repair-form-grid{grid-template-columns:1fr}.db-repair-intro{flex-direction:column}.db-repair-create-btn{width:100%}}