/* =========================================================
   Iran Network Support Desk Pro — Public UI 3.2.3 Luxury
   Customer portal + Auth with professional motion graphics
   ========================================================= */

:where(.isdp-portal,.isdp-auth-shell,.isdp-public-form){
  --isdp-p-bg:#f0f4f9;
  --isdp-p-bg2:#e8eef6;
  --isdp-p-panel:#ffffff;
  --isdp-p-panel2:#f7fafd;
  --isdp-p-line:#e1e9f3;
  --isdp-p-line2:#eef3f8;
  --isdp-p-text:#0c1624;
  --isdp-p-text2:#2f4056;
  --isdp-p-muted:#748497;
  --isdp-p-accent:#0e6fbd;
  --isdp-p-accent2:#0fb39a;
  --isdp-p-accent-soft:#e6f2fb;
  --isdp-p-on-accent:#fff;
  --isdp-p-grad:linear-gradient(135deg,#0e6fbd 0%,#0fb39a 100%);
  --isdp-p-gold:linear-gradient(135deg,#b8922a,#f0d78c);
  --isdp-p-danger:#e04858;
  --isdp-p-danger-soft:#fdecee;
  --isdp-p-ok:#0f9f76;
  --isdp-p-ok-soft:#e6f7f1;
  --isdp-p-warn:#d99a1a;
  --isdp-p-r-sm:12px;
  --isdp-p-r-md:18px;
  --isdp-p-r-lg:24px;
  --isdp-p-r-xl:32px;
  --isdp-p-shadow:0 12px 40px rgba(20,45,80,.08);
  --isdp-p-shadow-sm:0 4px 16px rgba(20,45,80,.06);
  --isdp-p-shadow-lg:0 28px 64px rgba(16,40,70,.14);
  --isdp-p-ring:0 0 0 4px rgba(14,111,189,.14);
}

.isdp-portal,.isdp-auth-shell,.isdp-public-form{
  font-family:inherit;color:var(--isdp-p-text);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  line-height:1.75;box-sizing:border-box;
}
.isdp-portal *,.isdp-auth-shell *,.isdp-public-form *{box-sizing:border-box}
.isdp-portal{max-width:1080px;margin:28px auto 60px;padding:0 18px}

.isdp-card,.isdp-panel,.isdp-portal-card,.isdp-ticket-card{
  background:var(--isdp-p-panel);border:1px solid var(--isdp-p-line);
  border-radius:var(--isdp-p-r-lg);padding:22px 24px;
  box-shadow:var(--isdp-p-shadow-sm);
  transition:box-shadow .25s ease,border-color .25s ease,transform .2s ease;
}
.isdp-card:hover,.isdp-ticket-card:hover{box-shadow:var(--isdp-p-shadow);border-color:#d0dbe8}

.isdp-primary,.isdp-btn,button.isdp-primary,a.isdp-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--isdp-p-grad);color:var(--isdp-p-on-accent)!important;border:0;
  border-radius:14px;padding:13px 22px;font-weight:750;font-size:14.5px;
  letter-spacing:.01em;text-decoration:none;cursor:pointer;
  box-shadow:0 10px 28px rgba(14,111,189,.28);
  transition:transform .18s ease,box-shadow .2s ease,filter .2s ease;
  position:relative;overflow:hidden;
}
.isdp-primary::after,.isdp-btn::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);
  transform:translateX(-120%);transition:transform .55s ease;
}
.isdp-primary:hover::after,.isdp-btn:hover::after{transform:translateX(120%)}
.isdp-primary:hover,.isdp-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(14,111,189,.38);filter:brightness(1.04)}
.isdp-primary:active{transform:translateY(0)}
.isdp-secondary,button.isdp-secondary,a.isdp-secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--isdp-p-panel2);color:var(--isdp-p-text2)!important;
  border:1px solid var(--isdp-p-line);border-radius:14px;padding:11px 20px;
  font-weight:650;font-size:14px;text-decoration:none;cursor:pointer;
  transition:background .2s,border-color .2s,box-shadow .2s;
}
.isdp-secondary:hover{background:#fff;border-color:#c8d5e6;box-shadow:var(--isdp-p-shadow-sm)}

.isdp-public-form label,.isdp-auth-form label{
  display:block;margin:0 0 14px;font-weight:650;font-size:13.5px;color:var(--isdp-p-text2);
}
.isdp-public-form input:not([type=checkbox]):not([type=radio]),
.isdp-public-form select,.isdp-public-form textarea,
.isdp-auth-form input:not([type=checkbox]):not([type=radio]),
.isdp-auth-form select,.isdp-auth-form textarea{
  display:block;width:100%;margin-top:7px;padding:13px 15px;
  border:1.5px solid var(--isdp-p-line);border-radius:14px;
  background:var(--isdp-p-panel2);color:var(--isdp-p-text);
  font:inherit;font-size:15px;
  transition:border-color .2s,box-shadow .2s,background .2s,transform .15s;
}
.isdp-public-form input:focus,.isdp-public-form select:focus,.isdp-public-form textarea:focus,
.isdp-auth-form input:focus,.isdp-auth-form select:focus,.isdp-auth-form textarea:focus{
  outline:none;border-color:var(--isdp-p-accent);background:#fff;box-shadow:var(--isdp-p-ring);
}
.isdp-checkbox{display:flex!important;align-items:center;gap:10px;font-weight:550!important;cursor:pointer}
.isdp-checkbox input{width:auto!important;margin:0!important;accent-color:var(--isdp-p-accent)}
.isdp-auth-hp{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;overflow:hidden!important}
.isdp-form-help{margin:0 0 14px;font-size:13px;color:var(--isdp-p-muted);line-height:1.6}
.isdp-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.isdp-fields{grid-template-columns:1fr}}

.isdp-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;background:var(--isdp-p-accent-soft);color:var(--isdp-p-accent)}
.status-new,.status-open{background:#e6f7f1;color:#0a7a5a}
.status-pending_agent,.status-pending{background:#fff4e0;color:#9a6b00}
.status-pending_customer{background:#e8f2ff;color:#1a5fa8}
.status-closed,.status-resolved{background:#eef1f4;color:#5a6675}
.status-urgent,.priority-critical,.priority-high{background:var(--isdp-p-danger-soft);color:var(--isdp-p-danger)}

.isdp-alert,.isdp-auth-notice,.isdp-notice{
  border-radius:14px;padding:12px 14px;margin-bottom:16px;font-size:13.5px;font-weight:600;border:1px solid transparent;
  animation:isdp-alert-in .4s cubic-bezier(.2,.8,.2,1) both;
}
.isdp-alert.success,.isdp-auth-notice.success,.isdp-notice.success{background:var(--isdp-p-ok-soft);color:#0a6b50;border-color:#b8e8d6}
.isdp-alert.error,.isdp-auth-notice.error,.isdp-notice.error{background:var(--isdp-p-danger-soft);color:#b03040;border-color:#f5c4ca}
.isdp-alert.info,.isdp-auth-notice.info,.isdp-notice.info{background:var(--isdp-p-accent-soft);color:#0a5a9a;border-color:#c5dff5}

/* =========================================================
   AUTH — Full-screen luxury + motion graphics
   ========================================================= */
@keyframes isdp-aurora{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes isdp-float{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-14px) rotate(3deg)}
}
@keyframes isdp-float-rev{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-10px) rotate(-4deg)}
}
@keyframes isdp-pulse-ring{
  0%{transform:scale(.85);opacity:.55}
  70%{transform:scale(1.35);opacity:0}
  100%{transform:scale(1.35);opacity:0}
}
@keyframes isdp-breathe{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}
}
@keyframes isdp-rise{
  from{opacity:0;transform:translateY(28px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes isdp-fade-up{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes isdp-city{
  0%{transform:translateX(0)}
  100%{transform:translateX(-40px)}
}
@keyframes isdp-orb{
  0%,100%{transform:translate(0,0) scale(1);opacity:.55}
  33%{transform:translate(30px,-40px) scale(1.15);opacity:.8}
  66%{transform:translate(-20px,20px) scale(.9);opacity:.4}
}
@keyframes isdp-alert-in{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes isdp-sheen{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}
@keyframes isdp-spin-slow{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

body:has(.isdp-auth-shell){
  background:#0a1628!important;
  min-height:100vh;
  overflow-x:hidden;
}
body:has(.isdp-auth-shell) .site-header,
body:has(.isdp-auth-shell) .site-footer,
body:has(.isdp-auth-shell) header.site-header,
body:has(.isdp-auth-shell) footer.site-footer,
body:has(.isdp-auth-shell) #wpadminbar{display:none!important}
body:has(.isdp-auth-shell) #page,
body:has(.isdp-auth-shell) .site-content,
body:has(.isdp-auth-shell) main{background:transparent!important;padding:0!important;margin:0!important;max-width:none!important}

.isdp-auth-shell{
  direction:rtl;
  position:relative;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 16px 40px;
  overflow:hidden;
  isolation:isolate;
}
/* animated aurora backdrop */
.isdp-auth-shell::before{
  content:"";
  position:absolute;inset:-20%;
  z-index:0;
  background:
    radial-gradient(ellipse 80% 60% at 20% 20%,rgba(14,111,189,.45),transparent 55%),
    radial-gradient(ellipse 70% 50% at 85% 15%,rgba(15,179,154,.35),transparent 50%),
    radial-gradient(ellipse 60% 40% at 50% 90%,rgba(80,60,200,.25),transparent 50%),
    linear-gradient(160deg,#07101c 0%,#0c1e36 40%,#0a2438 100%);
  background-size:200% 200%;
  animation:isdp-aurora 18s ease infinite;
}
/* floating orbs */
.isdp-auth-shell::after{
  content:"";
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  top:10%;left:8%;
  background:radial-gradient(circle,rgba(15,179,154,.22),transparent 68%);
  filter:blur(40px);
  animation:isdp-orb 14s ease-in-out infinite;
  z-index:0;pointer-events:none;
}

.isdp-auth-stage{
  width:100%;
  max-width:440px;
  position:relative;
  z-index:2;
  animation:isdp-rise .7s cubic-bezier(.2,.85,.2,1) both;
}

/* visual motion layer */
.isdp-auth-visual{
  position:relative;
  height:110px;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.isdp-auth-visual::before,
.isdp-auth-visual::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(2px);
  opacity:.5;
}
.isdp-auth-visual::before{
  width:180px;height:180px;
  background:radial-gradient(circle,rgba(14,111,189,.25),transparent 70%);
  animation:isdp-breathe 5s ease-in-out infinite;
}
.isdp-auth-visual::after{
  width:120px;height:120px;
  background:radial-gradient(circle,rgba(15,179,154,.2),transparent 70%);
  animation:isdp-breathe 5s ease-in-out infinite reverse;
}

.isdp-auth-emblem{
  width:84px;height:84px;
  border-radius:26px;
  background:var(--isdp-p-grad);
  box-shadow:0 18px 44px rgba(14,111,189,.45),0 0 0 1px rgba(255,255,255,.15) inset;
  display:grid;place-items:center;
  position:relative;z-index:2;
  color:#fff;font-size:30px;font-weight:800;
  animation:isdp-breathe 4.5s ease-in-out infinite;
}
.isdp-auth-emblem::before{
  content:"";position:absolute;inset:7px;
  border-radius:20px;border:1.5px solid rgba(255,255,255,.38);
}
.isdp-auth-emblem::after{content:"پ";font-size:34px;font-weight:800;letter-spacing:-.02em}
/* pulse rings around emblem */
.isdp-auth-visual .isdp-auth-emblem{
  box-shadow:
    0 18px 44px rgba(14,111,189,.45),
    0 0 0 0 rgba(15,179,154,.35);
}
.isdp-auth-visual::before{
  box-shadow:0 0 0 0 rgba(14,111,189,.3);
}

.isdp-auth-chip{
  position:absolute;
  width:42px;height:42px;
  border-radius:14px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 8px 24px rgba(0,0,0,.2);
  z-index:1;
}
.isdp-auth-chip::after{
  content:"";position:absolute;inset:10px;
  border-radius:8px;
  background:rgba(255,255,255,.35);
}
.chip-chat{top:8px;right:18%;animation:isdp-float 5.5s ease-in-out infinite}
.chip-chat::after{clip-path:polygon(0 20%,100% 20%,100% 70%,55% 70%,40% 100%,40% 70%,0 70%)}
.chip-device{bottom:6px;left:16%;animation:isdp-float-rev 6.2s ease-in-out infinite .4s}
.chip-device::after{border-radius:4px;inset:8px 12px}
.chip-users{top:20px;left:12%;animation:isdp-float 7s ease-in-out infinite .8s}
.chip-users::after{
  inset:11px;border-radius:50%;
  box-shadow:14px 0 0 rgba(255,255,255,.25),-14px 0 0 rgba(255,255,255,.25);
}

.isdp-auth-cityline{
  position:absolute;
  bottom:0;left:50%;
  width:220%;height:28px;
  transform:translateX(-50%);
  background:
    repeating-linear-gradient(90deg,
      transparent 0 18px,
      rgba(255,255,255,.08) 18px 20px,
      transparent 20px 36px,
      rgba(255,255,255,.05) 36px 40px
    );
  mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);
  opacity:.4;
  animation:isdp-city 20s linear infinite;
}

.isdp-auth-card{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(22px) saturate(1.25);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
  border:1px solid rgba(255,255,255,.75);
  border-radius:var(--isdp-p-r-xl);
  padding:28px 26px 26px;
  box-shadow:0 32px 80px rgba(4,16,36,.35),0 0 0 1px rgba(255,255,255,.4) inset;
  position:relative;overflow:hidden;
  animation:isdp-rise .75s cubic-bezier(.2,.85,.2,1) .12s both;
}
.isdp-auth-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--isdp-p-grad);
}
.isdp-auth-card::after{
  content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  animation:isdp-sheen 4.5s ease-in-out 1.2s infinite;
  pointer-events:none;
}
.isdp-auth-brand{margin-bottom:6px;animation:isdp-fade-up .5s ease .25s both}
.isdp-auth-card .isdp-eyebrow,.isdp-auth-shell .isdp-eyebrow{
  display:inline-block;font-size:10.5px;font-weight:750;letter-spacing:.14em;
  text-transform:uppercase;color:var(--isdp-p-accent);
  background:var(--isdp-p-accent-soft);padding:5px 12px;border-radius:999px;margin-bottom:12px;
}
.isdp-auth-card h2,.isdp-auth-signed h2{
  margin:0 0 8px;font-size:22px;font-weight:800;color:var(--isdp-p-text);letter-spacing:-.02em;
}
.isdp-auth-card > p,.isdp-auth-signed > p,.isdp-auth-brand p{
  margin:0 0 20px;color:var(--isdp-p-muted);font-size:14px;
}
.isdp-auth-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  background:var(--isdp-p-panel2);border:1px solid var(--isdp-p-line);
  border-radius:16px;padding:5px;margin-bottom:22px;
}
.isdp-auth-tabs button{
  border:0;background:transparent;border-radius:12px;padding:11px 12px;
  font:inherit;font-weight:700;font-size:14px;color:var(--isdp-p-muted);cursor:pointer;
  transition:all .22s cubic-bezier(.2,.8,.2,1);
}
.isdp-auth-tabs button.active{
  background:#fff;color:var(--isdp-p-text);
  box-shadow:0 4px 16px rgba(20,45,80,.12);
}
.isdp-auth-panel{display:none;animation:isdp-fade-up .35s ease both}
.isdp-auth-panel.active{display:block}
.isdp-auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.isdp-auth-back{
  display:inline-block;margin-top:14px;color:var(--isdp-p-accent);
  font-weight:650;font-size:13.5px;text-decoration:none;
}
.isdp-auth-back:hover{text-decoration:underline}
.isdp-inline-logout-form{display:inline}
.isdp-auth-signed .isdp-auth-actions{margin-top:8px}

.isdp-auth-secure{
  text-align:center;margin-top:16px;font-size:12px;font-weight:600;
  color:rgba(200,220,240,.7);letter-spacing:.04em;
  animation:isdp-fade-up .5s ease .4s both;
}
.isdp-auth-secure::before{
  content:"🔒 ";
  opacity:.8;
}

.isdp-auth-form input[name="otp_code"],
.isdp-auth-form input[name="code"]{
  letter-spacing:.35em;text-align:center;font-size:22px!important;
  font-weight:700;font-variant-numeric:tabular-nums;
}

/* =========================================================
   CUSTOMER PORTAL
   ========================================================= */
.isdp-portal-header,.isdp-portal-hero{
  background:linear-gradient(135deg,#0a2540 0%,#0e4a6e 45%,#0a7a6a 100%);
  color:#fff;border-radius:var(--isdp-p-r-xl);padding:28px 30px;margin-bottom:22px;
  box-shadow:0 20px 50px rgba(10,37,64,.22);position:relative;overflow:hidden;
}
.isdp-portal-header::after,.isdp-portal-hero::after{
  content:"";position:absolute;inset:auto -20% -40% auto;width:280px;height:280px;
  background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);pointer-events:none;
}
.isdp-portal-header h1,.isdp-portal-hero h1{margin:0 0 6px;font-size:26px;font-weight:800;letter-spacing:-.02em}
.isdp-portal-header p,.isdp-portal-hero p{margin:0;opacity:.85;font-size:14.5px}
.isdp-portal-grid{display:grid;gap:18px}
.isdp-portal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:8px}
.isdp-portal-stat{
  background:var(--isdp-p-panel);border:1px solid var(--isdp-p-line);
  border-radius:var(--isdp-p-r-md);padding:18px;text-align:center;box-shadow:var(--isdp-p-shadow-sm);
}
.isdp-portal-stat span{display:block;color:var(--isdp-p-muted);font-size:12.5px;font-weight:600}
.isdp-portal-stat strong{display:block;margin-top:8px;font-size:26px;font-weight:800;color:var(--isdp-p-text)}
.isdp-ticket-list{display:grid;gap:12px}
.isdp-ticket-card a{color:inherit;text-decoration:none}
.isdp-ticket-card h3{margin:0 0 6px;font-size:16px;font-weight:750}
.isdp-ticket-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--isdp-p-muted);font-size:12.5px;margin-top:10px}
.isdp-message-thread{display:grid;gap:12px;margin:18px 0}
.isdp-message{background:var(--isdp-p-panel);border:1px solid var(--isdp-p-line);border-radius:var(--isdp-p-r-md);padding:16px 18px}
.isdp-message.agent{border-right:4px solid var(--isdp-p-accent2)}
.isdp-message.customer{border-right:4px solid var(--isdp-p-accent)}
.isdp-message header{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--isdp-p-line2);font-size:13px;
}
.isdp-message time{color:var(--isdp-p-muted);font-size:12px}
.isdp-empty{
  text-align:center;padding:40px 20px;color:var(--isdp-p-muted);
  background:var(--isdp-p-panel2);border:1px dashed var(--isdp-p-line);border-radius:var(--isdp-p-r-lg);
}
.isdp-table-wrap{overflow:auto;border-radius:var(--isdp-p-r-md)}
.isdp-table{width:100%;border-collapse:collapse}
.isdp-table th,.isdp-table td{text-align:right;padding:13px 12px;border-bottom:1px solid var(--isdp-p-line2);white-space:nowrap}
.isdp-table th{color:var(--isdp-p-muted);font-weight:700;font-size:12.5px}
.isdp-table a{font-weight:700;color:var(--isdp-p-accent);text-decoration:none}
.isdp-table a:hover{text-decoration:underline}

@media(max-width:640px){
  .isdp-portal{padding:0 12px;margin-top:16px}
  .isdp-portal-header,.isdp-portal-hero{padding:22px 18px;border-radius:22px}
  .isdp-portal-header h1,.isdp-portal-hero h1{font-size:22px}
  .isdp-auth-card{padding:22px 18px;border-radius:26px}
  .isdp-auth-emblem{width:72px;height:72px;border-radius:22px}
  .isdp-auth-visual{height:96px}
  .isdp-auth-chip{width:36px;height:36px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
  .isdp-auth-shell::before,.isdp-auth-shell::after,
  .isdp-auth-chip,.isdp-auth-emblem,.isdp-auth-cityline,.isdp-auth-card::after,
  .isdp-auth-stage,.isdp-auth-card,.isdp-auth-brand,.isdp-auth-secure,
  .isdp-auth-visual::before,.isdp-auth-visual::after{animation:none!important}
}

/* =========================================================
   3.2.5 Luxury Polish — additive graphic enhancements
   (adds motion + depth to existing components, no overrides
    that could break form layout or RTL behaviour)
   ========================================================= */
@keyframes isdpLuxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes isdpLuxSheen{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes isdpLuxPulse{0%,100%{box-shadow:0 0 0 0 rgba(14,111,189,.35)}50%{box-shadow:0 0 0 10px rgba(14,111,189,0)}}
@keyframes isdpLuxFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.isdp-portal .isdp-portal-card,
.isdp-portal .isdp-ticket-card,
.isdp-portal .isdp-card,
.isdp-portal .isdp-panel{animation:isdpLuxFadeIn .5s ease both}

.isdp-portal .isdp-public-status{
  background:linear-gradient(135deg,var(--isdp-p-accent-soft),#f2f9ff);
  box-shadow:inset 0 0 0 1px rgba(14,111,189,.12);
}
.isdp-portal .status-new,.isdp-portal .status-open{
  background:linear-gradient(135deg,#e6f7f1,#d7f2e6);
  color:#0a7a5a;
}
.isdp-portal .status-urgent,
.isdp-portal .priority-critical,
.isdp-portal .priority-high{
  background:linear-gradient(135deg,#fdecee,#fbd6dc);
  color:var(--isdp-p-danger);
  animation:isdpLuxPulse 2.4s ease-in-out infinite;
}

.isdp-portal .isdp-primary,
.isdp-portal a.isdp-primary,
.isdp-portal button.isdp-primary{
  background:linear-gradient(135deg,#0e6fbd 0%,#1288d1 45%,#0fb39a 100%);
  background-size:200% 200%;
  transition:background-position .5s ease,transform .18s ease,box-shadow .2s ease,filter .2s ease;
}
.isdp-portal .isdp-primary:hover{background-position:100% 50%}

.isdp-alert{animation:isdpLuxFadeIn .4s ease both}
.isdp-alert.success{background:linear-gradient(135deg,#e6f7f1,#d7f2e6)}
.isdp-alert.error{background:linear-gradient(135deg,#fdecee,#fbd6dc)}

.isdp-portal h1,.isdp-portal h2,.isdp-portal h3{letter-spacing:-.005em}


/* =========================================================
   3.4.0 Unified Heart Luxury Design System — Customer Portal
   ========================================================= */
.isdp-portal,.isdp-login-required,.isdp-auth-shell{
 --lux-panel:rgba(10,28,48,.88);--lux-panel2:rgba(16,39,65,.82);--lux-line:rgba(112,174,255,.18);
 --lux-text:#eff8ff;--lux-muted:#8fa7c3;--lux-blue:#4f8cff;--lux-cyan:#28d7cd;--lux-pink:#ff4f91;
 --lux-grad:linear-gradient(135deg,#4f8cff,#7a6aff 50%,#28d7cd);
}
.isdp-portal{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 10% 0,rgba(79,140,255,.2),transparent 28%),radial-gradient(circle at 92% 8%,rgba(40,215,205,.12),transparent 24%),linear-gradient(145deg,#040d1b,#07192b);border:1px solid var(--lux-line);border-radius:30px;box-shadow:0 28px 80px rgba(0,7,24,.32)}
.isdp-portal::before{content:"";position:absolute;inset:-140px;z-index:-1;opacity:.24;background:repeating-radial-gradient(circle at 50% 40%,rgba(100,163,255,.15) 0 1px,transparent 1px 40px);animation:isdp-public-drift 22s linear infinite}
@keyframes isdp-public-drift{to{transform:rotate(5deg) scale(1.04)}}
.isdp-portal-head h2,.isdp-public-card h3,.isdp-ticket-head h3{color:var(--lux-text)}.isdp-portal-head p,.isdp-ticket-list small,.isdp-public-card dt,.isdp-empty{color:var(--lux-muted)}
.isdp-public-card,.isdp-public-message{background:linear-gradient(145deg,var(--lux-panel2),var(--lux-panel));border:1px solid var(--lux-line);border-radius:20px;box-shadow:0 16px 42px rgba(0,7,24,.24),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(16px)}
.isdp-public-card:hover{border-color:rgba(112,174,255,.32);transform:translateY(-1px)}
.isdp-primary,.isdp-portal .isdp-primary{background:var(--lux-grad);color:#fff;border:0;border-radius:15px;box-shadow:0 14px 30px rgba(79,140,255,.25)}
.isdp-secondary{background:rgba(110,164,229,.1);border:1px solid var(--lux-line);color:#dcecff;border-radius:15px}
.isdp-public-form input,.isdp-public-form select,.isdp-public-form textarea,.isdp-list-head input{background:rgba(2,14,28,.74);color:var(--lux-text);border:1px solid rgba(112,174,255,.2);border-radius:14px;box-shadow:inset 0 1px 8px rgba(0,0,0,.22)}
.isdp-public-form input:focus,.isdp-public-form textarea:focus,.isdp-public-form select:focus{border-color:var(--lux-blue);box-shadow:0 0 0 4px rgba(79,140,255,.14)}
.isdp-ticket-list a{border-color:rgba(112,174,255,.12);border-radius:13px;transition:.18s}.isdp-ticket-list a:hover{background:rgba(79,140,255,.08);transform:translateX(-2px)}
.isdp-public-status,.isdp-ticket-list span{background:rgba(79,140,255,.15);color:#9ac7ff;border:1px solid rgba(112,174,255,.16)}
.isdp-public-message.customer{border-right:4px solid var(--lux-cyan)}.isdp-public-message.agent{border-right:4px solid var(--lux-blue)}
.isdp-auth-card{background:linear-gradient(145deg,rgba(14,35,59,.94),rgba(7,20,38,.94));border-color:var(--lux-line);box-shadow:0 25px 75px rgba(0,7,24,.35)}
.isdp-auth-tabs{background:rgba(2,14,28,.7);border-color:var(--lux-line)}.isdp-auth-tabs button.active{background:var(--lux-grad);color:#fff}
@media(max-width:760px){.isdp-portal{border-radius:22px;padding:16px}}
@media(prefers-reduced-motion:reduce){.isdp-portal::before{animation:none}}


/* =========================================================
   3.4.1 Support Desk Landing polish
   ========================================================= */
.isdp-login-required{
  position:relative;
  max-width:980px;
  margin:34px auto 56px;
  padding:34px;
  overflow:hidden;
  border-radius:32px;
  background:
    radial-gradient(circle at 0% 0%, rgba(79,140,255,.20), transparent 30%),
    radial-gradient(circle at 100% 100%, rgba(40,215,205,.12), transparent 28%),
    linear-gradient(145deg, rgba(8,22,41,.96), rgba(7,19,33,.92));
  border:1px solid rgba(112,174,255,.16);
  box-shadow:0 28px 80px rgba(0,7,24,.32);
  color:#eff8ff;
}
.isdp-login-required__glow{
  position:absolute;inset:auto auto -70px -60px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle, rgba(40,215,205,.26), transparent 68%);
  filter:blur(18px);pointer-events:none;
}
.isdp-login-required__content{position:relative;z-index:1}
.isdp-login-required__eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:12px;padding:8px 14px;border-radius:999px;
  background:rgba(79,140,255,.12);border:1px solid rgba(112,174,255,.18);
  color:#8fc8ff;font-size:12px;font-weight:800;letter-spacing:.16em;
}
.isdp-login-required h3{
  margin:0 0 14px;
  font-size:clamp(26px,3vw,40px);
  line-height:1.35;
  font-weight:900;
  color:#fff;
}
.isdp-login-required p{
  margin:0 0 18px;
  max-width:760px;
  color:#b7c8db;
  font-size:15.5px;
  line-height:1.95;
}
.isdp-login-required__list{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
  list-style:none;margin:0 0 24px;padding:0;
}
.isdp-login-required__list li{
  padding:15px 16px;
  border-radius:18px;
  border:1px solid rgba(112,174,255,.14);
  background:rgba(255,255,255,.035);
  color:#e8f3ff;
  font-weight:700;
  font-size:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.isdp-login-required__list li::before{
  content:"";
  display:inline-block;
  width:10px;height:10px;border-radius:50%;
  margin-left:10px;
  background:linear-gradient(135deg,#4f8cff,#28d7cd);
  box-shadow:0 0 0 6px rgba(79,140,255,.12);
  vertical-align:middle;
}
.isdp-login-required__actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.isdp-login-required .isdp-primary,
.isdp-login-required .isdp-secondary{
  min-width:230px;
  justify-content:center;
  text-align:center;
  font-size:15px;
  font-weight:800;
  padding:15px 22px;
}
.isdp-login-required .isdp-secondary{
  color:#e8f4ff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(112,174,255,.18);
  box-shadow:0 12px 28px rgba(0,7,24,.18);
}
.isdp-login-required .isdp-secondary:hover{background:rgba(255,255,255,.1)}
@media(max-width:860px){
  .isdp-login-required{padding:24px 20px;border-radius:24px}
  .isdp-login-required__list{grid-template-columns:1fr}
}
@media(max-width:580px){
  .isdp-login-required h3{font-size:24px}
  .isdp-login-required__actions{flex-direction:column;align-items:stretch}
  .isdp-login-required .isdp-primary,
  .isdp-login-required .isdp-secondary{width:100%;min-width:0}
}

/* ==========================================================
 * ISDP 3.9 — Customer portal visual refresh
 * ========================================================== */
.isdp-portal-v2{--p:#6d5dfc;--p2:#8d5dfd;--ink:#172033;--muted:#6d7587;--line:#e7eaf1;--surface:#fff;--bg:#f6f7fb;max-width:1180px;margin:36px auto;padding:0 18px;color:var(--ink);font-family:Tahoma,"Vazirmatn",sans-serif}
.isdp-portal-v2 *{box-sizing:border-box}.isdp-portal-v2 a{text-decoration:none}.isdp-portal-v2 .isdp-portal-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:30px 32px;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#1f2440,#4c41ca 56%,#8d5dfd);box-shadow:0 25px 65px rgba(68,54,183,.22);color:#fff}.isdp-portal-v2 .isdp-portal-head:after{content:"";position:absolute;width:240px;height:240px;left:-70px;bottom:-130px;border-radius:50%;background:rgba(255,255,255,.09)}.isdp-portal-v2 .isdp-portal-head>div,.isdp-portal-v2 .isdp-portal-head>a{position:relative;z-index:2}.isdp-portal-v2 .isdp-eyebrow{display:block;margin-bottom:7px;color:#d8d3ff;font-size:11px;font-weight:800;letter-spacing:.08em}.isdp-portal-v2 .isdp-portal-head h2{margin:0;color:#fff;font-size:30px}.isdp-portal-v2 .isdp-portal-head p{margin:7px 0 0;color:rgba(255,255,255,.77)}.isdp-portal-v2 .isdp-account-links{margin-top:12px}.isdp-portal-v2 .isdp-logout-link{border:0;background:transparent;color:#dcd8ff;cursor:pointer}.isdp-portal-v2 .isdp-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--p),var(--p2));box-shadow:0 10px 25px rgba(109,93,252,.24);color:#fff;font-weight:800;cursor:pointer}.isdp-portal-v2 .isdp-portal-head .isdp-primary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.13);box-shadow:none;backdrop-filter:blur(10px)}
.isdp-portal-v2 .isdp-public-card{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 17px 45px rgba(25,35,68,.07);padding:24px}.isdp-public-card-head{margin-bottom:18px}.isdp-public-card-head span{color:var(--p);font-size:11px;font-weight:800}.isdp-public-card-head h3{margin:4px 0 6px;font-size:22px}.isdp-public-card-head p{margin:0;color:var(--muted);font-size:13px}.isdp-portal-v2 .isdp-public-form{display:grid;gap:15px}.isdp-portal-v2 .isdp-public-form label{display:grid;gap:7px;color:#4d5668;font-size:13px;font-weight:800}.isdp-portal-v2 .isdp-public-form input,.isdp-portal-v2 .isdp-public-form select,.isdp-portal-v2 .isdp-public-form textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:13px;background:#fafbfe;padding:11px 13px;color:var(--ink);font:inherit;outline:0}.isdp-portal-v2 .isdp-public-form textarea{line-height:1.9;resize:vertical}.isdp-portal-v2 .isdp-public-form input:focus,.isdp-portal-v2 .isdp-public-form select:focus,.isdp-portal-v2 .isdp-public-form textarea:focus{border-color:#aaa0ff;box-shadow:0 0 0 4px rgba(109,93,252,.1)}.isdp-portal-v2 .isdp-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.isdp-upload-field{padding:14px;border:1px dashed #cfd3de;border-radius:14px;background:#fafbfe}.isdp-upload-field small{color:var(--muted);font-weight:400}.isdp-portal-v2 .isdp-alert{border-radius:14px;padding:13px 16px}.isdp-portal-v2 .isdp-public-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.isdp-portal-v2 .isdp-public-layout aside{display:grid;gap:14px;position:sticky;top:24px}.isdp-portal-v2 .isdp-ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.isdp-portal-v2 .isdp-ticket-head h3{margin:5px 0 0;font-size:21px}.isdp-portal-v2 .isdp-ticket-head>div>span{display:inline-flex;padding:5px 8px;border-radius:8px;background:#efedff;color:var(--p);font-family:monospace;font-weight:800}.isdp-portal-v2 .isdp-public-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf8f2;color:#16885b;font-size:11px;font-weight:800}.isdp-portal-v2 .isdp-public-message{margin:13px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(25,35,68,.05)}.isdp-portal-v2 .isdp-public-message.agent{margin-right:5%;border-color:#dcd7ff;background:#f6f4ff}.isdp-portal-v2 .isdp-public-message header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.isdp-portal-v2 .isdp-public-author{display:flex;align-items:center;gap:9px}.isdp-portal-v2 .isdp-public-author img{width:40px;height:40px;border-radius:12px;object-fit:cover}.isdp-portal-v2 .isdp-public-author span{display:flex;flex-direction:column}.isdp-portal-v2 .isdp-public-author small,.isdp-portal-v2 .isdp-public-message time{color:var(--muted);font-size:10px}.isdp-portal-v2 .isdp-public-message p{line-height:1.9}.isdp-portal-v2 dl{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:0}.isdp-portal-v2 dt{color:var(--muted)}.isdp-portal-v2 dd{margin:0;text-align:left;font-weight:800}.isdp-portal-v2 .isdp-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.isdp-portal-v2 .isdp-list-head input{min-height:42px;border:1px solid var(--line);border-radius:12px;background:#fafbfe;padding:8px 12px}.isdp-portal-v2 .isdp-ticket-list{display:grid;gap:10px}.isdp-portal-v2 .isdp-ticket-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fafbfe;color:var(--ink);transition:.2s}.isdp-portal-v2 .isdp-ticket-list>a:hover{border-color:#bfb7ff;transform:translateY(-1px);background:#f7f5ff}
@media(max-width:820px){.isdp-portal-v2{margin:18px auto;padding:0 12px}.isdp-portal-v2 .isdp-portal-head{align-items:stretch;flex-direction:column;padding:24px 20px;border-radius:21px}.isdp-portal-v2 .isdp-public-layout{grid-template-columns:1fr}.isdp-portal-v2 .isdp-public-layout aside{position:static;grid-template-columns:1fr 1fr}.isdp-portal-v2 .isdp-fields{grid-template-columns:1fr}}
@media(max-width:560px){.isdp-portal-v2 .isdp-portal-head h2{font-size:24px}.isdp-portal-v2 .isdp-public-card{padding:17px;border-radius:17px}.isdp-portal-v2 .isdp-public-layout aside{grid-template-columns:1fr}.isdp-portal-v2 .isdp-public-message.agent{margin-right:0}.isdp-portal-v2 .isdp-public-message header{align-items:flex-start;flex-direction:column}.isdp-portal-v2 .isdp-list-head{align-items:stretch;flex-direction:column}.isdp-portal-v2 .isdp-ticket-list>a{grid-template-columns:1fr}}

/* =========================================================
   ISDP 4.1.0 — Premium Customer Portal layer (scoped)
   Scoped to .isdp-portal / .isdp-auth-shell / .isdp-public-form only.
   ========================================================= */

.isdp-portal,.isdp-auth-shell,.isdp-public-form{
  --isdp-p-bg:#f4f7fb;
  --isdp-p-panel:#ffffff;
  --isdp-p-panel2:#f6f9fd;
  --isdp-p-line:#e3e9f2;
  --isdp-p-line2:#eef2f8;
  --isdp-p-text:#101a26;
  --isdp-p-text2:#39485c;
  --isdp-p-muted:#66768a;
  --isdp-p-accent:#0f6cc0;
  --isdp-p-accent2:#0e9e8b;
  --isdp-p-accent-soft:#e9f2fc;
  --isdp-p-gold:linear-gradient(135deg,#a9812c,#e6cd93);
  --isdp-p-danger:#c8394a;
  --isdp-p-danger-soft:#fdedef;
  --isdp-p-ok:#0e8f68;
  --isdp-p-ok-soft:#e6f6f0;
  --isdp-p-warn:#b8790c;
  --isdp-p-warn-soft:#fdf3e2;
  --isdp-p-r-sm:12px;--isdp-p-r-md:18px;--isdp-p-r-lg:24px;--isdp-p-r-xl:30px;
  --isdp-p-s1:4px;--isdp-p-s2:8px;--isdp-p-s3:12px;--isdp-p-s4:16px;--isdp-p-s5:24px;--isdp-p-s6:32px;
  --isdp-p-shadow-xs:0 1px 2px rgba(16,26,38,.05);
  --isdp-p-shadow:0 8px 26px rgba(16,32,54,.07);
  --isdp-p-shadow-lg:0 24px 56px rgba(14,30,52,.12);
  --isdp-p-ring:0 0 0 3px rgba(15,108,192,.26);
  --isdp-p-dur-1:140ms;--isdp-p-dur-2:220ms;--isdp-p-dur-3:340ms;
  --isdp-p-ease:cubic-bezier(.22,.61,.36,1);
  --isdp-p-ease-out:cubic-bezier(.16,1,.3,1);
  font-family:Tahoma,Vazirmatn,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  direction:rtl;
  text-align:start;
  animation:isdp-p-enter var(--isdp-p-dur-3) var(--isdp-p-ease-out) both;
}
.isdp-portal *,.isdp-auth-shell *,.isdp-public-form *{box-sizing:border-box}

@keyframes isdp-p-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes isdp-p-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes isdp-p-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}

.isdp-portal a:focus-visible,.isdp-portal button:focus-visible,
.isdp-portal input:focus-visible,.isdp-portal select:focus-visible,.isdp-portal textarea:focus-visible,
.isdp-auth-shell a:focus-visible,.isdp-auth-shell button:focus-visible,
.isdp-auth-shell input:focus-visible,.isdp-auth-shell select:focus-visible,.isdp-auth-shell textarea:focus-visible,
.isdp-public-form :focus-visible{
  outline:2px solid var(--isdp-p-accent);outline-offset:2px;box-shadow:var(--isdp-p-ring);border-radius:10px;
}

.isdp-portal .isdp-portal-head{
  background:
    radial-gradient(110% 140% at 100% 0%,rgba(14,158,139,.24),transparent 58%),
    linear-gradient(140deg,#0b1725 0%,#122b3c 55%,#0d3b39 100%);
  color:#eaf6ff;border-radius:var(--isdp-p-r-xl);
  padding:var(--isdp-p-s6);box-shadow:var(--isdp-p-shadow-lg);
  border:1px solid rgba(255,255,255,.08);
}
.isdp-portal .isdp-portal-head h1,
.isdp-portal .isdp-portal-head h2{line-height:1.35;letter-spacing:-.02em;margin-block:0 6px}

.isdp-portal .isdp-public-card,
.isdp-portal .isdp-ticket-head,
.isdp-auth-card{
  background:var(--isdp-p-panel);
  border:1px solid var(--isdp-p-line);
  border-radius:var(--isdp-p-r-lg);
  box-shadow:var(--isdp-p-shadow-xs);
  transition:box-shadow var(--isdp-p-dur-2) var(--isdp-p-ease),transform var(--isdp-p-dur-2) var(--isdp-p-ease);
}
.isdp-portal .isdp-public-card:hover{box-shadow:var(--isdp-p-shadow)}

.isdp-portal .isdp-primary,
.isdp-public-form .isdp-primary,
.isdp-auth-shell .isdp-primary{
  border-radius:var(--isdp-p-r-sm);min-block-size:46px;
  padding-inline:22px;font-weight:700;
  transition:transform var(--isdp-p-dur-1) var(--isdp-p-ease),box-shadow var(--isdp-p-dur-2) var(--isdp-p-ease);
}
.isdp-portal .isdp-primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(15,108,192,.26)}
.isdp-portal .isdp-primary:active{transform:translateY(0) scale(.99)}
.isdp-portal .isdp-primary[disabled],
.isdp-portal .isdp-primary[aria-busy="true"]{opacity:.6;cursor:progress;transform:none}

.isdp-portal input,.isdp-portal select,.isdp-portal textarea,
.isdp-public-form input,.isdp-public-form select,.isdp-public-form textarea,
.isdp-auth-shell input,.isdp-auth-shell select,.isdp-auth-shell textarea{
  inline-size:100%;max-inline-size:100%;
  border-radius:var(--isdp-p-r-sm);
  border:1px solid var(--isdp-p-line);
  background:var(--isdp-p-panel2);
  min-block-size:46px;padding-inline:14px;
  font:inherit;font-size:14.5px;color:var(--isdp-p-text);
  text-align:start;
  transition:border-color var(--isdp-p-dur-1) var(--isdp-p-ease),background var(--isdp-p-dur-1) var(--isdp-p-ease);
}
.isdp-portal textarea,.isdp-public-form textarea{min-block-size:130px;padding-block:12px;line-height:1.8}
.isdp-portal input:focus,.isdp-public-form input:focus,
.isdp-portal textarea:focus,.isdp-public-form textarea:focus{background:var(--isdp-p-panel);border-color:var(--isdp-p-accent)}

.isdp-portal .isdp-public-status{
  display:inline-flex;align-items:center;gap:6px;padding-block:4px;padding-inline:11px;
  border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid var(--isdp-p-line);
  background:var(--isdp-p-panel2);color:var(--isdp-p-text2);white-space:nowrap;
}
.isdp-portal .isdp-public-status::before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}
.isdp-portal .isdp-public-status.status-new,.isdp-portal .isdp-public-status.status-open{background:var(--isdp-p-accent-soft);color:var(--isdp-p-accent)}
.isdp-portal .isdp-public-status.status-resolved,.isdp-portal .isdp-public-status.status-closed{background:var(--isdp-p-ok-soft);color:var(--isdp-p-ok)}
.isdp-portal .isdp-public-status.status-pending_agent,.isdp-portal .isdp-public-status.status-pending_customer{background:var(--isdp-p-warn-soft);color:var(--isdp-p-warn)}

.isdp-portal .isdp-public-message{
  border-radius:var(--isdp-p-r-md);border:1px solid var(--isdp-p-line);
  background:var(--isdp-p-panel);padding:var(--isdp-p-s4);
  animation:isdp-p-rise var(--isdp-p-dur-3) var(--isdp-p-ease-out) both;
}
.isdp-portal .isdp-public-message + .isdp-public-message{margin-block-start:var(--isdp-p-s3)}
.isdp-portal .isdp-public-message.agent{
  background:var(--isdp-p-accent-soft);border-color:rgba(15,108,192,.18);margin-inline-start:var(--isdp-p-s6);
}
.isdp-portal .isdp-public-message.customer{margin-inline-end:var(--isdp-p-s6)}
.isdp-portal .isdp-public-message time{direction:ltr;unicode-bidi:isolate;color:var(--isdp-p-muted);font-size:12.5px}

.isdp-portal .isdp-alert{
  border-radius:var(--isdp-p-r-sm);padding:var(--isdp-p-s3) var(--isdp-p-s4);
  border:1px solid var(--isdp-p-line);background:var(--isdp-p-panel2);
  font-size:13.5px;
}
.isdp-portal .isdp-alert.error,.isdp-portal .isdp-alert.is-error{background:var(--isdp-p-danger-soft);color:var(--isdp-p-danger);border-color:rgba(200,57,74,.22)}
.isdp-portal .isdp-alert.success,.isdp-portal .isdp-alert.is-success{background:var(--isdp-p-ok-soft);color:var(--isdp-p-ok);border-color:rgba(14,143,104,.22)}

.isdp-portal .isdp-empty-state{display:grid;justify-items:center;gap:8px;padding:48px 24px;text-align:center;color:var(--isdp-p-muted)}
.isdp-portal .isdp-skeleton{
  background:linear-gradient(90deg,var(--isdp-p-panel2) 25%,#e9eef5 37%,var(--isdp-p-panel2) 63%);
  background-size:200% 100%;animation:isdp-p-shimmer 1.4s linear infinite;border-radius:10px;min-block-size:16px;
}

.isdp-portal code,.isdp-portal .isdp-mono,.isdp-portal [data-ltr],
.isdp-portal .isdp-ticket-number,.isdp-portal .isdp-invoice-number{
  direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
.isdp-portal a,.isdp-portal p,.isdp-portal li,.isdp-portal td{overflow-wrap:anywhere}

.isdp-portal .isdp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.isdp-portal .isdp-table{inline-size:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}
.isdp-portal .isdp-table th{text-align:start;color:var(--isdp-p-muted);font-size:12.5px;padding:12px 14px;background:var(--isdp-p-panel2)}
.isdp-portal .isdp-table td{padding:14px;border-block-end:1px solid var(--isdp-p-line2);text-align:start}

@media (max-width:768px){
  .isdp-portal .isdp-portal-head{padding:var(--isdp-p-s5);border-radius:var(--isdp-p-r-lg)}
  .isdp-portal .isdp-public-message.agent,
  .isdp-portal .isdp-public-message.customer{margin-inline:0}
  .isdp-portal .isdp-responsive-table thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .isdp-portal .isdp-responsive-table,.isdp-portal .isdp-responsive-table tbody,
  .isdp-portal .isdp-responsive-table tr,.isdp-portal .isdp-responsive-table td{display:block;inline-size:100%}
  .isdp-portal .isdp-responsive-table tr{border:1px solid var(--isdp-p-line);border-radius:var(--isdp-p-r-sm);margin-block-end:12px;padding:6px}
  .isdp-portal .isdp-responsive-table td{display:flex;justify-content:space-between;gap:12px;border:0;padding:9px 12px}
  .isdp-portal .isdp-responsive-table td::before{content:attr(data-label);color:var(--isdp-p-muted);font-size:12.5px;font-weight:700}
}
@media (max-width:360px){
  .isdp-portal .isdp-primary{inline-size:100%}
}
@media (prefers-reduced-motion:reduce){
  .isdp-portal,.isdp-portal *,.isdp-auth-shell,.isdp-auth-shell *,.isdp-public-form,.isdp-public-form *{
    animation-duration:.01ms;animation-iteration-count:1;transition-duration:.08ms;
  }
  .isdp-portal .isdp-primary:hover{transform:none}
}

/* real-markup additions: attachments, empty state, ticket list */
.isdp-portal .isdp-public-attachments a{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--isdp-p-panel2);border:1px solid var(--isdp-p-line);
  border-radius:10px;padding:6px 10px;font-size:12.5px;color:var(--isdp-p-text2);
  direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere;max-inline-size:100%;
}
.isdp-portal .isdp-empty{padding:40px 20px;text-align:center;color:var(--isdp-p-muted)}
.isdp-portal .isdp-ticket-list > *{animation:isdp-p-rise var(--isdp-p-dur-2) var(--isdp-p-ease-out) both}
.isdp-portal .isdp-upload-field input[type="file"]{padding-block:10px}