/* Adish Workflow — سیستم طراحی یکپارچه با هویت بصری سایت اصلی پالایشگاه آدیش
   فونت: Far Yekan (همان فونت سایت اصلی، از همان فایل)
   رنگ اصلی: نارنجی برند آدیش (#E85A1E) — رنگ‌های وضعیت از پالت خود سایت
   ساختار: Design Tokens ثابت (فاصله/تایپوگرافی) برای هماهنگی کامل بین همه صفحات */

@font-face{
	font-family:"Far Yekan";
	src:url("https://adishrefinery.com/wp-content/uploads/2026/06/Far_Yekan.ttf") format("truetype");
	font-weight:100 900;
	font-style:normal;
	font-display:swap;
}

:root{
	/* --- فاصله‌گذاری (Spacing Scale ثابت — مبنای تمام Padding/Margin/Gap در کل سامانه) --- */
	--sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:28px; --sp-7:40px;

	/* --- تایپوگرافی (Type Scale ثابت) --- */
	--fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:15px; --fs-lg:17px; --fs-xl:21px; --fs-2xl:26px;

	/* --- رنگ برند (از پالت سایت اصلی) --- */
	--wf-brand:#e85a1e; --wf-brand-dark:#c14a17; --wf-brand-tint:#fdece3;
	--wf-green:#1fa463; --wf-green-tint:#e6f8ee;
	--wf-red:#e6392b; --wf-red-tint:#fdeceb;
	--wf-gold:#b9821a; --wf-gold-tint:#faf1de;
	--wf-cyan:#0592a3; --wf-cyan-tint:#e2f7f9;
	--wf-purple:#7d5cd6; --wf-purple-tint:#f1edfc;
	--wf-blue:#2463c9; --wf-blue-tint:#e9f1fd;
	--wf-slate:#5b6b82; --wf-slate-tint:#eaeef2;

	--wf-bg:#f2f2f4;
	--wf-card:#ffffff;
	--wf-border:rgba(0,0,0,.08);
	--wf-border-strong:rgba(0,0,0,.14);
	--wf-text:#1d1d1f;
	--wf-text-secondary:#6e6e73;
	--wf-muted:#8a8f98;
	--wf-primary:var(--wf-brand);
	--wf-primary-dark:var(--wf-brand-dark);
	--wf-primary-tint:var(--wf-brand-tint);
	--wf-ok:var(--wf-green);
	--wf-warn:var(--wf-red);

	--wf-sidebar-w:252px; --wf-topbar-h:60px;
	--wf-radius-sm:8px; --wf-radius:14px; --wf-radius-lg:20px;
	--wf-shadow-sm:0 1px 2px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.04);
	--wf-shadow:0 4px 14px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.05);
	--wf-shadow-lg:0 20px 50px rgba(0,0,0,.16), 0 4px 14px rgba(0,0,0,.08);
	--wf-blur:saturate(180%) blur(20px);
}

@media (prefers-color-scheme: dark){
	:root{
		--wf-bg:#030810; --wf-card:#0d1420;
		--wf-border:rgba(255,255,255,.09); --wf-border-strong:rgba(255,255,255,.16);
		--wf-text:#f5f5f7; --wf-text-secondary:#a8b2c1; --wf-muted:#7c8798;
		--wf-brand-tint:rgba(232,90,30,.16); --wf-green-tint:rgba(31,164,99,.16);
		--wf-red-tint:rgba(230,57,43,.18); --wf-gold-tint:rgba(185,130,26,.18);
		--wf-cyan-tint:rgba(5,146,163,.2); --wf-purple-tint:rgba(125,92,214,.2); --wf-blue-tint:rgba(36,99,201,.2);
		--wf-slate-tint:rgba(91,107,130,.22);
		--wf-shadow-sm:0 1px 2px rgba(0,0,0,.5); --wf-shadow:0 4px 16px rgba(0,0,0,.45); --wf-shadow-lg:0 24px 60px rgba(0,0,0,.65);
	}
}

*{box-sizing:border-box;}
body.wf-app,body.wf-auth-body{
	direction:rtl;text-align:right;
	margin:0;background:var(--wf-bg);color:var(--wf-text);font-size:var(--fs-base);line-height:1.6;
	font-family:"Far Yekan",-apple-system,BlinkMacSystemFont,"Segoe UI",Vazirmatn,Tahoma,sans-serif;
	-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{color:var(--wf-primary);text-decoration:none;transition:opacity .15s ease;}
a:hover{opacity:.72;}
h1,h2,h3,h4{margin:0 0 var(--sp-3);font-weight:700;letter-spacing:-.01em;color:var(--wf-text);}
p{margin:0 0 var(--sp-3);}
::selection{background:var(--wf-primary);color:#fff;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:rgba(128,128,128,.35);border-radius:10px;border:2px solid transparent;background-clip:content-box;}
::-webkit-scrollbar-track{background:transparent;}

/* ============ Shell / Layout ============ */
.wf-shell{min-height:100vh;}
.wf-topbar{
	position:fixed;top:0;right:0;left:0;height:var(--wf-topbar-h);
	background:rgba(255,255,255,.72);backdrop-filter:var(--wf-blur);-webkit-backdrop-filter:var(--wf-blur);
	border-bottom:1px solid var(--wf-border);color:var(--wf-text);
	display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);z-index:50;
}
@media (prefers-color-scheme: dark){ .wf-topbar{ background:rgba(10,15,24,.75); } }
.wf-brand{font-weight:700;font-size:var(--fs-md);letter-spacing:-.01em;display:flex;align-items:center;gap:var(--sp-2);}
.wf-brand::before{content:'';width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--wf-brand),var(--wf-gold));flex-shrink:0;box-shadow:0 2px 6px rgba(232,90,30,.4);}
.wf-brand span{font-weight:500;color:var(--wf-text-secondary);}
.wf-topbar-spacer{flex:1;}
.wf-burger{display:none;background:none;border:0;color:var(--wf-text);font-size:20px;cursor:pointer;}
.wf-bell{position:relative;font-size:17px;color:var(--wf-text);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;}
.wf-bell:hover{background:var(--wf-border);opacity:1;}
.wf-badge{background:var(--wf-red);color:#fff;border-radius:9px;font-size:10.5px;font-weight:700;padding:1px 5px;position:absolute;top:2px;left:2px;line-height:1.4;box-shadow:0 0 0 2px var(--wf-card);}
.wf-user-menu{display:flex;align-items:center;gap:var(--sp-3);}
.wf-user-name{font-weight:600;font-size:var(--fs-sm);}
.wf-user-role{background:var(--wf-primary-tint);color:var(--wf-primary-dark);border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:600;}
.wf-logout{color:var(--wf-text-secondary);border:1px solid var(--wf-border-strong);border-radius:20px;padding:5px 14px;font-size:var(--fs-xs);font-weight:600;}
.wf-logout:hover{background:var(--wf-border);opacity:1;}

.wf-sidebar{
	position:fixed;top:var(--wf-topbar-h);right:0;bottom:0;width:var(--wf-sidebar-w);
	background:rgba(255,255,255,.6);backdrop-filter:var(--wf-blur);-webkit-backdrop-filter:var(--wf-blur);
	border-left:1px solid var(--wf-border);overflow-y:auto;z-index:40;padding:var(--sp-4) var(--sp-3);
}
@media (prefers-color-scheme: dark){ .wf-sidebar{ background:rgba(8,12,20,.65); } }
.wf-sidebar ul{list-style:none;margin:0;padding:0;}
.wf-sidebar li a{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);color:var(--wf-text-secondary);border-radius:10px;font-size:var(--fs-sm);font-weight:500;margin-bottom:2px;transition:background .15s,color .15s;}
.wf-sidebar li a:hover{background:var(--wf-border);opacity:1;color:var(--wf-text);}
.wf-sidebar li a.active{background:var(--wf-primary);color:#fff;font-weight:600;box-shadow:var(--wf-shadow-sm);}
.wf-nav-sep{padding:var(--sp-4) var(--sp-3) var(--sp-1);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--wf-muted);}

.wf-main{margin-right:var(--wf-sidebar-w);margin-top:var(--wf-topbar-h);padding:var(--sp-6);}
.wf-container{max-width:1180px;}

/* ============ Flash ============ */
.wf-flash{padding:var(--sp-3) var(--sp-4);border-radius:var(--wf-radius-sm);margin-bottom:var(--sp-4);font-size:var(--fs-sm);font-weight:500;box-shadow:var(--wf-shadow-sm);}
.wf-flash-success{background:var(--wf-green-tint);color:var(--wf-green);}
.wf-flash-error{background:var(--wf-red-tint);color:var(--wf-red);}

/* ============ Page head / titles ============ */
.wf-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-5);flex-wrap:wrap;gap:var(--sp-3);}
.wf-page-title{font-size:var(--fs-2xl);font-weight:750;}
.wf-page-title small{font-size:var(--fs-base);font-weight:500;color:var(--wf-muted);}
.wf-section-title{font-size:var(--fs-lg);margin-top:var(--sp-6);font-weight:700;}
.wf-breadcrumb{color:var(--wf-muted);font-size:var(--fs-xs);margin-bottom:var(--sp-3);}

/* ============ Cards ============ */
.wf-card{background:var(--wf-card);border:1px solid var(--wf-border);border-radius:var(--wf-radius);padding:var(--sp-5);margin-bottom:var(--sp-5);box-shadow:var(--wf-shadow-sm);}
.wf-card > h3,.wf-card > h4{margin-bottom:var(--sp-3);}
.wf-card > *:last-child{margin-bottom:0;}

/* ============ KPI Grid ============ */
.wf-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-5);}
.wf-kpi{background:var(--wf-card);border:1px solid var(--wf-border);border-radius:var(--wf-radius);padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:var(--sp-1);box-shadow:var(--wf-shadow-sm);transition:transform .15s ease,box-shadow .15s ease;}
.wf-kpi:hover{transform:translateY(-2px);box-shadow:var(--wf-shadow);}
.wf-kpi-num{font-size:28px;font-weight:750;color:var(--wf-text);letter-spacing:-.02em;}
.wf-kpi span:last-child{font-size:var(--fs-xs);color:var(--wf-text-secondary);font-weight:500;}
.wf-kpi-warn .wf-kpi-num{color:var(--wf-red);}
.wf-kpi-ok .wf-kpi-num{color:var(--wf-green);}

/* ============ Bar chart ============ */
.wf-bar-chart{background:var(--wf-card);border:1px solid var(--wf-border);border-radius:var(--wf-radius);padding:var(--sp-5);margin-bottom:var(--sp-5);box-shadow:var(--wf-shadow-sm);}
.wf-bar-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);font-size:var(--fs-xs);}
.wf-bar-row span{width:100px;flex-shrink:0;color:var(--wf-text-secondary);font-weight:500;}
.wf-bar{flex:1;height:8px;background:var(--wf-bg);border-radius:8px;overflow:hidden;}
.wf-bar div{height:100%;background:var(--wf-primary);border-radius:8px;transition:width .4s ease;}
.wf-bar div.ok{background:var(--wf-green);}
.wf-bar div.warn{background:var(--wf-red);}

/* ============ Table ============ */
.wf-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--wf-card);border:1px solid var(--wf-border);border-radius:var(--wf-radius);overflow:hidden;box-shadow:var(--wf-shadow-sm);}
.wf-table th,.wf-table td{padding:var(--sp-3) var(--sp-4);text-align:right;font-size:var(--fs-sm);vertical-align:middle;}
.wf-table th{background:transparent;color:var(--wf-muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--wf-border);}
.wf-table tbody tr{border-bottom:1px solid var(--wf-border);transition:background .12s;}
.wf-table tbody tr:last-child{border-bottom:none;}
.wf-table tbody tr:hover{background:var(--wf-primary-tint);cursor:pointer;}
.wf-empty{text-align:center;color:var(--wf-muted);padding:var(--sp-6);cursor:default;}
.wf-kv{width:100%;}
.wf-kv th{width:170px;color:var(--wf-muted);text-align:right;padding:var(--sp-2) var(--sp-3);vertical-align:top;font-weight:600;font-size:var(--fs-xs);}
.wf-kv td{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);}
.wf-kv tr:not(:last-child) th,.wf-kv tr:not(:last-child) td{border-bottom:1px solid var(--wf-border);}

/* ============ Badges / Status pills ============ */
.wf-badge-status{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:600;background:var(--wf-slate-tint);color:var(--wf-slate);white-space:nowrap;}
.wf-badge-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
.wf-status-new{background:var(--wf-slate-tint);color:var(--wf-slate);}
.wf-status-assigned{background:var(--wf-blue-tint);color:var(--wf-blue);}
.wf-status-in_progress{background:var(--wf-cyan-tint);color:var(--wf-cyan);}
.wf-status-waiting{background:var(--wf-purple-tint);color:var(--wf-purple);}
.wf-status-delay_requested{background:var(--wf-gold-tint);color:var(--wf-gold);}
.wf-status-delayed{background:var(--wf-red-tint);color:var(--wf-red);}
.wf-status-completed{background:var(--wf-green-tint);color:var(--wf-green);}
.wf-status-rejected{background:var(--wf-red-tint);color:var(--wf-red);}
.wf-status-cancelled{background:var(--wf-slate-tint);color:var(--wf-muted);}
.wf-status-archived{background:var(--wf-slate-tint);color:var(--wf-muted);}

/* ============ Buttons (پیل‌شکل) ============ */
.wf-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:6px;
	background:var(--wf-card);border:1px solid var(--wf-border-strong);color:var(--wf-text);
	padding:9px 20px;border-radius:980px;cursor:pointer;font-size:var(--fs-sm);font-weight:600;
	transition:transform .1s ease,background .15s ease,box-shadow .15s ease;font-family:inherit;line-height:1.3;
}
.wf-btn:hover{background:var(--wf-border);opacity:1;text-decoration:none;}
.wf-btn:active{transform:scale(.96);}
.wf-btn-primary{background:var(--wf-primary);color:#fff;border-color:var(--wf-primary);box-shadow:0 2px 8px rgba(232,90,30,.35);}
.wf-btn-primary:hover{background:var(--wf-primary-dark);border-color:var(--wf-primary-dark);}
.wf-btn-danger{background:var(--wf-red-tint);color:var(--wf-red);border-color:transparent;}
.wf-btn-danger:hover{background:var(--wf-red);color:#fff;}
.wf-btn-ok{background:var(--wf-green-tint);color:var(--wf-green);border-color:transparent;}
.wf-btn-ok:hover{background:var(--wf-green);color:#fff;}
.wf-btn-block{display:flex;width:100%;text-align:center;margin-top:var(--sp-3);}
.wf-btn-sm{padding:5px 14px;font-size:var(--fs-xs);}

/* ============ Forms ============ */
.wf-form{display:flex;flex-direction:column;align-items:stretch;}
/* دکمه‌های داخل فرم ستونی نباید کشیده شوند، مگر آنکه wf-btn-block باشند */
.wf-form > .wf-btn:not(.wf-btn-block){align-self:flex-start;}
.wf-form.wf-form-grid > .wf-btn:not(.wf-btn-block){justify-self:start;}
.wf-form label{display:block;margin-bottom:var(--sp-4);font-size:var(--fs-xs);color:var(--wf-text-secondary);font-weight:600;}
.wf-form input[type=text],.wf-form input[type=password],.wf-form input[type=email],.wf-form input[type=number],
.wf-form input[type=datetime-local],.wf-form input[type=date],.wf-form select,.wf-form textarea{
	display:block;width:100%;padding:10px 14px;margin-top:var(--sp-2);border:1px solid var(--wf-border-strong);border-radius:var(--wf-radius-sm);
	font-family:inherit;font-size:var(--fs-sm);background:var(--wf-bg);color:var(--wf-text);transition:border-color .15s,box-shadow .15s;
}
.wf-form input:focus,.wf-form select:focus,.wf-form textarea:focus{outline:none;border-color:var(--wf-primary);box-shadow:0 0 0 4px var(--wf-primary-tint);background:var(--wf-card);}
.wf-form textarea{resize:vertical;}
.wf-checkbox{display:flex !important;align-items:center;gap:var(--sp-2);flex-direction:row;font-weight:500 !important;color:var(--wf-text) !important;margin-bottom:0 !important;}
.wf-checkbox input{width:auto;margin-top:0;accent-color:var(--wf-primary);}
.wf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-5);align-items:start;}
.wf-col-2{grid-column:1/3;}
/* گروه چک‌باکس‌ها: هر گزینه در یک ردیف جدا، با فاصله یکنواخت */
.wf-check-group{display:flex;flex-direction:column;gap:var(--sp-3);background:var(--wf-bg);border:1px solid var(--wf-border);border-radius:var(--wf-radius-sm);padding:var(--sp-4);margin-bottom:var(--sp-4);}
/* دکمه‌ای که نباید تمام عرض را بگیرد و باید از ابتدای خط شروع شود */
.wf-btn-start{align-self:flex-start;}
.wf-inline-form{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center;margin-top:var(--sp-3);}
.wf-inline-form input,.wf-inline-form select,.wf-inline-form textarea{width:auto;flex:1;min-width:160px;padding:9px 13px;border:1px solid var(--wf-border-strong);border-radius:var(--wf-radius-sm);background:var(--wf-bg);font-size:var(--fs-sm);font-family:inherit;color:var(--wf-text);}
.wf-inline-actions{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;}
/* فرم‌های تک‌دکمه‌ای درون یک ردیف عملیات نباید ارتفاع/چیدمان را بشکنند */
.wf-inline-actions > form{display:inline-flex;margin:0;}
.wf-table td .wf-inline-actions{margin-top:0;}
.wf-filter-bar{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center;margin-bottom:var(--sp-5);background:var(--wf-card);border:1px solid var(--wf-border);padding:var(--sp-3) var(--sp-4);border-radius:var(--wf-radius);box-shadow:var(--wf-shadow-sm);}
.wf-filter-bar input,.wf-filter-bar select{padding:8px 13px;border:1px solid var(--wf-border-strong);border-radius:var(--wf-radius-sm);font-size:var(--fs-sm);background:var(--wf-bg);color:var(--wf-text);font-family:inherit;height:36px;}
.wf-filter-bar .wf-btn{height:36px;}
.wf-filter-label{font-size:var(--fs-xs);color:var(--wf-muted);font-weight:600;}
.wf-filter-bar .wf-checkbox{margin-bottom:0 !important;font-size:var(--fs-sm);}
.wf-filter-bar form{display:contents;}

/* ============ انتخاب‌گر چندگانه با جستجو (مسئولین / واحدها) ============ */
/* wf-field جایگزین <label> است، چون label دور چند چک‌باکس باعث toggle ناخواسته اولین گزینه می‌شود */
.wf-field{display:block;margin-bottom:var(--sp-4);}
.wf-field-label{display:block;font-size:var(--fs-xs);color:var(--wf-text-secondary);font-weight:600;margin-bottom:var(--sp-1);}
.wf-picker{margin-top:var(--sp-2);}
.wf-picker-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--sp-2);}
.wf-chip{display:inline-flex;align-items:center;gap:6px;background:var(--wf-primary-tint);color:var(--wf-primary-dark);border:none;border-radius:980px;padding:5px 8px 5px 12px;font-size:var(--fs-xs);font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s;}
.wf-chip:hover{background:var(--wf-primary);color:#fff;}
.wf-chip i{font-style:normal;font-size:15px;line-height:1;opacity:.7;}
/* --- کادر جستجو: پیل‌شکل، با آیکن ذره‌بین و دکمه پاک‌کردن --- */
.wf-search-box{
	position:relative;display:flex;align-items:center;margin-bottom:var(--sp-2);
	background:var(--wf-bg);border:1px solid var(--wf-border-strong);border-radius:980px;
	transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.wf-search-box:focus-within{
	border-color:var(--wf-primary);background:var(--wf-card);
	box-shadow:0 0 0 4px var(--wf-primary-tint);
}
.wf-search-icon{
	width:17px;height:17px;flex-shrink:0;margin-right:14px;
	fill:none;stroke:var(--wf-muted);stroke-width:1.9;stroke-linecap:round;
	transition:stroke .18s ease;
}
.wf-search-box:focus-within .wf-search-icon{stroke:var(--wf-primary);}
.wf-picker-search{
	flex:1;min-width:0;border:none;background:transparent;outline:none;
	padding:10px 8px;color:var(--wf-text);font-family:inherit;font-size:var(--fs-sm);
}
.wf-picker-search::placeholder{color:var(--wf-muted);}
/* حذف آیکن پیش‌فرض ضربدر مرورگر تا آیکن اختصاصی خودمان جایگزین شود */
.wf-picker-search::-webkit-search-cancel-button,
.wf-picker-search::-webkit-search-decoration{-webkit-appearance:none;appearance:none;}
.wf-search-clear{
	flex-shrink:0;width:22px;height:22px;margin-left:10px;padding:0;
	display:flex;align-items:center;justify-content:center;
	border:none;border-radius:50%;background:var(--wf-border-strong);color:var(--wf-card);
	font-size:15px;line-height:1;cursor:pointer;font-family:inherit;
	transition:background .15s ease,transform .1s ease;
}
.wf-search-clear:hover{background:var(--wf-primary);}
.wf-search-clear:active{transform:scale(.9);}
.wf-search-clear[hidden]{display:none;}
.wf-check-list{border:1px solid var(--wf-border-strong);border-radius:var(--wf-radius-sm);background:var(--wf-bg);max-height:190px;overflow-y:auto;padding:var(--sp-1);}
.wf-check-row{display:flex !important;align-items:center;gap:var(--sp-2);padding:7px var(--sp-2);border-radius:6px;font-size:var(--fs-sm);font-weight:500 !important;color:var(--wf-text) !important;margin-bottom:0 !important;cursor:pointer;}
.wf-check-row:hover{background:var(--wf-card);}
.wf-check-row[hidden]{display:none !important;}
.wf-check-row input{width:auto;accent-color:var(--wf-primary);flex-shrink:0;}
.wf-check-row input:checked + span{font-weight:700;color:var(--wf-primary-dark);}
.wf-check-empty{padding:var(--sp-3);color:var(--wf-muted);font-size:var(--fs-xs);}

/* ============ Task detail ============ */
.wf-task-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-5);flex-wrap:wrap;gap:var(--sp-3);}
.wf-task-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-5);align-items:start;}
.wf-desc{white-space:pre-line;line-height:1.9;color:var(--wf-text-secondary);font-size:var(--fs-sm);}
.wf-timeline{list-style:none;margin:0;padding:0;border-right:2px solid var(--wf-border);}
.wf-timeline li{padding:var(--sp-2) var(--sp-4);position:relative;font-size:var(--fs-sm);}
.wf-timeline li::before{content:'';position:absolute;right:-6px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--wf-primary);box-shadow:0 0 0 3px var(--wf-primary-tint);}
.wf-time{color:var(--wf-muted);font-size:11.5px;display:block;font-weight:500;margin-bottom:2px;}
.wf-comments{list-style:none;margin:0 0 var(--sp-2);padding:0;}
.wf-comments li{border-bottom:1px solid var(--wf-border);padding:var(--sp-3) 0;font-size:var(--fs-sm);}
.wf-comments li:last-child{border-bottom:none;}
.wf-comments li strong{font-size:var(--fs-sm);}
.wf-comments li p{margin:var(--sp-1) 0 0;color:var(--wf-text-secondary);}
.wf-attach-list{list-style:none;margin:0 0 var(--sp-2);padding:0;}
.wf-attach-list li{padding:var(--sp-1) 0;font-size:var(--fs-sm);}
.wf-delay-list{list-style:none;margin:var(--sp-3) 0 0;padding:0;}
.wf-delay-list li{border-top:1px solid var(--wf-border);padding:var(--sp-3) 0;font-size:var(--fs-sm);display:flex;flex-direction:column;gap:var(--sp-1);align-items:flex-start;}
.wf-muted{color:var(--wf-muted);font-size:var(--fs-xs);}

/* ============ Org tree ============ */
.wf-org-tree,.wf-org-tree ul{list-style:none;margin:0;padding-right:var(--sp-5);}
.wf-org-tree{padding-right:0;}
.wf-org-tree summary{cursor:pointer;padding:var(--sp-2) 0;font-size:var(--fs-sm);}
.wf-tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0 0 var(--sp-1);padding:0;}
.wf-tag-list li{background:var(--wf-bg);border-radius:20px;padding:5px 14px;font-size:var(--fs-xs);font-weight:500;}

/* ============ Notifications ============ */
.wf-notif-list{list-style:none;margin:0;padding:0;}
.wf-notif-list li{background:var(--wf-card);border:1px solid var(--wf-border);border-radius:var(--wf-radius-sm);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-2);display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap;font-size:var(--fs-sm);box-shadow:var(--wf-shadow-sm);}
.wf-notif-list li.unread{border-right:3px solid var(--wf-primary);}

/* ============ Pagination ============ */
.wf-pagination{display:flex;gap:var(--sp-2);margin-top:var(--sp-4);}
.wf-pagination a{border:1px solid var(--wf-border-strong);border-radius:8px;padding:5px 12px;font-size:var(--fs-xs);font-weight:600;}
.wf-pagination a.active{background:var(--wf-primary);color:#fff;border-color:var(--wf-primary);}

/* ============ Auth pages ============ */
.wf-auth-wrap{
	min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);
	background:radial-gradient(circle at 20% 20%, #2a1608, #030810 65%);
}
.wf-auth-card{background:rgba(13,20,32,.75);backdrop-filter:var(--wf-blur);-webkit-backdrop-filter:var(--wf-blur);border:1px solid rgba(255,255,255,.12);border-radius:var(--wf-radius-lg);padding:var(--sp-7) var(--sp-6);width:380px;box-shadow:var(--wf-shadow-lg);color:#f5f5f7;}
.wf-auth-card .wf-form label{color:rgba(255,255,255,.7);}
.wf-auth-card .wf-form input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff;}
.wf-auth-card .wf-form input:focus{background:rgba(255,255,255,.12);box-shadow:0 0 0 4px rgba(232,90,30,.35);}
.wf-auth-title{text-align:center;font-size:var(--fs-lg);margin-bottom:var(--sp-6);font-weight:750;color:#fff;line-height:1.5;}
.wf-auth-title span{color:#ff8a4c;}
.wf-auth-links{text-align:center;margin-top:var(--sp-4);font-size:var(--fs-sm);}
.wf-auth-links a{color:#ff8a4c;}
.wf-hint{font-size:var(--fs-xs);color:var(--wf-muted);}
.wf-error-box{text-align:center;padding:var(--sp-7) var(--sp-5);}
.wf-error-box h2{font-size:52px;color:var(--wf-red);font-weight:800;}

/* ============ Entry button (برای سایت اصلی) ============ */
.adish-wf-entry-btn{display:inline-block;background:var(--wf-primary);color:#fff !important;padding:11px 26px;border-radius:980px;font-weight:700;text-decoration:none !important;box-shadow:0 4px 14px rgba(232,90,30,.35);}

/* ============ Jalali Date/Time Picker ============ */
.wf-jalali-field{position:relative;}
.wf-jalali-display{cursor:pointer;background:var(--wf-bg);padding-left:36px !important;}
.wf-jalali-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:14px;}
.wf-jalali-popup{position:absolute;z-index:200;background:rgba(255,255,255,.9);backdrop-filter:var(--wf-blur);-webkit-backdrop-filter:var(--wf-blur);border:1px solid var(--wf-border);border-radius:var(--wf-radius-lg);box-shadow:var(--wf-shadow-lg);padding:var(--sp-4);width:310px;display:flex;flex-direction:column;gap:var(--sp-4);}
@media (prefers-color-scheme: dark){ .wf-jalali-popup{ background:rgba(13,20,32,.92); } }
.wf-jalali-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-1);}
.wf-jcal-title{font-weight:700;font-size:var(--fs-sm);}
.wf-jalali-cal-week{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:var(--wf-muted);font-size:11px;margin-bottom:var(--sp-2);font-weight:600;}
.wf-jalali-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.wf-jcal-day{border:none;background:transparent;border-radius:8px;padding:7px 0;font-size:var(--fs-xs);cursor:pointer;color:var(--wf-text);font-weight:500;font-family:inherit;}
.wf-jcal-day:hover{background:var(--wf-border);}
.wf-jcal-day.today{box-shadow:inset 0 0 0 1.5px var(--wf-primary);}
.wf-jcal-day.selected{background:var(--wf-primary);color:#fff;font-weight:700;}
.wf-jcal-empty{visibility:hidden;}
.wf-jalali-clock{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);border-top:1px solid var(--wf-border);padding-top:var(--sp-4);}
.wf-clock-readout{font-size:22px;font-weight:750;color:var(--wf-text);direction:ltr;letter-spacing:.02em;}
.wf-clock-face{width:168px;height:168px;touch-action:none;}
.wf-clock-ring{fill:var(--wf-bg);stroke:var(--wf-border);stroke-width:2;}
.wf-clock-num{font-size:13px;fill:var(--wf-text-secondary);user-select:none;font-weight:600;}
.wf-clock-center{fill:var(--wf-primary);}
.wf-hand{stroke:var(--wf-text);stroke-width:3.5;stroke-linecap:round;pointer-events:none;}
.wf-hand-minute{stroke:var(--wf-primary);stroke-width:2.5;}
.wf-hand-hit{stroke:transparent;stroke-width:20;cursor:grab;}
.wf-ampm{display:flex;gap:var(--sp-2);background:var(--wf-bg);padding:4px;border-radius:980px;}
.wf-ampm-btn{border:none;background:transparent;border-radius:980px;padding:6px 16px;font-size:var(--fs-xs);font-weight:600;cursor:pointer;color:var(--wf-text-secondary);font-family:inherit;transition:background .15s,color .15s;}
.wf-ampm-btn.active{background:var(--wf-card);color:var(--wf-text);box-shadow:var(--wf-shadow-sm);}
.wf-jalali-actions{display:flex;justify-content:space-between;border-top:1px solid var(--wf-border);padding-top:var(--sp-4);}


/* ============ تابلوی وضعیت (Kanban) — Grid واکنش‌گرا، بدون اسکرول افقی ============ */
.wf-board{
	display:grid;gap:var(--sp-4);
	grid-template-columns:repeat(4,minmax(0,1fr));
	align-items:start;
}
.wf-board-col{
	background:rgba(0,0,0,.025);border:1px solid var(--wf-border);
	border-radius:var(--wf-radius);padding:var(--sp-3);min-width:0;
}
@media (prefers-color-scheme: dark){ .wf-board-col{ background:rgba(255,255,255,.04); } }
.wf-board-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);padding:0 var(--sp-1);}
.wf-board-head h3{margin:0;font-size:var(--fs-sm);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wf-board-dot{width:9px;height:9px;border-radius:50%;background:var(--wf-slate);flex-shrink:0;}
.wf-board-count{background:var(--wf-card);border:1px solid var(--wf-border);border-radius:980px;padding:1px 9px;font-size:11px;font-weight:700;color:var(--wf-text-secondary);}
.wf-board-cards{display:flex;flex-direction:column;gap:var(--sp-2);max-height:60vh;overflow-y:auto;}
.wf-board-card{
	display:flex;flex-direction:column;gap:5px;background:var(--wf-card);
	border:1px solid var(--wf-border);border-radius:var(--wf-radius-sm);
	padding:var(--sp-3);color:var(--wf-text);box-shadow:var(--wf-shadow-sm);
	transition:transform .12s ease,box-shadow .12s ease;min-width:0;
}
.wf-board-card:hover{transform:translateY(-2px);box-shadow:var(--wf-shadow);opacity:1;}
.wf-board-card strong{font-size:var(--fs-sm);line-height:1.5;overflow-wrap:anywhere;}
.wf-board-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.wf-board-code{font-size:11px;color:var(--wf-muted);font-weight:600;}
.wf-board-people,.wf-board-deadline{font-size:11.5px;color:var(--wf-text-secondary);overflow-wrap:anywhere;}
.wf-board-empty{text-align:center;color:var(--wf-muted);font-size:var(--fs-xs);padding:var(--sp-4) 0;margin:0;}
.wf-prio{font-size:10.5px;font-weight:700;border-radius:980px;padding:2px 8px;}
.wf-prio-critical{background:var(--wf-red-tint);color:var(--wf-red);}
.wf-prio-high{background:var(--wf-gold-tint);color:var(--wf-gold);}
.wf-board-new .wf-board-dot{background:var(--wf-slate);}
.wf-board-assigned .wf-board-dot{background:var(--wf-blue);}
.wf-board-in_progress .wf-board-dot{background:var(--wf-cyan);}
.wf-board-waiting .wf-board-dot{background:var(--wf-purple);}
.wf-board-delayed .wf-board-dot{background:var(--wf-red);}
.wf-board-completed .wf-board-dot{background:var(--wf-green);}
.wf-board-cancelled .wf-board-dot{background:var(--wf-muted);}

/* ============ تقویم ============ */
.wf-cal-weekhead{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-2);margin-bottom:var(--sp-2);}
.wf-cal-weekhead span{text-align:center;font-size:var(--fs-xs);font-weight:700;color:var(--wf-muted);}
.wf-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-2);}
.wf-cal-cell{background:var(--wf-card);border:1px solid var(--wf-border);border-radius:var(--wf-radius-sm);min-height:104px;padding:var(--sp-2);font-size:var(--fs-xs);min-width:0;}
.wf-cal-cell.is-today{border-color:var(--wf-primary);box-shadow:0 0 0 2px var(--wf-primary-tint);}
.wf-cal-empty{background:transparent;border:none;min-height:0;}
.wf-cal-day{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-1);}
.wf-cal-jd{font-weight:700;font-size:var(--fs-sm);}
.wf-cal-count{background:var(--wf-primary-tint);color:var(--wf-primary-dark);border-radius:980px;padding:0 7px;font-size:10.5px;font-weight:700;}
.wf-cal-items{display:flex;flex-direction:column;gap:3px;}
.wf-cal-item{display:flex;gap:4px;align-items:baseline;background:var(--wf-slate-tint);color:var(--wf-text);border-radius:6px;padding:3px 6px;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wf-cal-hour{font-size:10px;color:var(--wf-muted);flex-shrink:0;font-weight:700;}
.wf-cal-item.is-meeting{background:var(--wf-purple-tint);color:var(--wf-purple);}

/* ============ جلسات ============ */
.wf-tabs{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4);border-bottom:1px solid var(--wf-border);}
.wf-tab{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-weight:600;color:var(--wf-text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;}
.wf-tab.active{color:var(--wf-primary);border-bottom-color:var(--wf-primary);opacity:1;}
.wf-meeting-list{display:flex;flex-direction:column;gap:var(--sp-2);}
.wf-meeting-card{
	display:flex;align-items:center;gap:var(--sp-4);background:var(--wf-card);
	border:1px solid var(--wf-border);border-radius:var(--wf-radius);padding:var(--sp-3) var(--sp-4);
	color:var(--wf-text);box-shadow:var(--wf-shadow-sm);transition:transform .12s,box-shadow .12s;
}
.wf-meeting-card:hover{transform:translateY(-2px);box-shadow:var(--wf-shadow);opacity:1;}
.wf-meeting-when{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--wf-primary-tint);color:var(--wf-primary-dark);border-radius:var(--wf-radius-sm);padding:var(--sp-2) var(--sp-3);min-width:92px;flex-shrink:0;}
.wf-meeting-date{font-size:var(--fs-xs);font-weight:700;}
.wf-meeting-time{font-size:var(--fs-lg);font-weight:750;line-height:1.2;}
.wf-meeting-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.wf-meeting-body strong{font-size:var(--fs-md);overflow-wrap:anywhere;}
.wf-online-tag{background:var(--wf-cyan-tint);color:var(--wf-cyan);border-radius:980px;padding:2px 9px;font-size:11px;font-weight:700;}
.wf-mstatus-scheduled{background:var(--wf-blue-tint);color:var(--wf-blue);}
.wf-mstatus-done{background:var(--wf-green-tint);color:var(--wf-green);}
.wf-mstatus-cancelled{background:var(--wf-slate-tint);color:var(--wf-muted);}
.wf-resp-pending{background:var(--wf-slate-tint);color:var(--wf-muted);}
.wf-resp-accepted{background:var(--wf-green-tint);color:var(--wf-green);}
.wf-resp-declined{background:var(--wf-red-tint);color:var(--wf-red);}
.wf-attendee-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);}
.wf-attendee-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--wf-border);font-size:var(--fs-sm);}
.wf-attendee-list li:last-child{border-bottom:none;}

/* ============ محتوای لاتین درون متن فارسی ============ */
/* بدون ایزوله‌سازی، آدرس و کد لاتین در جمله فارسی جابه‌جا دیده می‌شود */
.wf-board-code,.wf-cal-hour,.wf-clock-readout,.wf-meeting-time{direction:ltr;unicode-bidi:isolate;}
.wf-link-field input,input[type=url],input[type=email]{direction:ltr;text-align:left;}

/* ============ کادر لینک جلسه ============ */
.wf-link-field{
	display:flex;align-items:center;gap:var(--sp-2);
	background:var(--wf-bg);border:1px solid var(--wf-border-strong);
	border-radius:var(--wf-radius-sm);padding:0 var(--sp-3);margin-top:var(--sp-2);
	transition:border-color .15s,box-shadow .15s,background .15s;
}
.wf-link-field:focus-within{border-color:var(--wf-primary);background:var(--wf-card);box-shadow:0 0 0 4px var(--wf-primary-tint);}
.wf-link-prefix{flex-shrink:0;font-size:15px;opacity:.6;}
.wf-link-field input{
	flex:1;min-width:0;border:none !important;background:transparent !important;
	box-shadow:none !important;padding:11px 0 !important;margin:0 !important;
	font-family:inherit;font-size:var(--fs-sm);color:var(--wf-text);
}
.wf-link-field input:focus{outline:none;}

/* راهنمای زیر فیلدها */
.wf-field small.wf-hint,.wf-form small.wf-hint{display:block;margin-top:6px;line-height:1.7;}

/* ============ اجزای کمکی ============ */
.wf-duration{display:flex;gap:var(--sp-2);margin-top:var(--sp-2);}
.wf-duration input{flex:1;margin-top:0 !important;}
.wf-duration select{width:auto !important;min-width:96px;margin-top:0 !important;}
.wf-period-badge{background:var(--wf-primary-tint);color:var(--wf-primary-dark);border-radius:980px;padding:5px 14px;font-size:var(--fs-xs);font-weight:700;}
.wf-mini-bar{display:inline-block;width:70px;height:6px;background:var(--wf-bg);border-radius:6px;overflow:hidden;vertical-align:middle;margin-left:6px;}
.wf-mini-bar div{height:100%;background:var(--wf-primary);border-radius:6px;}
.wf-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* ============ Responsive — تبلت و موبایل ============ */
@media (max-width: 1100px){
	.wf-board{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width: 900px){
	.wf-form-grid{grid-template-columns:1fr;}
	.wf-col-2{grid-column:1;}
	.wf-task-grid{grid-template-columns:1fr;}
	.wf-burger{display:block;}
	.wf-sidebar{transform:translateX(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:min(84vw,300px);}
	.wf-sidebar.open{transform:translateX(0);box-shadow:var(--wf-shadow-lg);}
	.wf-main{margin-right:0;padding:var(--sp-4);}
	.wf-scrim{position:fixed;inset:var(--wf-topbar-h) 0 0 0;background:rgba(0,0,0,.4);z-index:39;}
}

@media (max-width: 640px){
	body.wf-app{font-size:15px;}
	.wf-main{padding:var(--sp-3);}
	.wf-page-title{font-size:var(--fs-xl);}
	.wf-card{padding:var(--sp-4);border-radius:var(--wf-radius-sm);}

	.wf-topbar{padding:0 var(--sp-3);gap:var(--sp-2);}
	.wf-brand span{display:none;}
	.wf-user-name,.wf-user-role{display:none;}

	.wf-board{grid-template-columns:1fr;}
	.wf-board-cards{max-height:none;}
	.wf-cal-weekhead{display:none;}
	.wf-calendar-grid{grid-template-columns:1fr;}
	.wf-cal-empty{display:none;}
	.wf-cal-cell{min-height:0;}
	.wf-cal-item{white-space:normal;}

	/* جدول‌ها در موبایل به کارت تبدیل می‌شوند تا اسکرول افقی لازم نباشد */
	.wf-table{border:none;box-shadow:none;background:transparent;}
	.wf-table thead{display:none;}
	.wf-table tbody tr{
		display:block;background:var(--wf-card);border:1px solid var(--wf-border);
		border-radius:var(--wf-radius-sm);margin-bottom:var(--sp-2);padding:var(--sp-2);
		box-shadow:var(--wf-shadow-sm);
	}
	.wf-table tbody tr:hover{background:var(--wf-card);}
	/* کارت موبایل: برچسب و مقدار کنار هم و هر دو از سمت راست شروع می‌شوند.
	   قبلاً space-between بود که مقدار را به لبه چپ کارت پرت می‌کرد و چپ‌چین دیده می‌شد. */
	.wf-table td{
		display:flex;justify-content:flex-start;align-items:baseline;
		gap:6px;padding:6px var(--sp-2);border:none;
		text-align:right;direction:rtl;
	}
	.wf-table td::before{
		content:attr(data-label) ":";font-weight:700;color:var(--wf-muted);
		font-size:var(--fs-xs);flex-shrink:0;
	}
	.wf-table td:not([data-label])::before{content:none;}
	/* سلول خالیِ عملیات در موبایل فضای اضافه نگیرد */
	.wf-table td:empty{display:none;}
	.wf-table .wf-empty{display:block;text-align:center;}
	.wf-table .wf-empty::before{content:'';}
	.wf-table-wrap{overflow-x:visible;}
	.wf-kv th{width:auto;}

	/* هدف لمسی بزرگ‌تر؛ اندازه ۱۶ پیکسل مانع زوم خودکار iOS می‌شود */
	.wf-form input,.wf-form select,.wf-form textarea{font-size:16px;padding:12px 14px;}
	.wf-btn{padding:11px 20px;font-size:var(--fs-base);}
	.wf-btn-sm{padding:8px 14px;}
	.wf-filter-bar{padding:var(--sp-3);gap:var(--sp-2);}
	.wf-filter-bar input,.wf-filter-bar select{flex:1;min-width:120px;height:42px;font-size:16px;}
	.wf-filter-bar .wf-btn{height:42px;}

	.wf-meeting-card{flex-wrap:wrap;gap:var(--sp-3);}
	.wf-meeting-when{flex-direction:row;gap:var(--sp-2);min-width:0;}

	.wf-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);}
	.wf-kpi{padding:var(--sp-3);}
	.wf-kpi-num{font-size:22px;}
	.wf-auth-card{width:100%;padding:var(--sp-6) var(--sp-4);}
	.wf-tabs{overflow-x:auto;}
	.wf-check-list{max-height:150px;}
	.wf-pagination{flex-wrap:wrap;}
	.wf-jalali-popup{width:min(92vw,320px);}
	.wf-dept-row{flex-direction:column;align-items:stretch;}
	.wf-dept-edit{min-width:0;}
}

/* دکمه حذف روی تگ‌ها */
.wf-tag-list li{display:inline-flex;align-items:center;gap:6px;}
.wf-tag-x{border:none;background:transparent;color:var(--wf-muted);font-size:16px;line-height:1;cursor:pointer;padding:0 2px;font-family:inherit;}
.wf-tag-x:hover{color:var(--wf-red);}

/* ============ تسک‌های تکرارشونده ============ */
.wf-rec-list{display:flex;flex-direction:column;gap:var(--sp-3);}
.wf-rec-card{
	display:flex;gap:var(--sp-4);align-items:flex-start;justify-content:space-between;
	background:var(--wf-card);border:1px solid var(--wf-border);border-radius:var(--wf-radius);
	padding:var(--sp-4);box-shadow:var(--wf-shadow-sm);flex-wrap:wrap;
}
.wf-rec-card.is-paused{opacity:.62;}
.wf-rec-main{display:flex;flex-direction:column;gap:5px;flex:1;min-width:220px;}
.wf-rec-title{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;}
.wf-rec-title strong{font-size:var(--fs-md);}
.wf-rec-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:flex-start;}
.wf-rec-actions form{display:flex;gap:var(--sp-2);}

.wf-rec-section{
	background:var(--wf-bg);border:1px solid var(--wf-border);border-radius:var(--wf-radius-sm);
	padding:var(--sp-4);margin-bottom:var(--sp-4);
}
.wf-rec-section h3{font-size:var(--fs-sm);margin-bottom:var(--sp-3);}

/* گروه دکمه‌های رادیویی (Segmented control) */
.wf-seg{display:flex;flex-wrap:wrap;gap:var(--sp-2);}
.wf-seg-item{margin:0 !important;cursor:pointer;}
.wf-seg-item input{position:absolute;opacity:0;pointer-events:none;}
.wf-seg-item span{
	display:inline-block;padding:8px 16px;border-radius:980px;font-size:var(--fs-sm);font-weight:600;
	background:var(--wf-card);border:1px solid var(--wf-border-strong);color:var(--wf-text-secondary);
	transition:background .15s,color .15s,border-color .15s;
}
.wf-seg-item input:checked + span{background:var(--wf-primary);color:#fff;border-color:var(--wf-primary);}
.wf-seg-item input:focus-visible + span{box-shadow:0 0 0 4px var(--wf-primary-tint);}

/* انتخاب روزهای هفته */
.wf-day-picker{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2);}
.wf-day{margin:0 !important;cursor:pointer;}
.wf-day input{position:absolute;opacity:0;pointer-events:none;}
.wf-day span{
	display:inline-block;min-width:74px;text-align:center;padding:9px 12px;border-radius:var(--wf-radius-sm);
	font-size:var(--fs-sm);font-weight:600;background:var(--wf-card);
	border:1px solid var(--wf-border-strong);color:var(--wf-text-secondary);transition:background .15s,color .15s;
}
.wf-day input:checked + span{background:var(--wf-primary);color:#fff;border-color:var(--wf-primary);}

/* پنل‌هایی که بسته به انتخاب کاربر نمایش داده می‌شوند */
.wf-freq-panel{display:none;margin-top:var(--sp-3);}
.wf-freq-panel.is-visible{display:block;}

@media (max-width: 640px){
	.wf-rec-card{flex-direction:column;}
	.wf-rec-actions{width:100%;}
	.wf-day span{min-width:62px;padding:8px 10px;}
}

/* ============ گزارش کار روزانه ============ */
.wf-wl-head{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);margin:var(--sp-4) 0 var(--sp-2);}
.wf-wl-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--wf-slate);}
.wf-wl-dot.wf-wl-done{background:var(--wf-green);}
.wf-wl-dot.wf-wl-partial{background:var(--wf-cyan);}
.wf-wl-dot.wf-wl-notdone{background:var(--wf-red);}
.wf-wl-dot.wf-wl-meeting{background:var(--wf-purple);}

.wf-wl-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);}
.wf-wl-items li{
	background:var(--wf-bg);border:1px solid var(--wf-border);border-radius:var(--wf-radius-sm);
	padding:var(--sp-3);font-size:var(--fs-sm);display:flex;flex-direction:column;gap:3px;
}
.wf-wl-items li.wf-wl-manual{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap;}
.wf-wl-items li.wf-wl-manual > div{display:flex;flex-direction:column;gap:4px;flex:1;min-width:180px;}
.wf-wl-items li.wf-wl-manual strong{font-size:var(--fs-sm);}

/* وضعیت گزارش */
.wf-wl-draft{background:var(--wf-slate-tint);color:var(--wf-slate);}
.wf-wl-submitted{background:var(--wf-blue-tint);color:var(--wf-blue);}
.wf-wl-approved{background:var(--wf-green-tint);color:var(--wf-green);}
.wf-wl-returned{background:var(--wf-gold-tint);color:var(--wf-gold);}
/* نتیجه هر فعالیت */
.wf-badge-status.wf-wl-done{background:var(--wf-green-tint);color:var(--wf-green);}
.wf-badge-status.wf-wl-partial{background:var(--wf-cyan-tint);color:var(--wf-cyan);}
.wf-badge-status.wf-wl-notdone{background:var(--wf-red-tint);color:var(--wf-red);}

@media (max-width: 640px){
	.wf-wl-items li.wf-wl-manual{flex-direction:column;}
	.wf-wl-items li.wf-wl-manual > div{min-width:0;}
}

/* فیلد تاریخ درون نوار فیلتر (نسخه فشرده) */
.wf-jalali-inline{display:inline-flex;position:relative;align-items:center;}
.wf-jalali-inline .wf-jalali-display{
	width:150px;height:36px;padding:0 34px 0 12px;margin:0;
	border:1px solid var(--wf-border-strong);border-radius:var(--wf-radius-sm);
	background:var(--wf-bg);color:var(--wf-text);font-family:inherit;font-size:var(--fs-sm);
}
.wf-jalali-inline .wf-jalali-icon{right:11px;left:auto;}
.wf-jalali-inline .wf-jalali-display:focus{outline:none;border-color:var(--wf-primary);box-shadow:0 0 0 4px var(--wf-primary-tint);}

/* یادداشت زیر رویداد خط زمانی */
.wf-tl-note{display:block;margin-top:3px;font-size:var(--fs-xs);color:var(--wf-text-secondary);
	background:var(--wf-bg);border-radius:6px;padding:4px 9px;}

@media (max-width: 640px){
	.wf-jalali-inline,.wf-jalali-inline .wf-jalali-display{width:100%;}
	.wf-jalali-inline .wf-jalali-display{height:42px;font-size:16px;}
}

/* ردیف‌های قابل‌کلیک (جایگزین onclick با CSP سخت‌گیرانه) */
.wf-clickable{cursor:pointer;}