/* Poya Customer Panel — v0.1.0. Scoped to the public customer portal. */
.poya-panel {
  --poya-deep:#0b2433; --poya-navy:#102d40; --poya-navy-mid:#193b4c;
  --poya-green:#138b75; --poya-mint:#27b79c; --poya-mint-light:#e7f5f1;
  --poya-text:#163044; --poya-muted:#738892; --poya-border:#e5eeeb;
  --poya-paper:#f6f9f8; --poya-white:#fff;
  direction:rtl; color:var(--poya-text); font-family:'Vazirmatn',Tahoma,sans-serif;
  width:min(1250px,calc(100% - 36px)); margin:40px auto 85px;
  font-size:14px; line-height:1.85;
}
.poya-panel * {box-sizing:border-box}
.poya-panel a {text-decoration:none}
.poya-panel button,.poya-panel input {font-family:inherit}
.poya-panel button {cursor:pointer}
.poya-panel h1,.poya-panel h2,.poya-panel h3,.poya-panel p {margin-top:0}
.poya-panel .poya-ico {display:block; width:20px; height:20px; flex:none}
.poya-panel a:focus-visible,.poya-panel button:focus-visible,.poya-panel input:focus-visible {outline:3px solid var(--poya-mint);outline-offset:3px}
.poya-panel [hidden] {display:none!important}
.poya-panel-shell {display:grid;grid-template-columns:250px minmax(0,1fr);min-height:800px;border:1px solid #e6efed;border-radius:24px;overflow:hidden;background:var(--poya-white);box-shadow:0 24px 76px #112f4210}
.poya-panel-sidebar {padding:30px 16px 20px;background:linear-gradient(165deg,#142e41 0%,#0d2638 100%);color:#e9f5f2;display:flex;flex-direction:column;min-width:0}
.poya-sidebar-brand {display:flex;align-items:center;gap:10px;padding:0 12px 28px;border-bottom:1px solid #ffffff16}
.poya-logo-icon {width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#1ba890,#0b645f);color:#fff;box-shadow:0 8px 22px #031c2540;flex:none}
.poya-sidebar-brand strong {font-size:17px;display:block;line-height:1.6;color:white}
.poya-sidebar-brand small {font-size:10px;display:block;color:#a4bcc4}
.poya-side-label {margin:23px 15px 13px;color:#96b1b8;font-size:11px}
.poya-panel-nav {display:grid;gap:4px}
.poya-panel-nav a {min-height:45px;border-radius:11px;padding:11px 13px;display:flex;gap:13px;align-items:center;color:#bacecf;font-weight:600;font-size:12.5px;position:relative;transition:background .15s,color .15s}
.poya-panel-nav a:hover,.poya-panel-nav a:focus-visible {background:#ffffff12;color:#fff}
.poya-panel-nav a.is-active {color:#fff;background:linear-gradient(90deg,#1b8978,#167967);box-shadow:0 8px 22px #07302e50}
.poya-panel-nav a .poya-ico {width:19px;height:19px}
.poya-nav-dot {margin-inline-start:auto;width:5px;height:5px;background:#6b9e9c;border-radius:50%;opacity:.58}
.poya-panel-nav a.is-active .poya-nav-dot {background:white;opacity:.85}
.poya-sidebar-bottom {margin-top:auto;padding-top:30px}
.poya-help-card {background:#ffffff0c;border:1px solid #ffffff16;border-radius:14px;padding:18px 15px;margin-bottom:17px}
.poya-help-card>span {display:inline-flex;color:#85ddc7;margin-bottom:11px}
.poya-help-card strong {display:block;color:#fff;font-size:12px}
.poya-help-card p {font-size:11px;color:#a3bec2;line-height:2;margin:7px 0 12px}
.poya-help-card a {display:inline-flex;gap:9px;align-items:center;font-size:11px;font-weight:700;color:#93e5ce}
.poya-help-card a .poya-ico {width:15px;height:15px}
.poya-logout {display:flex;align-items:center;gap:12px;color:#c0d3d7;padding:11px 16px;border-radius:10px;font-size:12px}
.poya-logout:hover {background:#ffffff10;color:#fff}
.poya-panel-content {min-width:0;display:flex;flex-direction:column;background:var(--poya-paper)}
.poya-panel-topbar {height:105px;background:#fff;padding:23px 33px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--poya-border)}
.poya-breadcrumb {display:block;color:#8ba1a5;font-size:11px;font-weight:500}
.poya-breadcrumb>span:nth-child(1) {color:#c1cbce;padding:0 7px}
.poya-panel-topbar h1 {margin:2px 0 0;font-size:19px;color:var(--poya-navy);font-weight:800;line-height:1.65}
.poya-user-chip {display:flex;align-items:center;gap:10px;background:#f7fbf9;padding:6px 9px 6px 20px;border:1px solid var(--poya-border);border-radius:100px;max-width:44%}
.poya-user-avatar {width:38px;height:38px;background:var(--poya-mint-light);border-radius:50%;display:grid;place-items:center;color:var(--poya-green);font-size:20px;font-weight:900;flex:none}
.poya-user-chip strong,.poya-user-chip small {display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.poya-user-chip strong {font-size:12px;font-weight:800;line-height:1.65}
.poya-user-chip small {font-size:10px;color:var(--poya-muted)}
.poya-panel-main {padding:28px 32px 39px;flex:1}
.poya-welcome {position:relative;display:flex;background:linear-gradient(116deg,#123b4a 5%,#0f6f67 100%);color:#fff;border-radius:20px;min-height:252px;overflow:hidden}
.poya-welcome-copy {position:relative;z-index:2;padding:31px 35px;max-width:70%}
.poya-welcome-tag {display:inline-flex;align-items:center;gap:6px;color:#a4f4da;font-size:11px;font-weight:700}
.poya-welcome-tag .poya-ico {width:15px;height:15px}
.poya-welcome h2 {margin:11px 0;font-weight:800;font-size:26px;line-height:1.7;color:#fff}
.poya-welcome p {max-width:495px;font-size:12px;line-height:2.2;color:#d3ebea;margin-bottom:19px}
.poya-action {display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:10px;border:1px solid transparent;padding:11px 17px;font-weight:800;font-size:12px;white-space:normal;line-height:1.7;transition:transform .15s,background .15s}
.poya-action:hover {transform:translateY(-2px)}
.poya-action .poya-ico {width:16px;height:16px}
.poya-action-light {background:#fff;color:var(--poya-green)}
.poya-action-primary {background:var(--poya-green);color:#fff;border:none}
.poya-action-primary:hover {background:#0c715f;color:white}
.poya-action-outline {color:var(--poya-green);background:#fff;border:1px solid #c5e1d9}
.poya-action-outline:hover {background:#f1faf6;color:var(--poya-green)}
.poya-welcome-art {position:absolute;inset:0;pointer-events:none}
.poya-art-orbit {position:absolute;border-radius:50%;border:1px solid #ffffff23}
.poya-art-orbit.orbit-one {width:320px;height:320px;left:-35px;top:-50px}
.poya-art-orbit.orbit-two {width:228px;height:228px;left:14px;top:4px;background:#ffffff0b}
.poya-art-tile {position:absolute;left:77px;top:55px;width:146px;height:150px;background:#ffffff17;backdrop-filter:blur(8px);transform:rotate(-13deg);border:1px solid #ffffff40;border-radius:20px;padding:19px;box-shadow:0 18px 40px #09253850}
.poya-art-tile>.poya-ico {width:33px;height:33px;color:#c2ffed;margin-bottom:20px}
.poya-art-tile>span {display:block;height:7px;background:#a7f0d440;border-radius:10px;margin:8px 0}
.poya-art-tile>span:nth-last-child(1) {width:52%}
.poya-art-tile>span:nth-last-child(2) {width:73%}
.poya-section-heading {margin:29px 0 16px;display:flex;align-items:end;justify-content:space-between;gap:15px}
.poya-section-heading h2 {font-size:17px;line-height:1.6;font-weight:800;margin:0;color:var(--poya-navy)}
.poya-section-heading p {font-size:11px;color:var(--poya-muted);margin:0}
.poya-metric-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.poya-metric {display:flex;flex-direction:column;position:relative;min-height:151px;padding:19px 16px 15px;background:#fff;border:1px solid var(--poya-border);border-radius:15px;transition:transform .15s,box-shadow .15s,border-color .15s}
.poya-metric:hover {transform:translateY(-3px);box-shadow:0 16px 30px #0d423d12;border-color:#aed9ca}
.poya-metric-icon {width:41px;height:41px;background:#e8f7f2;color:var(--poya-green);display:grid;place-items:center;border-radius:12px;margin-bottom:12px}
.poya-metric-icon .poya-ico {width:21px;height:21px}
.poya-metric-state {position:absolute;top:20px;left:12px;font-size:9px;background:#f2f8f5;color:#6b9f8c;padding:3px 8px;border-radius:50px}
.poya-metric strong {font-size:13px;color:var(--poya-navy);line-height:1.6}
.poya-metric small {display:flex;align-items:center;gap:6px;font-size:10px;color:#79908f;margin-top:8px}
.poya-metric small .poya-ico {width:13px;height:13px;color:var(--poya-green)}
.poya-overview-bottom {display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:17px}
.poya-surface {border:1px solid var(--poya-border);border-radius:17px;background:#fff;padding:21px}
.poya-card-heading {display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.poya-card-heading>div {display:flex;align-items:center;gap:11px}
.poya-mini-icon {display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:11px;background:var(--poya-mint-light);color:var(--poya-green)}
.poya-card-heading h3,.poya-quick-help h3 {font-weight:800;font-size:13px;line-height:1.5;margin:0}
.poya-card-heading>a {display:flex;align-items:center;gap:5px;color:var(--poya-green);font-size:10px;white-space:nowrap}
.poya-card-heading>a .poya-ico {width:13px;height:13px}
.poya-detail-row {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf3f1;padding:11px 0;font-size:11px}
.poya-detail-row span {color:#7a9195;flex:none}
.poya-detail-row strong {font-weight:700;word-break:break-word;text-align:left;overflow-wrap:anywhere}
.poya-ltr {direction:ltr;unicode-bidi:plaintext}
.poya-quick-help {background:linear-gradient(135deg,#f1faf6,#fff)}
.poya-quick-help .poya-mini-icon {margin-bottom:14px}
.poya-quick-help h3 {font-size:15px;margin-bottom:6px}
.poya-quick-help p {font-size:11px;color:#72888b;line-height:2.25;margin-bottom:14px}
.poya-panel-footer {display:flex;justify-content:space-between;gap:14px;padding:15px 32px 22px;color:#96a7a9;font-size:10px}
.poya-panel-view:not([data-poya-view="overview"]) .poya-section-heading {margin-top:0;margin-bottom:21px}
.poya-panel-view:not([data-poya-view="overview"]) .poya-surface {min-height:380px}
.poya-empty {min-height:335px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:20px}
.poya-empty-icon {display:grid;place-items:center;width:75px;height:75px;border-radius:24px;background:#eaf6f2;color:var(--poya-green);margin-bottom:17px}
.poya-empty-icon .poya-ico {width:34px;height:34px}
.poya-empty h3 {font-size:18px;margin:0 0 7px;color:var(--poya-navy)}
.poya-empty p {font-size:12px;max-width:450px;color:var(--poya-muted);line-height:2.2;margin-bottom:18px}
.poya-profile-surface {padding:29px}
.poya-profile-form {margin-top:4px}
.poya-form-grid {display:grid;grid-template-columns:1fr 1fr;gap:22px}
.poya-form-grid label {display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#445f69}
.poya-form-grid label input {display:block;width:100%;height:47px;padding:10px 14px;border-radius:10px;border:1px solid #d9e6e2;background:#fbfdfc;color:var(--poya-navy);font-size:13px;font-weight:400;transition:border-color .15s}
.poya-form-grid label input:focus {border-color:var(--poya-green);outline:3px solid #dff5ec}
.poya-form-grid label input::placeholder {color:#aebcbb}
.poya-form-grid .poya-field-full {grid-column:1/-1}
.poya-profile-actions {border-top:1px solid #edf3f1;margin-top:27px;padding-top:22px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.poya-profile-actions>a {display:inline-flex;align-items:center;gap:8px;color:var(--poya-muted);font-size:12px}
.poya-profile-actions>a .poya-ico {width:16px;height:16px}
.poya-notice {border-radius:11px;margin-bottom:22px;padding:12px 16px;font-size:12px;display:flex;align-items:center;gap:10px}
.poya-notice.is-success {background:#e6f7ee;color:#196e53;border:1px solid #bee8d3}
.poya-notice.is-error {background:#fff0ed;color:#a7392f;border:1px solid #f4c8c2}
/* Login view */
.poya-login-shell {display:grid;grid-template-columns:1fr 430px;min-height:560px;overflow:hidden;border-radius:24px;background:#f7fbfa;border:1px solid #e3eeea;box-shadow:0 25px 75px #1536470d}
.poya-login-intro {background:radial-gradient(circle at 10% 80%,#147567 0%,transparent 43%),linear-gradient(135deg,#102d40,#123f4b);padding:75px 63px;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.poya-login-intro>.poya-logo-icon {margin-bottom:22px;width:56px;height:56px}
.poya-login-eyebrow {font-size:12px;color:#92ead4;letter-spacing:0}
.poya-login-intro h1 {font-size:clamp(25px,3vw,36px);line-height:1.85;color:white;margin:14px 0;max-width:510px}
.poya-login-intro h1 span {color:#7ee0c6}
.poya-login-intro p {font-size:13px;color:#cfdfde;max-width:470px;line-height:2.4}
.poya-login-benefits {display:flex;gap:24px;flex-wrap:wrap;margin-top:15px;color:#acd4d0;font-size:11px}
.poya-login-benefits>span {display:flex;align-items:center;gap:7px}
.poya-login-benefits .poya-ico {width:17px;height:17px;color:#91e3c9}
.poya-login-card {padding:60px 40px;align-self:center;min-width:0}
.poya-overline {font-size:11px;color:var(--poya-green);font-weight:800}
.poya-login-card h2 {font-size:24px;color:var(--poya-navy);margin:5px 0 7px}
.poya-login-card>p {font-size:12px;color:var(--poya-muted);margin-bottom:26px}
.poya-login-card form {width:100%}
.poya-login-card .login-username,.poya-login-card .login-password {margin-bottom:16px}
.poya-login-card form label {display:block;margin-bottom:6px;color:#4a626c;font-size:12px;font-weight:700}
.poya-login-card form input[type="text"],.poya-login-card form input[type="password"] {display:block;width:100%;height:49px;padding:12px 14px;background:#fff;border:1px solid #dce8e5;border-radius:10px;direction:ltr}
.poya-login-card form .login-remember {margin-top:4px}
.poya-login-card form .login-remember label {display:flex;align-items:center;gap:7px;font-weight:500;color:#71858b}
.poya-login-card form .login-submit {margin-top:22px}
.poya-login-card form input[type="submit"] {width:100%;background:var(--poya-green);border:0;color:#fff;padding:12px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer}
.poya-login-card form input[type="submit"]:hover {background:#0d705f}
.poya-forgot {display:inline-block;color:var(--poya-green);font-size:11px;margin-top:18px}
.poya-signup {border-top:1px solid var(--poya-border);padding-top:16px;margin-top:18px;color:var(--poya-muted);font-size:11px}
.poya-signup a {color:var(--poya-green);font-weight:800}
@media(max-width:1120px) {
  .poya-panel-shell {grid-template-columns:215px minmax(0,1fr)}
  .poya-panel-main {padding:24px}
  .poya-panel-topbar {padding-inline:24px}
  .poya-metric-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .poya-metric {min-height:134px}
  .poya-welcome-art .poya-art-tile {left:34px}
  .poya-welcome-copy {max-width:77%}
}
@media(max-width:820px) {
  .poya-panel {width:min(100% - 22px,760px);margin-block:22px 45px}
  .poya-panel-shell {display:flex;flex-direction:column;border-radius:16px}
  .poya-panel-sidebar {padding:13px 14px 14px}
  .poya-sidebar-brand {padding:0 2px 12px;border:0}
  .poya-sidebar-brand .poya-logo-icon {width:35px;height:35px;border-radius:10px}
  .poya-sidebar-brand strong {font-size:13px}
  .poya-sidebar-brand small {font-size:9px}
  .poya-side-label,.poya-sidebar-bottom {display:none}
  .poya-panel-nav {display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:6px;padding:3px 0 7px}
  .poya-panel-nav a {flex:0 0 auto;font-size:11px;min-height:37px;white-space:nowrap;gap:7px;padding:8px 12px}
  .poya-panel-nav a .poya-ico {width:16px;height:16px}
  .poya-nav-dot {display:none}
  .poya-panel-topbar {height:80px;padding:14px 20px}
  .poya-panel-main {padding:20px}
  .poya-welcome-copy {max-width:82%;padding:26px}
  .poya-welcome h2 {font-size:22px}
  .poya-overview-bottom {grid-template-columns:1fr}
  .poya-login-shell {grid-template-columns:1fr;min-height:0}
  .poya-login-intro {padding:40px}
  .poya-login-card {padding:35px 40px}
}
@media(max-width:550px) {
  .poya-panel-topbar h1 {font-size:16px}
  .poya-user-chip {padding:5px;border-radius:100px}
  .poya-user-chip span:last-child {display:none}
  .poya-user-avatar {width:32px;height:32px;font-size:17px}
  .poya-panel-main {padding:15px}
  .poya-welcome {min-height:236px;border-radius:14px}
  .poya-welcome-copy {padding:23px;max-width:100%}
  .poya-welcome-art {opacity:.17}
  .poya-welcome h2 {font-size:20px}
  .poya-welcome p {font-size:11px}
  .poya-section-heading {display:block;margin-block:23px 13px}
  .poya-section-heading p {margin-top:4px;font-size:10px}
  .poya-metric-grid {gap:10px}
  .poya-metric {padding:14px 12px;min-height:135px}
  .poya-metric-state {position:static;align-self:start;margin-bottom:8px}
  .poya-metric-icon {width:35px;height:35px;margin-bottom:8px}
  .poya-metric strong {font-size:12px}
  .poya-metric small {font-size:9px}
  .poya-card-heading {align-items:flex-start}
  .poya-card-heading a {font-size:9px}
  .poya-detail-row {font-size:10px}
  .poya-surface {padding:17px}
  .poya-empty {min-height:280px}
  .poya-empty h3 {font-size:15px}
  .poya-empty p {font-size:11px}
  .poya-form-grid {grid-template-columns:1fr;gap:15px}
  .poya-profile-surface {padding:19px}
  .poya-panel-footer {padding:8px 18px 17px;display:block;text-align:center}
  .poya-panel-footer>span:last-child {display:none}
  .poya-login-intro {padding:33px 23px}
  .poya-login-intro h1 {font-size:25px}
  .poya-login-card {padding:29px 24px}
}
@media(prefers-reduced-motion:reduce) {
  .poya-panel *, .poya-panel *::before,.poya-panel *::after {animation:none!important;transition:none!important}
}

/* v0.2.0 — stable right-hand sidebar; left content gets its own scrollbar. */
.poya-panel-shell {
  direction:rtl;
  grid-template-columns:252px minmax(0,1fr);
  height:clamp(610px,calc(100dvh - 136px),920px);
  min-height:0;
  overflow:hidden;
  align-items:stretch;
}
.poya-panel-sidebar {
  grid-column:1;
  grid-row:1;
  height:100%;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#426575 transparent;
}
.poya-panel-content {
  grid-column:2;
  grid-row:1;
  height:100%;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  direction:rtl; /* RTL places the content scrollbar at the LEFT edge. */
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#93bcb2 #edf4f1;
}
.poya-panel-content::-webkit-scrollbar {width:9px}
.poya-panel-content::-webkit-scrollbar-thumb {background:#a4c5bb;border-radius:9px}
.poya-panel-content::-webkit-scrollbar-track {background:#edf4f1}
.poya-panel-topbar {position:sticky;top:0;z-index:2;flex-shrink:0}
.poya-panel-main {min-height:450px}
.poya-panel-footer {margin-top:auto}
.poya-mobile-backdrop,.poya-sidebar-close,.poya-sidebar-toggle {display:none}
.poya-mobile-backdrop[hidden] {display:none!important}
.poya-next-step {display:flex;align-items:center;gap:14px;border:1px solid #cde7da;background:#eef8f3;border-radius:14px;padding:17px 20px;margin-top:18px}
.poya-next-step>.poya-ico {color:var(--poya-green);width:27px;height:27px}
.poya-next-step>div {flex:1}
.poya-next-step strong {display:block;font-size:13px}
.poya-next-step p {color:#6b8581;font-size:11px;margin:2px 0 0}
.poya-next-step .poya-action {flex:none}
.poya-stage-track {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.poya-stage-track>div {display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;column-gap:10px;padding:13px 12px;border:1px solid #e2ebe8;background:#fff;border-radius:13px;min-width:0}
.poya-stage-track>div>span {grid-row:1/3;width:34px;height:34px;background:#edf2f1;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#80959b}
.poya-stage-track strong {font-size:11px;white-space:normal}
.poya-stage-track small {font-size:10px;color:#80959b}
.poya-stage-track .is-done>span {background:#ddf5ec;color:#108571}
.poya-stage-track .is-done small {color:#168a73}
.poya-stage-track .is-current {border-color:#98d3c3;box-shadow:0 0 0 2px #e5f6ef inset}
.poya-stage-track .is-current>span {background:var(--poya-green);color:white}
.poya-profile-heading {margin-top:0}
.poya-profile-surface {min-height:unset!important;margin-bottom:17px}
.poya-profile-hint {color:#758d90;font-size:12px;margin:0 0 16px;line-height:2.1}
.poya-pending {border-radius:10px;padding:9px 12px;background:#f0f8f5}
.poya-status {background:#fdf3e4;color:#aa741a;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}
.poya-status.is-verified {background:#e2f7ed;color:#147353}
.poya-form-grid label small {font-size:10px;color:#95a5a5;font-weight:400}
.poya-locked {display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:12px;background:#f4f7f7;color:#687e84}
.poya-locked>.poya-ico {color:#95aeb3;width:23px;height:23px}
.poya-locked strong {color:#46616b;display:block;font-size:13px}
.poya-locked p {font-size:12px;margin:5px 0 0}
.poya-loading {height:320px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:var(--poya-muted);font-size:13px}
.poya-loader {width:32px;height:32px;border-radius:50%;border:3px solid #c6e9df;border-top-color:var(--poya-green);animation:poya-spin .75s linear infinite}
@keyframes poya-spin {to{transform:rotate(360deg)}}
.poya-ajax-error {text-align:center;background:white;border-radius:14px;padding:45px 20px;border:1px solid var(--poya-border)}
.poya-ajax-error p {margin:0 0 20px}

/* Login/register with two fields only, in the same branded portal. */
.poya-login-shell .poya-login-card {padding-block:38px}
.poya-auth-tabs {display:flex;gap:5px;border-radius:12px;background:#edf4f1;padding:5px;margin-bottom:24px}
.poya-auth-tab {background:transparent;color:#63817f;border:0;border-radius:9px;flex:1;padding:11px 7px;font-size:12px;font-weight:800;transition:background .16s,color .16s}
.poya-auth-tab.is-active {background:white;color:var(--poya-green);box-shadow:0 3px 12px #0c423416}
.poya-auth-view[hidden] {display:none!important}
.poya-auth-view h2 {font-size:22px;margin:0 0 3px;color:var(--poya-navy)}
.poya-auth-view>p {font-size:12px;color:var(--poya-muted);margin:0 0 24px}
.poya-auth-view form>label:not(.poya-remember) {display:block;font-size:12px;font-weight:800;color:#385762;margin:0 0 17px}
.poya-auth-view input[type="text"],.poya-auth-view input[type="password"] {width:100%;height:49px;border:1px solid #dce8e5;border-radius:10px;background:#fff;color:var(--poya-navy);direction:ltr;text-align:left;padding:11px 14px;margin-top:7px;outline-offset:2px}
.poya-auth-view .poya-password-field {position:relative}
.poya-auth-view .poya-password-field input {padding-inline-end:65px}
.poya-password-field>button {position:absolute;top:50%;left:9px;transform:translateY(-37%);border:0;background:#f1f8f5;color:var(--poya-green);padding:4px 9px;border-radius:7px;font-size:11px}
.poya-auth-view .poya-remember {display:flex;align-items:center;gap:8px;color:#71858b;font-size:11px;margin-bottom:15px}
.poya-auth-submit {width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--poya-green);color:#fff;padding:12px;border:0;border-radius:11px;font-size:13px;font-weight:800}
.poya-auth-submit:hover {background:#0c715f}
.poya-auth-small {font-size:11px;color:#80938f;margin:0 0 18px}
.poya-honeypot {position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}

@media(max-width:1120px) and (min-width:821px) {
  .poya-panel-shell {grid-template-columns:215px minmax(0,1fr)}
  .poya-stage-track>div {padding:10px 8px;gap:6px}
}
@media(max-width:820px) {
  .poya-panel-shell {display:block;position:relative;height:clamp(560px,calc(100dvh - 105px),850px);min-height:0;overflow:hidden}
  .poya-panel-content {height:100%;width:100%;overflow-y:auto}
  .poya-panel-sidebar {position:absolute;top:0;right:0;bottom:0;width:min(300px,85%);height:100%;z-index:11;transform:translateX(105%);transition:transform .2s ease;box-shadow:-15px 0 30px #051f2a35;padding:24px 14px 20px}
  .poya-panel-shell.is-drawer-open .poya-panel-sidebar {transform:translateX(0)}
  .poya-panel-nav {display:grid;overflow:visible;gap:6px;padding:0}
  .poya-panel-nav a {font-size:12px;padding:10px 12px;min-height:44px}
  .poya-side-label,.poya-sidebar-bottom {display:block}
  .poya-mobile-backdrop {position:absolute;display:block;inset:0;background:#071c2a88;z-index:10}
  .poya-sidebar-close {display:block;margin-inline-start:auto;background:transparent;color:white;border:0;font-size:24px;cursor:pointer;line-height:1}
  .poya-sidebar-toggle {display:grid;place-items:center;background:#edf8f3;color:#136f61;border:1px solid #daebe5;border-radius:9px;font-size:20px;width:36px;height:36px;flex:none;cursor:pointer}
  .poya-panel-topbar {gap:12px}
  .poya-stage-track {grid-template-columns:1fr;gap:7px}
  .poya-stage-track>div {padding:9px 12px}
}
@media(max-width:550px) {
  .poya-next-step {flex-wrap:wrap;padding:13px}
  .poya-next-step .poya-action {width:100%}
  .poya-panel-topbar {height:75px;padding:10px 13px}
  .poya-panel-main {padding:15px;min-height:350px}
  .poya-sidebar-brand {padding:0 5px 16px}
  .poya-login-shell .poya-login-card {padding:28px 23px}
}

/* v0.3.0 — corporate full-screen portal, patterned after the approved screenshot.
   This layer intentionally overrides older boxed-layout rules while retaining all
   registration, profile, forms and AJAX section styles. */
body.poya-portal-page {margin:0;overflow:hidden;background:#eff3f7}
body.poya-portal-page .poya-portal-standalone {height:100dvh;min-height:0;overflow:hidden}
body.poya-portal-page .poya-portal-standalone>.poya-panel.poya-login-shell {margin:clamp(18px,5vh,60px) auto;width:min(1050px,calc(100% - 36px));height:auto;max-height:calc(100dvh - 36px);overflow-y:auto}
body.admin-bar.poya-portal-page .poya-portal-standalone {height:calc(100dvh - 32px);margin-top:32px}
.poya-panel.poya-panel-shell {
  --poya-deep:#081e34;
  --poya-navy:#0b2a43;
  --poya-green:#138b75;
  --poya-border:#dbe4e9;
  --poya-paper:#f1f5f8;
  width:100%;max-width:none;height:100dvh;min-height:0;
  margin:0;border:0;border-radius:0;box-shadow:none;
  display:grid;grid-template-columns:260px minmax(0,1fr);direction:rtl;
  background:var(--poya-paper);overflow:hidden;
}
body.admin-bar .poya-panel.poya-panel-shell {height:calc(100dvh - 32px)}
.poya-panel-shell .poya-panel-sidebar {
  grid-column:1;grid-row:1;height:100%;min-height:0;
  display:flex;flex-direction:column;padding:0 17px 18px;
  background:linear-gradient(180deg,#071e33 0%,#0c2d49 62%,#102f4a 100%);
  color:#f7fcff;overflow-y:auto;overflow-x:hidden;
  scrollbar-color:#416477 transparent;scrollbar-width:thin;
  box-shadow:-1px 0 0 #0b3451 inset;
}
.poya-panel-shell .poya-sidebar-identity {
  display:flex;align-items:center;gap:12px;min-height:99px;flex:none;
  padding:16px 2px 19px;border-bottom:1px solid #ffffff1a;
}
.poya-panel-shell .poya-sidebar-identity .poya-user-avatar {
  width:44px;height:44px;flex:none;display:grid;place-items:center;
  border-radius:12px;color:#faffff;background:#ffffff12;
  border:1px solid #cbd9e2a0;font-size:15px;line-height:1;
}
.poya-panel-shell .poya-sidebar-person {min-width:0;flex:1;display:block;text-align:right}
.poya-panel-shell .poya-sidebar-person strong {
  display:block;font-size:14px;line-height:1.65;color:white;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;
}
.poya-panel-shell .poya-sidebar-person small {
  display:block;color:#a5bcd0;font-size:10px;line-height:1.9;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.poya-panel-shell .poya-panel-nav {display:grid;gap:3px;margin-top:18px;padding:0;overflow:visible}
.poya-panel-shell .poya-panel-nav a {
  position:relative;display:flex;align-items:center;justify-content:flex-start;
  height:45px;min-height:45px;padding:10px 17px;
  color:#c8d9e8;border-radius:11px;font-size:13px;font-weight:600;
  text-align:right;line-height:1.7;white-space:nowrap;
  box-shadow:none;background:transparent;
  transition:background .14s ease,color .14s ease;
}
.poya-panel-shell .poya-panel-nav a .poya-ico {display:none} /* Screenshot: quiet, text-only navigation */
.poya-panel-shell .poya-panel-nav a:hover,
.poya-panel-shell .poya-panel-nav a:focus-visible {background:#ffffff12;color:white}
.poya-panel-shell .poya-panel-nav a.is-active {
  color:#fff;background:#103f62;font-weight:800;box-shadow:none;
}
.poya-panel-shell .poya-panel-nav a.is-active::before {
  content:"";position:absolute;right:0;top:8px;bottom:8px;width:3px;
  border-radius:4px;background:#2ed0a6;
}
.poya-panel-shell .poya-sidebar-bottom {
  display:flex;flex-direction:column;gap:9px;padding:12px 0 0;
  margin-top:auto;border-top:1px solid #ffffff1c;
}
.poya-panel-shell .poya-sidebar-signature {display:flex;justify-content:space-between;gap:8px;align-items:center;color:#92b2c3;padding:0 3px}
.poya-panel-shell .poya-sidebar-signature strong {font-size:10px;font-weight:600}
.poya-panel-shell .poya-sidebar-signature small {font-size:9px;opacity:.75}
.poya-panel-shell .poya-logout {margin:0;padding:9px 4px;min-height:42px;color:#f1f8fa;font-size:12px;font-weight:700;gap:9px}
.poya-panel-shell .poya-logout .poya-ico {width:17px;height:17px;color:#7bd5bb}
.poya-panel-shell .poya-panel-content {
  grid-column:2;grid-row:1;min-width:0;min-height:0;height:100%;
  display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;
  background:var(--poya-paper);direction:rtl;
  scrollbar-color:#adbac4 #e8edf1;scrollbar-width:thin;
  overscroll-behavior-y:contain;
}
.poya-panel-shell .poya-panel-content::-webkit-scrollbar {width:9px}
.poya-panel-shell .poya-panel-content::-webkit-scrollbar-thumb {background:#adbac4;border:2px solid #edf1f5;border-radius:8px}
.poya-panel-shell .poya-panel-content::-webkit-scrollbar-track {background:#e8edf1}
.poya-panel-shell .poya-panel-topbar {
  position:sticky;top:0;z-index:3;flex:none;
  height:114px;min-height:114px;padding:23px 32px;
  background:#f2f5f8;border:0;box-shadow:none;
  display:flex;align-items:center;gap:15px;justify-content:space-between;
}
.poya-panel-shell .poya-title-group {min-width:0;margin-inline-end:auto}
.poya-panel-shell .poya-panel-topbar h1 {
  font-size:23px;line-height:1.6;font-weight:700;margin:0 0 2px;
  color:#0b2a43;
}
.poya-panel-shell .poya-title-group p {margin:0;color:#7891a4;font-size:11px;line-height:1.7}
.poya-panel-shell .poya-back-to-site {
  display:inline-flex;align-items:center;gap:7px;flex:none;
  padding:8px 13px;border:1px solid #dbe4e9;border-radius:9px;
  color:#56768b;font-size:11px;background:#fff;font-weight:700;
}
.poya-panel-shell .poya-back-to-site:hover {border-color:#b5d3ce;color:#138b75}
.poya-panel-shell .poya-back-to-site .poya-ico {width:15px;height:15px}
.poya-panel-shell .poya-panel-main {
  flex:1 0 auto;padding:0 32px 34px;min-height:0;
}
.poya-panel-shell .poya-welcome {
  min-height:166px;display:flex;align-items:center;
  border-radius:16px;background:linear-gradient(105deg,#0e2943 0%,#164b6a 100%);
  color:#fff;overflow:hidden;
}
.poya-panel-shell .poya-welcome-copy {padding:24px 35px;max-width:100%;width:100%}
.poya-panel-shell .poya-welcome-tag {color:#54dfbc;font-size:11px;font-weight:700}
.poya-panel-shell .poya-welcome h2 {font-size:22px;line-height:1.7;font-weight:750;margin:6px 0 5px;color:white}
.poya-panel-shell .poya-welcome p {max-width:none;margin:0;color:#dfebf2;font-size:12px;line-height:2}
.poya-panel-shell .poya-next-step {margin-top:13px;padding:11px 15px;border-radius:11px}
.poya-panel-shell .poya-next-step>.poya-ico {height:21px;width:21px}
.poya-panel-shell .poya-next-step strong {font-size:12px}
.poya-panel-shell .poya-next-step p {font-size:10px}
.poya-panel-shell[data-poya-active="overview"] .poya-section-heading {display:none}
.poya-panel-shell .poya-metric-grid {margin-top:19px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.poya-panel-shell .poya-metric {
  display:flex;flex-direction:column;align-items:stretch;
  min-height:131px;padding:18px 18px 14px;background:#fff;
  border:1px solid #d8e3e9;border-top:3px solid #aab8c2;
  border-radius:14px;box-shadow:0 7px 17px #0e344609;
  transition:border-color .15s,box-shadow .15s;
}
.poya-panel-shell .poya-metric:hover {transform:none;border-top-color:#138b75;box-shadow:0 12px 24px #112e4816}
.poya-panel-shell .poya-metric-icon {display:none}
.poya-panel-shell .poya-metric-state {
  position:static;order:2;align-self:flex-start;background:transparent;
  color:#9aaebc;font-size:10px;padding:0;margin-top:8px;font-weight:500;
}
.poya-panel-shell .poya-metric strong {order:1;color:#12354f;font-size:19px;font-weight:700;line-height:1.7;margin-top:9px}
.poya-panel-shell .poya-metric small {order:3;margin-top:auto;color:#849ba9;font-size:10px}
.poya-panel-shell .poya-overview-bottom {margin-top:19px;grid-template-columns:1.1fr 1fr;gap:18px}
.poya-panel-shell .poya-surface {
  border-radius:15px;border:1px solid #dbe4e9;
  background:#fff;box-shadow:0 6px 17px #0e344607;
}
.poya-panel-shell .poya-overview-bottom>.poya-surface {min-height:288px;padding:22px 25px}
.poya-panel-shell .poya-card-heading h3,.poya-panel-shell .poya-quick-help h3 {font-size:16px;font-weight:700}
.poya-panel-shell .poya-detail-row {font-size:12px;padding:14px 0}
.poya-panel-shell .poya-quick-help {background:white}
.poya-panel-shell .poya-panel-footer {display:none}
.poya-panel-shell .poya-sidebar-toggle,.poya-panel-shell .poya-sidebar-close {display:none}
/* Preserve user-friendly forms, placeholders and headings across all AJAX views. */
.poya-panel-shell[data-poya-active]:not([data-poya-active="overview"]) .poya-panel-main {padding-top:22px}
.poya-panel-shell .poya-section-heading {margin-top:0}
.poya-panel-shell .poya-surface,.poya-panel-shell .poya-form-grid label input {max-width:100%}
@media(max-width:1100px) and (min-width:821px) {
  .poya-panel.poya-panel-shell {grid-template-columns:230px minmax(0,1fr)}
  .poya-panel-shell .poya-panel-main {padding-inline:22px}
  .poya-panel-shell .poya-panel-topbar {padding-inline:22px}
  .poya-panel-shell .poya-metric-grid {gap:11px}
  .poya-panel-shell .poya-metric {padding:15px 12px;min-height:130px}
  .poya-panel-shell .poya-metric strong {font-size:16px}
}
@media(max-width:820px) {
  .poya-panel.poya-panel-shell {position:relative;display:block;height:100dvh;overflow:hidden}
  .poya-panel-shell .poya-panel-content {width:100%;height:100%;overflow-y:auto}
  .poya-panel-shell .poya-panel-sidebar {
    position:absolute;top:0;bottom:0;right:0;z-index:11;
    width:min(295px,84vw);height:100%;padding:0 16px 18px;
    transform:translateX(105%);transition:transform .2s ease;
    box-shadow:-18px 0 35px #06192740;
  }
  .poya-panel-shell.is-drawer-open .poya-panel-sidebar {transform:translateX(0)}
  .poya-panel-shell .poya-panel-topbar {height:82px;min-height:82px;padding:13px 18px}
  .poya-panel-shell .poya-panel-topbar h1 {font-size:19px}
  .poya-panel-shell .poya-panel-main {padding:0 18px 24px}
  .poya-panel-shell .poya-metric-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .poya-panel-shell .poya-overview-bottom {grid-template-columns:1fr}
  .poya-panel-shell .poya-sidebar-toggle {
    flex:none;display:grid;place-items:center;width:39px;height:39px;
    color:#17425c;background:#fff;border:1px solid #dce5e9;
    border-radius:10px;font-size:20px;padding:0;
  }
  .poya-panel-shell .poya-sidebar-close {display:block;font-size:24px;color:white;border:0;background:none;flex:none;padding:0 3px}
  .poya-panel-shell .poya-mobile-backdrop {position:absolute;inset:0;z-index:10;background:#071c2a88;display:block}
  .poya-panel-shell .poya-welcome-copy {padding:19px 21px}
  .poya-panel-shell .poya-welcome h2 {font-size:19px}
  .poya-panel-shell .poya-welcome p {font-size:11px}
  .poya-panel-shell .poya-welcome {min-height:152px}
}
@media(max-width:520px) {
  .poya-panel-shell .poya-back-to-site {font-size:0;padding:9px}
  .poya-panel-shell .poya-back-to-site .poya-ico {width:18px;height:18px}
  .poya-panel-shell .poya-panel-topbar {height:78px;min-height:78px;padding:12px 13px}
  .poya-panel-shell .poya-panel-main {padding:0 12px 24px}
  .poya-panel-shell .poya-welcome h2 {font-size:17px}
  .poya-panel-shell .poya-welcome {min-height:170px}
  .poya-panel-shell .poya-metric-grid {gap:9px}
  .poya-panel-shell .poya-metric {min-height:126px;padding:12px 11px;border-radius:11px}
  .poya-panel-shell .poya-metric strong {font-size:15px;margin-top:13px}
  .poya-panel-shell .poya-metric-state {font-size:9px;margin-top:6px}
  .poya-panel-shell .poya-overview-bottom>.poya-surface {min-height:unset;padding:18px}
  .poya-panel-shell .poya-next-step {flex-wrap:wrap}
  .poya-panel-shell .poya-next-step .poya-action {width:100%}
}
@media(max-width:782px) {
  body.admin-bar.poya-portal-page .poya-portal-standalone {height:calc(100dvh - 46px);margin-top:46px}
  body.admin-bar .poya-panel.poya-panel-shell {height:calc(100dvh - 46px)}
}


/* v0.4.0 — preserve the original green/navy identity; change LAYOUT only.
   Side-nav iconography, no duplicated page headings and no WP toolbar gap. */
html:has(body.poya-portal-page) { margin-top:0 !important; height:100%; overflow:hidden; }
body.poya-portal-page, body.admin-bar.poya-portal-page {
  margin:0 !important; background:#f6f9f8; overflow:hidden;
}
body.poya-portal-page #wpadminbar {display:none !important;}
body.poya-portal-page .poya-portal-standalone,
body.admin-bar.poya-portal-page .poya-portal-standalone {
  margin:0 !important; padding:0 !important; width:100%;
  height:100dvh !important; min-height:0; overflow:hidden;
}
.poya-panel.poya-panel-shell,
body.admin-bar .poya-panel.poya-panel-shell {
  --poya-deep:#0b2433; --poya-navy:#102d40;
  --poya-navy-mid:#193b4c; --poya-green:#138b75;
  --poya-mint:#27b79c; --poya-mint-light:#e7f5f1;
  --poya-text:#163044; --poya-muted:#738892;
  --poya-border:#e5eeeb; --poya-paper:#f6f9f8;
  height:100dvh !important; min-height:0;
  background:var(--poya-paper);
}
.poya-panel-shell .poya-panel-sidebar {
  background:linear-gradient(165deg,#142e41 0%,#0d2638 100%);
  box-shadow:-1px 0 0 #143b43 inset;
}
.poya-panel-shell .poya-sidebar-person small {color:#a4bcc4;}
.poya-panel-shell .poya-sidebar-identity {border-bottom-color:#ffffff1b;}
.poya-panel-shell .poya-sidebar-identity .poya-user-avatar {
  background:#1f524e;border:1px solid #60b09b;color:#d9fff0;
}
.poya-panel-shell .poya-panel-nav {
  display:grid;gap:5px;margin-top:17px;
}
.poya-panel-shell .poya-panel-nav a {
  min-height:46px;height:46px;padding:9px 12px;
  display:flex;align-items:center;justify-content:flex-start;gap:12px;
  color:#c1d5d4;font-size:12.5px;font-weight:600;border-radius:11px;
}
/* Icons were present in the PHP markup but were hidden by the prior visual design. */
.poya-panel-shell .poya-panel-nav a .poya-ico {
  display:block;flex:none;width:19px;height:19px;color:#a5d1c6;
  transition:color .14s ease;
}
.poya-panel-shell .poya-panel-nav a:hover,
.poya-panel-shell .poya-panel-nav a:focus-visible {
  color:white;background:#ffffff13;
}
.poya-panel-shell .poya-panel-nav a:hover .poya-ico {color:#d4fff2;}
.poya-panel-shell .poya-panel-nav a.is-active {
  background:linear-gradient(100deg,#1b8978,#167967);
  color:white;box-shadow:0 8px 22px #07302e50;
}
.poya-panel-shell .poya-panel-nav a.is-active .poya-ico {color:white;}
.poya-panel-shell .poya-panel-nav a.is-active::before {display:none;}
.poya-panel-shell .poya-sidebar-signature {color:#a7c0be;}
.poya-panel-shell .poya-logout .poya-ico {color:#91e1ca;}
.poya-panel-shell .poya-panel-content {
  background:#f6f9f8;
  scrollbar-color:#93bcb2 #edf4f1;
}
.poya-panel-shell .poya-panel-content::-webkit-scrollbar-thumb {
  background:#a4c5bb;border:2px solid #edf4f1;
}
.poya-panel-shell .poya-panel-content::-webkit-scrollbar-track {background:#edf4f1;}
.poya-panel-shell .poya-panel-topbar {
  height:82px;min-height:82px;padding:15px 29px;
  background:#fff;border-bottom:1px solid #e5eeeb;
}
.poya-panel-shell .poya-panel-topbar h1 {font-size:21px;color:#102d40;font-weight:800;}
.poya-panel-shell .poya-title-group p {color:#738892;}
.poya-panel-shell .poya-back-to-site {
  color:#426d6b;border-color:#d7e7e1;
}
.poya-panel-shell .poya-panel-main {
  padding:18px 29px 30px;min-height:0;
}
.poya-panel-shell[data-poya-active]:not([data-poya-active="overview"]) .poya-panel-main {
  padding-top:18px;
}
.poya-panel-shell .poya-welcome {
  background:linear-gradient(116deg,#123b4a 5%,#0f6f67 100%);
}
.poya-panel-shell .poya-welcome-tag {color:#a4f4da;}
.poya-panel-shell .poya-metric {
  border:1px solid #e5eeeb;border-top:3px solid #138b75;
  box-shadow:0 7px 17px #0e344609;
}
.poya-panel-shell .poya-metric-icon {
  display:grid;order:0;flex:none;width:36px;height:36px;
  margin:0 0 7px;border-radius:10px;background:#e8f7f2;color:#138b75;
}
.poya-panel-shell .poya-metric-icon .poya-ico {width:19px;height:19px;}
.poya-panel-shell .poya-metric strong {
  margin-top:4px;font-size:16px;color:#102d40;
}
.poya-panel-shell .poya-metric-state {
  color:#6b9f8c;font-size:9px;margin-top:4px;
}
.poya-panel-shell .poya-surface {border-color:#e5eeeb;}
.poya-panel-shell .poya-quick-help {background:linear-gradient(135deg,#f1faf6,#fff);}
/* The topbar H1 is the sole page heading. Card titles remain visible. */
.poya-panel-shell .poya-section-heading {margin:0 0 13px;}
@media(max-width:1100px) and (min-width:821px) {
  .poya-panel-shell .poya-panel-topbar {padding-inline:21px;}
  .poya-panel-shell .poya-panel-main {padding-inline:21px;}
}
@media(max-width:820px) {
  .poya-panel-shell .poya-panel-sidebar {background:linear-gradient(165deg,#142e41,#0d2638);}
  .poya-panel-shell .poya-panel-topbar {
    height:72px;min-height:72px;padding:11px 16px;
  }
  .poya-panel-shell .poya-panel-main,
  .poya-panel-shell[data-poya-active]:not([data-poya-active="overview"]) .poya-panel-main {
    padding:14px 16px 28px;
  }
  .poya-panel-shell .poya-panel-nav a {height:46px;min-height:46px;}
}
@media(max-width:520px) {
  .poya-panel-shell .poya-panel-topbar {
    height:68px;min-height:68px;padding:10px 12px;
  }
  .poya-panel-shell .poya-panel-topbar h1 {font-size:18px;}
  .poya-panel-shell .poya-panel-main,
  .poya-panel-shell[data-poya-active]:not([data-poya-active="overview"]) .poya-panel-main {
    padding:12px 12px 25px;
  }
  .poya-panel-shell .poya-metric-icon {width:31px;height:31px;}
  .poya-panel-shell .poya-metric strong {font-size:14px;}
}


/* v0.5.0 — Read-only contact details, with native inline disclosure editors.
   Native <details> supports keyboard access and works inside AJAX-rendered sections. */
.poya-panel-shell .poya-profile-readonly {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;margin:6px 0 8px}
.poya-panel-shell .poya-profile-email-readonly {grid-template-columns:minmax(0,1fr)}
.poya-panel-shell .poya-readonly-field {display:flex;flex-direction:column;gap:4px;min-width:0}
.poya-panel-shell .poya-readonly-field>span {font-size:11px;color:#82969b;font-weight:600}
.poya-panel-shell .poya-readonly-field>strong {font-size:14px;color:var(--poya-navy);font-weight:700;overflow-wrap:anywhere;line-height:1.85}
.poya-panel-shell .poya-readonly-field>small {font-size:10px;color:#98aaae}
.poya-panel-shell .poya-readonly-field>strong[dir="ltr"] {text-align:right;align-self:flex-start;max-width:100%}
.poya-panel-shell .poya-inline-editor {border-top:1px solid #eaf1ef;margin-top:18px;padding-top:13px;min-width:0}
.poya-panel-shell .poya-inline-editor-toggle {display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer;color:var(--poya-green);font-size:12px;font-weight:800;line-height:2;padding:5px 2px;border-radius:5px}
.poya-panel-shell .poya-inline-editor-toggle::-webkit-details-marker {display:none}
.poya-panel-shell .poya-inline-editor-toggle::marker {content:''}
.poya-panel-shell .poya-inline-editor-toggle .poya-ico {width:15px;height:15px;transform:rotate(-90deg);transition:transform .18s}
.poya-panel-shell .poya-inline-editor[open] .poya-inline-editor-toggle .poya-ico {transform:rotate(90deg)}
.poya-panel-shell .poya-inline-editor-toggle:hover {color:#0b705d}
.poya-panel-shell .poya-inline-editor-toggle:focus-visible {outline:3px solid var(--poya-mint);outline-offset:3px}
.poya-panel-shell .poya-inline-editor-body {border-radius:12px;background:#f8fbfa;border:1px solid #e5eeeb;margin-top:14px;padding:20px}
.poya-panel-shell .poya-inline-editor-body .poya-profile-hint {margin-bottom:12px}
.poya-panel-shell .poya-profile-contact .poya-readonly-field>strong {min-height:24px}
@media (max-width:680px) {
  .poya-panel-shell .poya-profile-readonly {grid-template-columns:1fr;gap:12px}
  .poya-panel-shell .poya-inline-editor-body {padding:13px}
  .poya-panel-shell .poya-readonly-field>strong {font-size:13px}
}

/* v0.5.0 refinements: action links next to the saved value/header; editor below. */
.poya-panel-shell .poya-profile-email-row {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.poya-panel-shell .poya-profile-email-row .poya-readonly-field {min-width:0;flex:1 1 260px}
.poya-panel-shell .poya-profile-edit-link {display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;line-height:1.8;color:var(--poya-green);white-space:nowrap;flex:none;border-radius:5px}
.poya-panel-shell .poya-profile-edit-link:hover {color:#0b705d}
.poya-panel-shell .poya-profile-edit-link .poya-ico {width:15px;height:15px;transform:rotate(-90deg);transition:transform .18s}
.poya-panel-shell .poya-profile-edit-link[aria-expanded="true"] .poya-ico {transform:rotate(90deg)}
.poya-panel-shell .poya-inline-editor-body {margin-top:16px}
.poya-panel-shell .poya-inline-editor-body[hidden] {display:none!important}
@media (max-width:520px) {
 .poya-panel-shell .poya-profile-email-row {align-items:flex-start}
 .poya-panel-shell .poya-profile-edit-link {font-size:11px}
 .poya-panel-shell .poya-profile-contact .poya-card-heading {align-items:flex-start;flex-wrap:wrap}
}

/* v0.7.0: approved emblem in the bottom of the persistent customer sidebar. */
.poya-panel-shell .poya-sidebar-brand-link {
  text-decoration:none;display:flex;align-items:center;justify-content:flex-start;
  flex-direction:row;gap:10px;padding:3px 3px 7px;color:#dff7f1;
  border-radius:9px;min-width:0;transition:background-color .15s ease;
}
.poya-panel-shell .poya-sidebar-brand-link:hover,
.poya-panel-shell .poya-sidebar-brand-link:focus-visible {background:#ffffff10;color:white}
.poya-panel-shell .poya-sidebar-logo {
  flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:#f4faf8;
  display:flex;align-items:center;justify-content:center;border:1px solid #ffffff24;
}
.poya-panel-shell .poya-sidebar-logo img {width:36px;height:36px;object-fit:contain;display:block}
.poya-panel-shell .poya-sidebar-brand-caption {min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.poya-panel-shell .poya-sidebar-brand-caption strong {font-size:12px;color:#fff;font-weight:700;line-height:1.6}
.poya-panel-shell .poya-sidebar-brand-caption small {font-size:10px;color:#a7c6c2;line-height:1.5}


/* v0.8.1 — inline email verification action beside its field.
   Keep both confirmed-email change and initial verification forms consistent. */
.poya-panel-shell .poya-email-inline-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  direction:rtl;
  align-items:end;
  min-width:0;
}
.poya-panel-shell .poya-email-inline-field {
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  font-size:12px;
  font-weight:700;
  color:#445f69;
}
.poya-panel-shell .poya-email-inline-field input {
  display:block;
  box-sizing:border-box;
  min-width:0;
  width:100%;
  height:47px;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid #d9e6e2;
  background:#fbfdfc;
  color:var(--poya-navy);
  font-size:13px;
  font-weight:400;
  transition:border-color .15s;
}
.poya-panel-shell .poya-email-inline-field input:focus {
  border-color:var(--poya-green);
  outline:3px solid #dff5ec;
}
.poya-panel-shell .poya-email-inline-field input::placeholder {color:#aebcbb}
.poya-panel-shell .poya-email-inline-submit {
  height:47px;
  padding-inline:17px;
  white-space:nowrap;
  line-height:1.5;
  flex-shrink:0;
}
@media (max-width:420px) {
  .poya-panel-shell .poya-email-inline-row {grid-template-columns:minmax(0,1fr);gap:11px}
  .poya-panel-shell .poya-email-inline-submit {width:100%}
}

/* v0.9.0: branded password-recovery views, preserving current portal layout. */
.poya-auth-tabs[hidden]{display:none!important}
.poya-auth-view .poya-auth-help{margin:14px 0 8px;color:#718b91;font-size:11px;line-height:2}
.poya-auth-view input[name="identifier"],.poya-auth-view input[type="email"]{width:100%;height:49px;border:1px solid #dce8e5;border-radius:10px;background:#fff;color:var(--poya-navy);direction:ltr;text-align:left;padding:11px 14px;margin-top:7px;outline-offset:2px}
.poya-auth-view[data-auth-view="lost"]>.poya-forgot{margin-top:10px}

/* v1.0.0 — recognized corporate mark, compact customer-oriented authentication box. */
.poya-login-intro .poya-login-brandmark {
 display:grid;place-items:center;width:88px;height:88px;border-radius:19px;
 background:linear-gradient(145deg,#ffffff1c,#ffffff0a);border:1px solid #ffffff3b;
 box-shadow:0 12px 28px #061f2c38, inset 0 1px #ffffff20;
 margin-bottom:18px;flex:none;
}
.poya-login-intro .poya-login-brandmark img {display:block;width:72px;height:72px;object-fit:contain}
.poya-login-intro h1 {max-width:560px}
.poya-auth-small.poya-password-hint {margin:2px 0 16px;line-height:2;color:#647f83}
.pooya-turnstile {margin:8px 0 16px;max-width:100%;overflow:hidden}
@media(max-width:820px){.poya-login-intro .poya-login-brandmark {width:66px;height:66px;border-radius:15px;margin-bottom:10px}.poya-login-intro .poya-login-brandmark img{width:54px;height:54px}}
/* Conceal the bot-trap without creating a 10,000px horizontal overflow in RTL. */
.poya-panel .poya-honeypot {position:absolute!important;left:auto!important;right:auto!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important}
/* Password visibility button sits to the left of LTR passwords; reserve space there. */
.poya-auth-view .poya-password-field input {padding-left:75px;padding-right:14px}


/* v1.0.1 — keep the password toggle OUTSIDE the typing area.
   Higher specificity than legacy form input rules and explicit physical paddings
   make this work for RTL pages, LTR passwords and type=password -> type=text. */
.poya-panel .poya-login-card .poya-auth-view .poya-password-field {
  position:relative;
  direction:ltr;
  margin-top:7px;
}
.poya-panel .poya-login-card .poya-auth-view .poya-password-field > input {
  display:block;
  box-sizing:border-box;
  width:100%;
  padding:11px 14px 11px 88px;
  margin-top:0;
  direction:ltr;
  text-align:left;
}
.poya-panel .poya-login-card .poya-auth-view .poya-password-field > button[data-password-toggle] {
  position:absolute;
  top:50%;
  left:9px;
  transform:translateY(-50%);
  z-index:1;
  min-width:55px;
  padding:5px 10px;
  white-space:nowrap;
  line-height:1.6;
}

/* v1.0.5 — Persian inline errors instead of English browser validation bubbles. */
.poya-panel .poya-login-card .poya-auth-view .poya-auth-validation {
  font-family:Vazirmatn,Tahoma,sans-serif;font-size:13px;line-height:1.9;
  font-weight:600;color:#a13a31;background:#fff1ee;border:1px solid #f0c1b9;
  border-radius:9px;padding:9px 12px;margin:9px 0 15px;text-align:right;direction:rtl;
}
.poya-panel .poya-login-card .poya-auth-view input[aria-invalid="true"] {border-color:#c7584b;box-shadow:0 0 0 2px #d661461a}

.poya-panel .poya-profile-form .poya-auth-validation {
  display:block;width:100%;font-family:Vazirmatn,Tahoma,sans-serif;
  font-size:13px;line-height:1.9;font-weight:600;color:#a13a31;
  background:#fff1ee;border:1px solid #f0c1b9;border-radius:9px;
  padding:9px 12px;margin:9px 0 15px;text-align:right;direction:rtl;
}
.poya-panel .poya-profile-form input[aria-invalid="true"] {border-color:#c7584b;box-shadow:0 0 0 2px #d661461a}

.poya-module-status{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:5px 11px;border-radius:20px;background:#e7f6ef;color:#0b735c;font-size:12px}.poya-module-status svg{width:15px;height:15px}
@media(min-width:1100px){.poya-panel-shell .poya-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Authentication pages grow with their forms; the signed-in dashboard keeps its own scroll. */
html:has(body.poya-portal-page .poya-login-shell){height:auto;overflow:auto}
body.poya-portal-page:has(.poya-login-shell){height:auto;overflow:auto}
body.poya-portal-page .poya-portal-standalone:has(>.poya-login-shell){
 height:auto!important;min-height:100dvh;overflow:visible;
}
body.poya-portal-page .poya-portal-standalone>.poya-panel.poya-login-shell{
 height:auto;max-height:none!important;overflow:visible;margin:24px auto;
}
.poya-login-shell[data-poya-auth=register]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.poya-login-shell[data-poya-auth=register] .poya-login-intro{padding:40px 32px;border-radius:0 24px 24px 0}
.poya-login-shell[data-poya-auth=register] .poya-login-intro h1{font-size:28px;line-height:1.7}
.poya-login-shell[data-poya-auth=register] .poya-login-card{padding:24px}
.poya-login-shell[data-poya-auth=register] .poya-auth-tabs{margin-bottom:16px}
.poya-login-shell [data-auth-view=register]>p{margin-bottom:14px}
.poya-login-shell [data-auth-view=register] form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.poya-login-shell [data-auth-view=register] form>*{min-width:0}
.poya-login-shell [data-auth-view=register] form>.poya-identity,
.poya-login-shell [data-auth-view=register] form>:not(label){grid-column:1/-1}
.poya-login-shell [data-auth-view=register] form>label{margin:0}
.poya-login-shell [data-auth-view=register] .poya-identity{margin:0}
.poya-login-shell [data-auth-view=register] .poya-identity-kind{max-width:none}
.poya-login-shell [data-auth-view=register] .poya-identity fieldset{margin:10px 0 0;padding:12px;gap:10px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.poya-login-shell [data-auth-view=register] .poya-identity fieldset label{margin:0}
.poya-login-shell [data-auth-view=register] .poya-identity input,
.poya-login-shell [data-auth-view=register] .poya-identity select,
.poya-login-shell [data-auth-view=register] form>label input{box-sizing:border-box;height:44px;min-height:44px;padding:8px 10px;margin-top:4px}
.poya-login-shell [data-auth-view=register] .poya-identity textarea{box-sizing:border-box;min-height:64px;height:64px;padding:8px 10px;margin-top:4px;resize:vertical}
.poya-login-shell [data-auth-view=register] .poya-auth-small{margin:0;line-height:1.8}
.poya-login-shell [data-auth-view=register] .pfg-box{margin:0!important}
.poya-login-shell [data-auth-view=register] input[data-identity-key]{direction:rtl;text-align:right}
.poya-login-shell [data-auth-view=register] input[data-identity-key][dir=ltr]{direction:ltr;text-align:left}
@media(max-width:820px){
 .poya-login-shell[data-poya-auth=register]{grid-template-columns:minmax(0,1fr)}
 .poya-login-shell[data-poya-auth=register] .poya-login-intro{padding:20px 24px;border-radius:24px 24px 0 0}
 .poya-login-shell[data-poya-auth=register] .poya-login-intro h1{font-size:22px;margin:8px 0}
 .poya-login-shell[data-poya-auth=register] .poya-login-intro p{margin:0;line-height:1.8}
 .poya-login-shell[data-poya-auth=register] .poya-login-benefits{margin-top:10px;gap:12px}
 .poya-login-shell[data-poya-auth=register] .poya-login-brandmark{display:none}
}
@media(max-width:480px){
 .poya-login-shell[data-poya-auth=register] .poya-login-card{padding:20px 16px}
 .poya-login-shell [data-auth-view=register] form,
 .poya-login-shell [data-auth-view=register] .poya-identity fieldset{grid-template-columns:minmax(0,1fr)}
}