/* ============================================================
   منصة دال — dal.css  v9  |  MOE navy/blue + gold, RTL
   ============================================================ */
:root{
  --navy-950:#071b3f; --navy-900:#0b2350; --navy-800:#123a78; --navy-700:#16509f;
  --blue-700:#1650a0; --blue-800:#123a78; --blue-900:#0b2350;
  --blue-600:#1b6fd4; --blue-500:#2e86e6; --blue-400:#4da3f5;
  --cta:#1e7be6; --cta-2:#3b93f0; --gold-1:#c9a24b; --gold-2:#e7c766;
  --sky-50:#eaf2fd; --sky-100:#d8e8fb; --ink:#12233f; --muted:#5e7091;
  --cloud:#f4f8fd; --white:#fff; --line:#e6eaf3;
  --shadow:0 24px 60px rgba(11,42,91,.16); --shadow-sm:0 10px 26px rgba(11,42,91,.10);
  --maxw:1180px;
  --dal-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M44 28 C74 28 88 45 88 68 C88 83 78 92 60 92 L30 92 C25 92 22 89 22 84 C22 79 25 76 30 76 L58 76 C67 76 71 72 71 64 C71 50 63 41 44 41 C39 41 36 38 36 33 C36 28 39 28 44 28 Z' fill='white'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
.dal-scope{font-family:'Tajawal','Segoe UI','Tahoma',sans-serif;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
.dal-scope a{text-decoration:none;color:inherit}
.dal-container{max-width:var(--maxw);margin:0 auto;padding:0 26px}
.dal-page{display:block;width:100%}

/* ============ HERO ============ */
.dal-hero{position:relative;color:#fff;overflow:hidden;
  background:
    radial-gradient(1000px 520px at 50% -12%,#1f57ab,transparent 62%),
    linear-gradient(120deg,#0a1f47 0%,#123a78 52%,#1a5bb0 100%);}
.dal-skyline{position:absolute;inset-inline:0;bottom:60px;width:100%;height:280px;opacity:.10;pointer-events:none}

/* top bar: دال logo (د box + name beside it) LEFT, MOE RIGHT */
.dal-topbar{position:relative;z-index:5}
.dal-topbar-solid{background:linear-gradient(120deg,#0b2350,#123a78)}
.dal-topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:100px;padding:14px 0;gap:14px;flex-wrap:nowrap}
.dal-brand-left{display:flex;flex-direction:row;align-items:center;gap:12px;flex:none}
.dal-brand-right{display:flex;align-items:center;flex:none}
.dal-mark{width:56px;height:56px;border-radius:16px;flex:none;
  background-image:var(--dal-svg),linear-gradient(rgba(11,35,80,.45),rgba(11,35,80,.45));
  background-size:70%,cover;background-position:center;background-repeat:no-repeat;
  border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.dal-brand-name{font-family:'Cairo','Tajawal',sans-serif;font-weight:800;font-size:1.4rem;color:#fff;letter-spacing:.02em;white-space:nowrap}
.dal-moe-logo{height:62px!important;max-height:62px!important;width:auto!important;max-width:260px!important;display:block!important}
.dal-topbar-inner img{height:62px!important;width:auto!important}

/* hero body */
.dal-hero-body{position:relative;z-index:2;text-align:center;padding:26px 26px 70px}

/* (split hero / laptop removed — hero is centered again) */
.dal-authed-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;
  background:rgba(46,204,113,.16);border:1px solid rgba(46,204,113,.5);color:#c8f5d8;
  padding:8px 18px;border-radius:30px;font-weight:800;font-size:.9rem}
.dal-authed-badge i{color:#4ee38a}
.dal-hero-logo{width:132px;height:132px;margin:0 auto 22px;border-radius:36px;
  background-image:var(--dal-svg),linear-gradient(rgba(11,35,80,.45),rgba(11,35,80,.45));
  background-size:62%,cover;background-position:center;background-repeat:no-repeat;
  border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.dal-hero-title{font-family:'Cairo','Tajawal','Segoe UI',sans-serif;
  font-size:4.6rem;font-weight:900;line-height:1.1;margin:0;letter-spacing:0;
  text-shadow:0 6px 24px rgba(0,0,0,.35)}
.dal-hero-title .hl{color:var(--blue-400);font-weight:900}
.dal-hero-sub{color:var(--gold-2);font-weight:800;font-size:1.5rem;margin:12px 0 22px}
.dal-hero-welcome{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 10px}
.dal-hero-welcome b{color:var(--gold-2)}
.dal-hero-lead{font-size:1.15rem;font-weight:800;color:#dbe7fb;max-width:620px;margin:0 auto 34px;line-height:1.9}

/* CTA — glass, big */
.dal-cta{display:inline-flex;align-items:center;gap:12px;font-weight:900;font-size:1.25rem;color:#fff;
  padding:18px 52px;border-radius:16px;background:rgba(255,255,255,.13);
  border:1.5px solid rgba(255,255,255,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 14px 36px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.3);transition:.25s}
.dal-cta:hover{transform:translateY(-3px);background:rgba(255,255,255,.22);color:#fff;
  box-shadow:0 22px 48px rgba(0,0,0,.4)}
.dal-cta i{font-size:1.15rem}
/* login + exit in same row */
.dal-cta-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.dal-logout-inline{display:inline-flex}
.dal-cta-ghost{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.28)!important;
  font-size:1.1rem!important;padding:16px 34px!important;color:#e6eefb!important}
.dal-cta-ghost:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}

/* logged-in variant: warmer gold-tinted hero + gold CTA border */
.dal-authed .dal-hero{background:
    radial-gradient(1000px 520px at 50% -12%,#265fae,transparent 62%),
    linear-gradient(120deg,#0a1f47 0%,#143f80 52%,#1c62b8 100%);}
.dal-authed .dal-cta{border-color:rgba(231,199,102,.6);box-shadow:0 14px 36px rgba(201,162,75,.3),inset 0 1px 0 rgba(255,255,255,.3)}
.dal-authed .dal-hero-title .hl{color:var(--gold-2)}

/* wave */
.dal-wave{position:relative;line-height:0;display:block}
.dal-wave svg{display:block;width:100%;height:90px}

@media(max-width:760px){
  /* hide دال logo in top bar on mobile — keep MOE only, centered */
  .dal-brand-left{display:none!important}
  .dal-topbar-inner{min-height:70px;justify-content:center;gap:0}
  .dal-moe-logo,.dal-topbar-inner img{height:46px!important;max-width:200px!important}
  /* hero content */
  .dal-hero-body{padding:14px 20px 56px}
  .dal-hero-logo{width:104px;height:104px;margin-bottom:18px}
  .dal-hero-title{font-size:2.7rem}
  .dal-hero-sub{font-size:1.15rem;margin:8px 0 16px}
  .dal-hero-welcome{font-size:1.25rem}
  .dal-hero-lead{font-size:1rem;margin-bottom:26px}
  .dal-cta{font-size:1.05rem;padding:15px 40px;width:100%;max-width:320px;justify-content:center}
  .dal-cta-ghost{font-size:1rem!important;padding:14px 30px!important;width:100%;max-width:320px}
  .dal-cta-row{flex-direction:column;gap:12px;align-items:center}
  .dal-skyline{display:none}
}

/* ============ shared bits ============ */
.dal-steps-frame{width:100%;border-radius:22px;overflow:hidden;
  border:1px solid #eef2f8;box-shadow:0 30px 70px rgba(13,43,107,.18)}
.dal-steps-frame img{width:100%;height:auto;display:block}
.dal-steps-title{font-family:'Cairo','Tajawal',sans-serif;font-size:1.5rem;font-weight:900;color:var(--navy-800);
  margin:0 0 22px;display:flex;align-items:center;gap:12px}
.dal-steps-title i{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--cta),var(--cta-2));
  color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;flex:none}

/* ============ LOGIN STEPS section (own, white) ============ */
.dal-stepsonly-section{background:#fff;padding:60px 0;scroll-margin-top:20px}
html{scroll-behavior:smooth}
.dal-steps-card{max-width:1240px;margin:0 auto;background:linear-gradient(150deg,#fff 0%,var(--sky-50) 100%);
  border-radius:28px;padding:40px 46px;border:1px solid #eef2f8;box-shadow:0 34px 80px rgba(13,43,107,.14)}
.dal-steps{list-style:none;margin:0;padding:0}
.dal-steps li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px dashed #e3ebf6}
.dal-steps li:last-child{border-bottom:0}
.dal-steps .n{width:32px;height:32px;flex:none;border-radius:50%;background:var(--cta);color:#fff;
  font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.95rem;box-shadow:0 4px 10px rgba(30,123,230,.35)}
.dal-steps p{margin:0;color:var(--ink);font-weight:700;line-height:1.7;padding-top:4px}
/* two-column step list on wide screens */
.dal-steps-wide{display:grid;grid-template-columns:1fr 1fr;gap:0 46px}
.dal-steps-wide li{border-bottom:1px dashed #e3ebf6}

/* ============ NOTICE + IMAGE (unified card, light gradient) ============ */
.dal-noteimg-section{background:linear-gradient(180deg,#fff 0%,var(--sky-50) 55%,#eaf1fb 100%);padding:64px 0}
.dal-unified-card{display:grid;grid-template-columns:1fr 1fr;max-width:1240px;margin:0 auto;
  border-radius:28px;overflow:hidden;box-shadow:0 34px 80px rgba(13,43,107,.2);
  border:1px solid rgba(255,255,255,.8);background:#fff}
/* note panel — light gradient, not navy */
.dal-unified-note{background:linear-gradient(150deg,#fff 0%,var(--sky-50) 100%);padding:44px 42px;
  display:flex;flex-direction:column;justify-content:center;border-inline-end:1px solid #eef2f8}
.dal-unified-ic{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  font-size:1.6rem;color:#fff;background:linear-gradient(135deg,var(--gold-1),var(--gold-2));
  box-shadow:0 10px 24px rgba(201,162,75,.35);margin-bottom:18px}
.dal-unified-note h3{font-family:'Cairo','Tajawal',sans-serif;font-size:1.4rem;font-weight:900;color:var(--navy-800);margin:0 0 18px}
.dal-note-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.dal-note-points li{display:flex;gap:12px;align-items:flex-start}
.dal-note-points li i{color:#1e7be6;font-size:1.15rem;margin-top:3px;flex:none}
.dal-note-points li span{color:var(--ink);font-weight:700;line-height:1.7;font-size:1.02rem}
/* image half */
.dal-unified-img{position:relative;min-height:440px;overflow:hidden}
.dal-unified-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* safety: cap the raw image even if the grid CSS fails to load */
.dal-noteimg-section img{max-width:100%;object-fit:cover}
@media(max-width:860px){
  .dal-steps-wide{grid-template-columns:1fr;gap:0}
  .dal-steps-card{padding:28px 22px}
  .dal-unified-card{grid-template-columns:1fr}
  .dal-unified-note{order:1;border-inline-end:0;border-bottom:1px solid #eef2f8;padding:32px 26px}
  .dal-unified-img{order:2;min-height:240px}
  .dal-steps-title{font-size:1.3rem}
}

/* ============ FOOTER ============ */
.dal-footer{background:var(--navy-950);color:#b9c9e6;padding:44px 0}
.dal-footer-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.dal-footer-brand{display:flex;align-items:center;gap:12px}
.dal-mark-footer{width:46px;height:46px;border-radius:12px;background-size:64%,cover}
.dal-footer-name{font-family:'Cairo','Tajawal',sans-serif;font-size:1.7rem;font-weight:800;color:#fff;letter-spacing:.02em}
.dal-footer-moe{height:56px!important;max-height:56px!important;width:auto!important;max-width:300px!important}
.dal-footer-inner img{height:56px!important;width:auto!important}
.dal-footer-copy{color:#8ea3cc;font-size:.9rem}

/* ============================================================
   UPDATE-DATA FORM (user/dal/updateData.xhtml)
   ============================================================ */
.dal-form-page{background:var(--cloud);min-height:100vh;padding-bottom:80px}
.dal-form-hero{background:linear-gradient(120deg,var(--blue-800),var(--blue-900));color:#fff;padding:26px 0 80px;position:relative;overflow:hidden}
.dal-form-hero .inner{position:relative;z-index:2}
.dal-form-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.dal-form-hero-text{min-width:0}
.dal-form-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.dal-mark-sm{width:38px;height:38px;border-radius:11px}
.dal-form-brand-name{font-family:'Cairo','Tajawal',sans-serif;font-weight:800;font-size:.95rem;color:var(--gold-2)}
.dal-form-title{font-family:'Cairo','Tajawal',sans-serif;font-size:1.5rem;font-weight:900;margin:0 0 4px;color:#fff}
.dal-form-title i{margin-inline-end:8px;color:var(--blue-400)}
.dal-form-subtitle{color:#C6D6F2;margin:0;font-size:.98rem}
.dal-form-hero h1{font-size:1.9rem;font-weight:900;margin:6px 0 4px}
.dal-form-hero p{color:#C6D6F2;margin:0}
/* small home button in form hero */
.dal-btn-home-sm{background:rgba(255,255,255,.12)!important;border:1.5px solid rgba(255,255,255,.4)!important;
  color:#fff!important;padding:11px 22px!important;border-radius:12px!important;font-weight:800!important;
  backdrop-filter:blur(8px);transition:.25s;white-space:nowrap;flex:none}
.dal-btn-home-sm:hover{background:rgba(255,255,255,.22)!important;color:#fff!important;transform:translateY(-2px)}
.dal-btn-home-sm i{color:var(--gold-2)!important;margin-inline-end:6px}
@media(max-width:640px){
  .dal-form-hero-inner{flex-direction:column;align-items:flex-start;gap:14px}
  .dal-btn-home-sm{width:100%;justify-content:center;display:inline-flex;align-items:center}
  .dal-form-title{font-size:1.3rem}
}
.dal-form-card{max-width:920px;margin:-60px auto 0;position:relative;z-index:3;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:34px 30px}
.dal-period-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;margin-bottom:26px;font-weight:700}
.dal-period-ok{background:#E7F6EC;color:#177245;border:1px solid #B7E3C4}
.dal-period-off{background:#FDEDED;color:#B23B3B;border:1px solid #F3C4C4}
.dal-period-banner i{font-size:20px}

.dal-fieldset{border:1px solid var(--line);border-radius:16px;padding:22px 20px 8px;margin-bottom:22px}
.dal-fieldset legend{font-weight:800;color:var(--blue-700);padding:0 10px;font-size:1.05rem}
.dal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.dal-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px 20px}
@media(max-width:720px){.dal-grid,.dal-grid-3{grid-template-columns:1fr}}
.dal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.dal-field label{font-weight:700;color:var(--ink);font-size:.92rem}
.dal-field .req{color:#D33;margin-inline-start:3px}
.dal-readonly{background:var(--cloud);border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--blue-800);font-weight:700}
.dal-field .hint{font-size:.78rem;color:var(--muted)}
/* PrimeFaces control normalization */
.dal-form-card .ui-inputfield,.dal-form-card .ui-selectonemenu,.dal-form-card .ui-inputtext{width:100%!important;border-radius:10px!important}
.dal-form-card .ui-selectonemenu{display:flex;align-items:center}

/* attachment */
.dal-attach{border:2px dashed var(--sky-100);border-radius:16px;padding:22px;text-align:center;background:var(--sky-50)}
.dal-attach .ico{font-size:34px;color:var(--blue-500);margin-bottom:10px}
.dal-attach h4{margin:0 0 4px;color:var(--blue-800);font-weight:800}
.dal-attach p{margin:0 0 14px;color:var(--muted);font-size:.86rem}
.dal-attach-preview{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;align-items:center;gap:14px;justify-content:space-between}
.dal-attach-preview .meta{display:flex;align-items:center;gap:10px;color:var(--blue-800);font-weight:700}
.dal-attach-preview .meta i{font-size:22px;color:var(--blue-600)}
.dal-attach-media{margin-top:16px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.dal-attach-media img{max-width:100%;display:block}
/* fileUpload choose button: always show label (even on mobile) */
.dal-attach .ui-fileupload-buttonbar{background:transparent!important;border:0!important;padding:0!important}
.dal-attach .ui-fileupload-choose{position:relative!important;background:linear-gradient(135deg,var(--cta),var(--cta-2))!important;
  border:0!important;color:#fff!important;border-radius:12px!important;padding:12px 26px!important;font-weight:800!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important}
/* reset PrimeFaces absolute icon positioning so it doesn't overlap the label */
.dal-attach .ui-fileupload-choose .ui-icon,.dal-attach .ui-fileupload-choose .ui-button-icon-left{
  position:static!important;margin:0!important;left:auto!important;right:auto!important;top:auto!important;
  display:inline-flex!important;align-items:center!important;width:auto!important;height:auto!important;
  text-indent:0!important;color:#fff!important;font-size:1rem!important}
.dal-attach .ui-fileupload-choose .ui-button-text{position:static!important;display:inline-block!important;visibility:visible!important;
  padding:0!important;margin:0!important;text-indent:0!important;line-height:1!important;font-size:1rem!important;color:#fff!important}
.dal-attach .ui-fileupload-choose.ui-button-text-icon-left .ui-button-text{padding:0!important}
.dal-attach .ui-fileupload-choose:hover{filter:brightness(1.06)}
@media(max-width:600px){
  .dal-attach .ui-fileupload-choose{width:100%!important;justify-content:center!important;padding:14px!important}
  .dal-attach .ui-fileupload-choose .ui-button-text{display:inline-block!important;visibility:visible!important}
}

.dal-submit-row{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}

/* success page */
.dal-success{max-width:720px;margin:60px auto;text-align:center;background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:56px 40px}
.dal-check{width:120px;height:120px;margin:0 auto 26px;border-radius:50%;background:#E7F6EC;display:flex;align-items:center;justify-content:center;
  animation:dal-pop .5s ease}
.dal-check i{font-size:64px;color:#22A155}
@keyframes dal-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.dal-success h2{font-size:2rem;font-weight:900;color:#177245;margin:0 0 14px}
.dal-success p{font-size:1.1rem;color:var(--ink);line-height:1.9;max-width:560px;margin:0 auto 10px}
.dal-success .note{color:var(--muted);font-size:.95rem;margin-top:18px}
.dal-success .actions{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ============ dialogs / doc actions ============ */
.dal-doc-actions{display:inline-flex;gap:8px;flex-wrap:wrap}
.dal-btn-danger,.dal-btn-danger .ui-button-text,.dal-btn-danger .ui-icon,.dal-btn-danger i{color:#fff!important}
.dal-btn-danger{border-color:#D32F2F!important;background:#D32F2F!important}
.dal-btn-danger:hover,.dal-btn-danger:hover .ui-button-text,.dal-btn-danger:hover i{color:#fff!important}
.dal-btn-danger:hover{background:#B71C1C!important;border-color:#B71C1C!important}
.dal-badge-staged{background:#FFF6E0;color:#946200;border:1px solid #F0D896;border-radius:20px;
  padding:2px 10px;font-size:.72rem;font-weight:700;margin-inline-start:8px}

/* message dialog */
.dal-msg-dialog .ui-dialog-content{padding:0!important}
.dal-msg-body{padding:30px 26px 24px;text-align:center;font-family:'Tajawal','Segoe UI',sans-serif}
.dal-msg-ico{width:74px;height:74px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px}
.dal-msg-body.dal-success .dal-msg-ico{background:#E7F6EC;color:#22A155}
.dal-msg-body.dal-warn .dal-msg-ico{background:#FFF4E0;color:#C8890A}
.dal-msg-body.dal-error .dal-msg-ico{background:#FDECEC;color:#C0392B}
.dal-msg-body h3{font-size:1.25rem;font-weight:900;margin:0 0 8px;color:var(--blue-800)}
.dal-msg-body.dal-error h3{color:#C0392B}
.dal-msg-body.dal-warn h3{color:#C8890A}
.dal-msg-body p{color:var(--ink);margin:0 0 20px;line-height:1.8}
.dal-msg-body .dal-btn{min-width:120px;justify-content:center}

/* ============ attestation ============ */
.dal-attest{display:flex;align-items:flex-start;gap:12px;background:var(--sky-50);
  border:1px solid var(--sky-100);border-radius:14px;padding:16px 18px;margin:6px 0 18px}
.dal-attest .dal-attest-label{font-weight:800;color:var(--blue-800);cursor:pointer;line-height:1.7}
.dal-attest .ui-chkbox{margin-top:2px}

/* ============ media dialog: large, PDF fits content ============ */
.dal-media-dialog.ui-dialog{width:90vw!important;max-width:1200px!important;height:88vh!important;max-height:88vh!important}
.dal-media-dialog .ui-dialog-content{padding:0!important;height:calc(88vh - 46px)!important;max-height:calc(88vh - 46px)!important;overflow:hidden!important;background:#525659;display:flex}
.dal-media-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}
.dal-media-wrap .dal-media-pdf,.dal-media-wrap object,.dal-media-wrap embed,.dal-media-wrap iframe{width:100%!important;height:100%!important;min-height:100%!important;border:0;display:block}
.dal-media-wrap .dal-media-img,.dal-media-wrap img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,.4);margin:auto}
@media(max-width:768px){
  .dal-media-dialog.ui-dialog{width:100vw!important;max-width:100vw!important;height:92vh!important;max-height:92vh!important;left:0!important;top:2vh!important}
  .dal-media-dialog .ui-dialog-content{height:calc(92vh - 44px)!important;max-height:calc(92vh - 44px)!important}
}

/* ============ success page: name + cid ============ */
.dal-success-id{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin:0 0 16px}
.dal-success-id span{display:inline-flex;align-items:center;gap:8px;background:var(--sky-50);
  border:1px solid var(--sky-100);border-radius:30px;padding:8px 18px;font-weight:800;color:var(--blue-800)}
.dal-success-id i{color:var(--blue-500)}

/* ============ doc action buttons: even spacing ============ */
.dal-doc-actions{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.dal-attach-preview{gap:16px}
@media(max-width:560px){
  .dal-attach-preview{flex-direction:column;align-items:stretch}
  .dal-doc-actions{justify-content:center}
  .dal-doc-actions .dal-btn{flex:1;justify-content:center}
}


/* ============ success: home button (distinct polished style) ============ */
.dal-btn-home{background:linear-gradient(135deg,var(--navy-800),var(--navy-900))!important;color:#fff!important;
  border:0!important;padding:14px 34px!important;border-radius:14px!important;font-weight:900!important;
  box-shadow:0 12px 28px rgba(11,42,91,.35)!important;transition:.25s}
.dal-btn-home:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(11,42,91,.45)!important;
  background:linear-gradient(135deg,var(--navy-700),var(--navy-800))!important;color:#fff!important}
.dal-btn-home i{color:var(--gold-2)!important;margin-inline-end:8px}