/* بوابة الموكل — يرث خط الثيم (Porto) ولونه الأساسي تلقائيًا.
   لتغيير الألوان: أضف في Appearance > Customize > Additional CSS:
   .lcp-portal{ --lcp-primary:#0b4f6c; --lcp-accent:#b08d57; } */
.lcp-portal{
	--lcp-primary:var(--porto-primary-color,#1b365d);
	--lcp-accent:#b08d57;
	--lcp-ink:var(--porto-body-color,#2b3440);
	--lcp-muted:#6b7684;
	--lcp-line:#dde3ea;
	--lcp-soft:#f3f6f9;
	--lcp-ok:#1e7a46;
	--lcp-warn:#b3261e;
	--lcp-radius:6px;
	font-family:inherit;color:var(--lcp-ink);line-height:1.8;max-width:1100px;margin:0 auto;
	text-align:start;
}
.lcp-portal *{box-sizing:border-box}
.lcp-portal h2,.lcp-portal h3,.lcp-portal h4{font-family:inherit;color:var(--lcp-primary);margin:0}
.lcp-portal a{color:var(--lcp-primary)}

.lcp-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
	padding-block-end:18px;margin-block-end:22px;border-block-end:3px solid var(--lcp-accent)}
.lcp-head h2{font-size:26px}
.lcp-head p{margin:4px 0 0;color:var(--lcp-muted)}

.lcp-btn,.lcp-login input[type=submit]{display:inline-block;padding:9px 22px;border-radius:var(--lcp-radius);
	background:var(--lcp-primary);color:#fff;border:1px solid var(--lcp-primary);cursor:pointer;
	font:inherit;text-decoration:none}
.lcp-btn--ghost{background:transparent;color:var(--lcp-primary)}
.lcp-btn:hover,.lcp-login input[type=submit]:hover{opacity:.88}
.lcp-portal a:focus-visible,.lcp-portal button:focus-visible,.lcp-portal input:focus-visible,.lcp-portal summary:focus-visible{outline:3px solid var(--lcp-accent);outline-offset:2px}

.lcp-notice{padding:16px 18px;background:var(--lcp-soft);border:1px solid var(--lcp-line);border-radius:var(--lcp-radius)}

.lcp-alert{padding:16px 20px;margin-block-end:22px;background:#fdf0ee;border:1px solid #f0b8b2;
	border-inline-start:6px solid var(--lcp-warn);border-radius:var(--lcp-radius);color:#6e1a15}
.lcp-alert strong{font-size:17px}
.lcp-alert ul{margin:8px 0 6px;padding-inline-start:20px}
.lcp-alert p{margin:0}

.lcp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-block-end:26px}
.lcp-card{padding:16px 18px;background:#fff;border:1px solid var(--lcp-line);border-radius:var(--lcp-radius);
	border-block-start:4px solid var(--lcp-primary)}
.lcp-card small{display:block;color:var(--lcp-muted)}
.lcp-card strong{display:block;font-size:21px;color:var(--lcp-primary)}
.lcp-card em{display:block;font-style:normal;font-size:13px;color:var(--lcp-muted)}
.lcp-card--warn{border-block-start-color:var(--lcp-warn)}
.lcp-card--warn strong{color:var(--lcp-warn)}
.lcp-card--ok{border-block-start-color:var(--lcp-ok)}
.lcp-card--ok strong{color:var(--lcp-ok)}

.lcp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:18px}
.lcp-tabs a{padding:8px 16px;border:1px solid var(--lcp-line);border-radius:999px;text-decoration:none;background:#fff}
.lcp-tabs a.is-active{background:var(--lcp-primary);border-color:var(--lcp-primary);color:#fff}

.lcp-case{background:#fff;border:1px solid var(--lcp-line);border-radius:var(--lcp-radius);overflow:hidden}
.lcp-case__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
	padding:18px 22px;background:var(--lcp-primary)}
.lcp-case__head h3{color:#fff;font-size:21px}
.lcp-badge{padding:3px 14px;border-radius:999px;font-size:13px;background:#fff;color:var(--lcp-primary)}
.lcp-badge--closed{background:#e6e9ed;color:#4a5560}
.lcp-badge--reserved{background:#fff1d6;color:#7a5200}

.lcp-sec{padding:22px;border-block-end:1px solid var(--lcp-line)}
.lcp-sec:last-child{border-block-end:0}
.lcp-sec h4{font-size:18px;margin-block-end:14px;padding-inline-start:12px;border-inline-start:4px solid var(--lcp-accent)}

.lcp-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0}
.lcp-info dt{font-size:13px;color:var(--lcp-muted)}
.lcp-info dd{margin:0;font-weight:600}
.lcp-summary{margin:16px 0 0;padding:14px 16px;background:var(--lcp-soft);border-radius:var(--lcp-radius)}

.lcp-sessions{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lcp-sessions li{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:12px 16px;
	border:1px solid var(--lcp-line);border-radius:var(--lcp-radius)}
.lcp-sessions time{font-weight:700;color:var(--lcp-primary)}
.lcp-sessions em{flex-basis:100%;font-style:normal;color:var(--lcp-muted)}
.lcp-sessions li.is-next{background:var(--lcp-soft);border-color:var(--lcp-primary);border-inline-start-width:5px}
.lcp-sessions b{margin-inline-start:auto;font-size:12px;padding:1px 10px;border-radius:999px;background:var(--lcp-accent);color:#fff}
.lcp-empty{color:var(--lcp-muted);margin:0}
.lcp-past{margin-block-start:14px}
.lcp-past summary{cursor:pointer;font-weight:600;color:var(--lcp-primary)}

.lcp-timeline{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--lcp-line);margin-inline-start:6px}
.lcp-timeline li{position:relative;padding:0 22px 20px 0;padding-inline:22px 0}
.lcp-timeline li::before{content:"";position:absolute;inset-inline-start:-8px;top:8px;width:14px;height:14px;
	border-radius:50%;background:var(--lcp-accent);border:3px solid #fff;box-shadow:0 0 0 1px var(--lcp-line)}
.lcp-timeline time{display:block;font-size:13px;color:var(--lcp-muted)}
.lcp-timeline strong{display:block;color:var(--lcp-primary)}
.lcp-timeline p{margin:4px 0 0}

.lcp-table-wrap{overflow-x:auto;margin-block-start:14px}
.lcp-table{width:100%;border-collapse:collapse;min-width:480px}
.lcp-table th,.lcp-table td{padding:10px 12px;border:1px solid var(--lcp-line);text-align:start}
.lcp-table thead th{background:var(--lcp-soft);color:var(--lcp-primary)}

.lcp-cards--fees{margin-block-end:14px}
.lcp-progress{height:10px;background:var(--lcp-line);border-radius:999px;overflow:hidden}
.lcp-progress span{display:block;height:100%;background:var(--lcp-ok)}
.lcp-progress__label{margin:6px 0 0;font-size:13px;color:var(--lcp-muted)}

.lcp-login{max-width:420px;margin:0 auto;padding:28px;background:#fff;border:1px solid var(--lcp-line);
	border-block-start:4px solid var(--lcp-accent);border-radius:var(--lcp-radius)}
.lcp-login p{color:var(--lcp-muted)}
.lcp-login label{display:block;font-weight:600}
.lcp-login input[type=text],.lcp-login input[type=password]{width:100%;padding:10px 12px;margin-block:4px 14px;
	border:1px solid var(--lcp-line);border-radius:var(--lcp-radius);font:inherit}
.lcp-login .login-remember label{font-weight:400}
.lcp-login input[type=submit]{width:100%}
.lcp-lost{text-align:center;margin:14px 0 0}

@media (max-width:600px){
	.lcp-head h2{font-size:22px}
	.lcp-sec{padding:18px 14px}
	.lcp-sessions b{margin-inline-start:0}
}
@media print{.lcp-btn,.lcp-tabs{display:none}}