:root{
  --brand:#163b6e;--brand-2:#2f6ea8;--brand-soft:#ecf4ff;--brand-glow:rgba(47,110,168,.12);
  --dark:#0f1f33;--ink:#0f1f33;--panel:#ffffff;--soft:#f3f7fb;--line:#d9e3ef;--muted:#66788f;
  --ok:#11875d;--warn:#a66b15;--danger:#c2414d;--shadow:0 14px 38px rgba(16,46,87,.08);
}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f8fbff 0%,var(--soft) 180px,var(--soft) 100%);font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--dark);direction:rtl}
a{color:inherit}.wrap{max-width:1240px;margin:auto;padding:26px 18px 18px}.top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.brand,.recipient-heading,.recipient-summary{display:flex;gap:14px;align-items:center}.app-logo{display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;background:transparent}.app-logo img{display:block;width:100%;height:100%;object-fit:contain}.admin-app-logo{width:88px;height:68px;border-radius:18px;padding:6px;background:linear-gradient(180deg,#ffffff,#f7fbff);border:1px solid rgba(22,59,110,.12);box-shadow:0 16px 34px rgba(22,59,110,.10)}
h1,h2,h3{color:var(--ink);margin:0 0 6px}.muted{color:var(--muted);font-size:13px;line-height:1.7}.card{background:var(--panel);border:1px solid rgba(22,59,110,.08);border-radius:24px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.card.inset{box-shadow:none;background:linear-gradient(180deg,#fbfdff,#f6f9fd)}
.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.stat{padding:18px;border:1px solid rgba(22,59,110,.08);border-radius:18px;background:linear-gradient(180deg,#ffffff,#fbfdff);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset-inline-start:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2),#c9d8eb)}.stat:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:var(--brand-glow);top:-28px;inset-inline-start:-20px}.stat b{font-size:29px;display:block;margin-top:10px;position:relative;z-index:1;color:var(--brand)}
.btn{border:0;border-radius:14px;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 10px 24px rgba(22,59,110,.18)}.secondary{background:#f8fbff;color:var(--brand);border:1px solid rgba(22,59,110,.12)}.danger{background:#fff6f7;color:var(--danger);border:1px solid rgba(194,65,77,.12)}.ok{color:var(--ok)}.warn{color:var(--warn)}
table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:12px;border-bottom:1px solid #ebf0f6;vertical-align:top}th{font-size:13px;color:#5f738b;background:#f8fbff;position:sticky;top:0}.table-wrap{overflow:auto;border:1px solid rgba(22,59,110,.08);border-radius:18px;background:#fff}
input,select,textarea{width:100%;border:1px solid #d4dfec;border-radius:12px;padding:11px;font:inherit;background:#fbfdff;color:var(--dark)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 4px rgba(47,110,168,.10)}label{display:grid;gap:6px;color:#4d6178;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1/-1}
.pill{display:inline-block;border-radius:20px;padding:5px 9px;background:#f2f6fb;font-size:12px;color:#5a6d84}.pill.ok{background:#eaf8f2;color:var(--ok)}.pill.warn{background:#fff5e6;color:var(--warn)}.pill.danger{background:#fff1f3;color:var(--danger)}.message{white-space:pre-wrap;line-height:1.8;max-width:520px}.notice{border-right:4px solid var(--brand);background:#f3f8ff;padding:13px 15px;border-radius:14px;margin:12px 0;color:var(--ink)}.success-notice{border-color:var(--ok);background:#effaf6}.danger-notice{border-color:var(--danger);background:#fff1f3}.recipient-card{border:1px solid rgba(22,59,110,.08);border-radius:20px;padding:16px;background:linear-gradient(180deg,#fff,#fcfdff);margin-bottom:12px}.recipient-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.login{max-width:460px;margin:8vh auto}.login-wide{max-width:860px;margin:5vh auto}.actions,.nav-links{display:flex;gap:8px;flex-wrap:wrap}.ltr{direction:ltr;text-align:left}.new-message{border-right:5px solid var(--brand)}.code-box{font-family:Consolas,monospace;direction:ltr;text-align:left;background:#10243e;color:#f8fafc;padding:11px;border-radius:11px;overflow:auto}.flash-credentials{border:1px solid #dce7f6;background:#f8fbff;border-radius:16px;padding:14px;margin-bottom:15px}.inline-form{display:inline}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:auto}.admin-message-row td:first-child{white-space:nowrap}.status-list{display:grid;gap:10px}.status-item{border:1px solid rgba(22,59,110,.08);border-radius:16px;padding:13px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff}.status-item .meta{display:flex;gap:7px;flex-wrap:wrap}.small{font-size:12px}.nowrap{white-space:nowrap}code{direction:ltr;unicode-bidi:embed;background:#eef4fb;padding:2px 5px;border-radius:5px}
.recipient-company-logo{width:92px;height:72px;border-radius:16px;padding:7px;background:#fff;border:1px solid rgba(22,59,110,.10);display:grid;place-items:center;flex:0 0 auto;box-shadow:0 8px 22px rgba(22,59,110,.08)}.recipient-company-logo img{max-width:100%;max-height:100%;object-fit:contain}.logo-upload-field input[type=file]{padding:8px;background:#f9fbff}.logo-upload-field .muted{line-height:1.5}
.site-rights{max-width:1240px;margin:22px auto 10px;padding:0 18px 22px}.site-rights>div,.site-rights>a{display:flex;align-items:center;justify-content:center}.site-rights{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.site-rights-logo{width:min(240px,62vw)}.site-rights-logo img{width:100%;max-height:76px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(22,59,110,.08))}.site-rights-text{padding:10px 18px;border:1px solid rgba(22,59,110,.08);border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px)}.site-rights-text p{margin:4px 0;font-size:12px;line-height:1.8}.site-rights-text a{color:var(--brand);text-decoration:none;font-weight:900}
@media(max-width:950px){.grid{grid-template-columns:repeat(3,1fr)}.form-grid.cols-3{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.wrap{padding:14px 10px}th,td{padding:9px}.top{align-items:flex-start}.card{padding:16px;border-radius:20px}.actions .btn,.nav-links .btn{flex:1}.status-item{align-items:flex-start;flex-direction:column}.admin-app-logo{width:72px;height:56px}.recipient-heading{align-items:flex-start}.recipient-company-logo{width:76px;height:60px}.site-rights{padding:0 10px 16px;margin-top:16px}.site-rights-logo{width:min(210px,78vw)}.site-rights-text{padding:10px 12px}}


/* V3.2 — dark identity bars, live read status and admin actions */
.top{background:linear-gradient(135deg,#071b32 0%,#102f55 62%,#173f70 100%);padding:18px 20px;border-radius:24px;box-shadow:0 18px 42px rgba(7,27,50,.22);border:1px solid rgba(255,255,255,.08)}
.top h1,.top h2,.top h3,.top .brand{color:#fff}.top .muted,.top-muted{color:#c8d7e9}.top .admin-app-logo{background:#fff;border-color:rgba(255,255,255,.30)}
.top .btn.secondary{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);color:#fff}.top .btn.secondary:hover{background:rgba(255,255,255,.18)}.top .btn.danger{background:rgba(255,255,255,.92);color:#b4232f;border-color:transparent}
.admin-live,.live-dot{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;background:rgba(255,255,255,.10);color:#d7e4f2;font-size:11px}.admin-live:before,.live-dot i{content:"";width:8px;height:8px;border-radius:50%;background:#a8b8cb}.admin-live.online:before,.live-dot i{background:#3dd598;box-shadow:0 0 0 4px rgba(61,213,152,.13)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-heading h2{margin-bottom:2px}.live-dot{background:#eaf8f2;color:#11875d}.admin-row-actions{display:flex;gap:7px;flex-wrap:wrap}.read-progress{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:5px 9px;border-radius:999px;background:#fff4e5;color:#9a5a0a;font-weight:800}.read-progress.complete{background:#eaf8f2;color:#11875d}
.site-rights{max-width:none;margin:26px 0 0;padding:22px clamp(16px,4vw,44px);background:linear-gradient(135deg,#071b32 0%,#102f55 65%,#173f70 100%);border-radius:26px 26px 0 0;color:#d9e5f2}.site-rights-text{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.site-rights-text a{color:#fff}.site-rights-logo img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.22)) brightness(1.08)}
@media(max-width:700px){.top{padding:15px;border-radius:20px}.section-heading{align-items:flex-start;flex-direction:column}.admin-row-actions{min-width:150px}.site-rights{border-radius:22px 22px 0 0;padding:18px 12px}}


/* V3.3 — transparent uploaded logos, sender permission controls and issue center */
.admin-app-logo,.recipient-company-logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible}.admin-app-logo img,.recipient-company-logo img{object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.20));max-width:100%;max-height:100%}.allowed-senders-field[hidden]{display:none}.allowed-senders-field textarea{min-height:105px}.nav-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff;color:#b4232f;font-size:11px}.issue-filters{display:flex;gap:8px;flex-wrap:wrap}.issue-admin-list{display:grid;gap:14px}.issue-admin-card{margin-bottom:0}.issue-details{padding:14px;border:1px solid var(--line);border-radius:15px;background:#f8fbff;line-height:1.9;margin:12px 0}.issue-admin-card details{margin-top:12px}.issue-admin-card summary{cursor:pointer;color:var(--brand);font-weight:800}.site-rights{justify-content:space-between}.site-rights-brand{display:flex;align-items:center;gap:18px}.site-rights-text{text-align:start}@media(max-width:700px){.site-rights,.site-rights-brand{justify-content:center;flex-direction:column}.site-rights-text{text-align:center}.recipient-company-logo{width:70px;height:64px}}


/* V3.3.3 — footer and page-height correction */
html,body{min-height:100%}body{min-height:100vh;display:flex;flex-direction:column}.wrap{width:100%;flex:1 0 auto}.site-rights{width:100%;flex:0 0 auto;margin-top:auto!important;margin-bottom:0!important}


/* V3.3.4 — compact three-part branded footer */
.site-rights{min-height:0!important;padding:15px clamp(16px,4vw,38px)!important;margin-top:auto!important}
.site-rights-brand{width:min(1180px,100%)!important;max-width:1180px!important;display:grid!important;grid-template-columns:minmax(150px,210px) minmax(0,1fr) 62px!important;gap:22px!important;align-items:center!important;margin:0 auto!important}
.site-rights-logo{width:100%!important;max-width:210px!important;margin:0!important}
.site-rights-logo img{width:100%!important;max-height:68px!important;object-fit:contain!important}
.site-rights-text{width:100%!important;max-width:none!important;padding:10px 16px!important;text-align:center!important;border-radius:15px!important}
.site-rights-text p{margin:2px 0!important;line-height:1.55!important;font-size:10.5px!important;white-space:nowrap!important}
.rights-main,.rights-domain,.rights-credit{display:block!important;padding:0!important;margin:2px 0!important;border:0!important;font-weight:600!important}
.rights-main{font-size:11px!important;color:#edf4fc!important}.rights-domain a{font-size:10.5px!important;color:#fff!important;font-weight:800!important}.rights-credit{font-size:10px!important;color:#b8cadc!important}
.site-rights-app-logo{width:58px;height:58px;display:grid;place-items:center;justify-self:end;align-self:center;padding:3px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.site-rights-app-logo img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 7px 14px rgba(0,0,0,.22))}
.site-rights[dir="rtl"] .site-rights-app-logo{justify-self:start}.site-rights[dir="ltr"] .site-rights-app-logo{justify-self:end}
@media(max-width:700px){.site-rights{padding:14px 10px!important}.site-rights-brand{grid-template-columns:1fr!important;gap:8px!important;text-align:center!important}.site-rights-logo{max-width:165px!important;margin:0 auto!important}.site-rights-logo img{max-height:54px!important}.site-rights-text{padding:8px 9px!important;overflow-x:auto!important}.site-rights-text p{font-size:9px!important;white-space:normal!important}.site-rights-app-logo,.site-rights[dir="rtl"] .site-rights-app-logo,.site-rights[dir="ltr"] .site-rights-app-logo{width:44px;height:44px;justify-self:center!important;border-radius:11px}}


/* V3.3.5 — hard limits for footer and admin logos (cache-safe) */
.site-rights-brand{min-width:0!important;overflow:hidden!important}
.site-rights-logo,.site-rights-text,.site-rights-app-logo{min-width:0!important;box-sizing:border-box!important}
.site-rights-app-logo{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;overflow:hidden!important;flex:0 0 58px!important}
.site-rights-app-logo img{display:block!important;width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;object-fit:contain!important}
.site-rights-logo{width:210px!important;max-width:210px!important;overflow:hidden!important}
.site-rights-logo img{display:block!important;width:100%!important;height:auto!important;max-width:210px!important;max-height:68px!important;object-fit:contain!important}
.admin-app-logo{width:88px!important;height:68px!important;min-width:88px!important;max-width:88px!important;min-height:68px!important;max-height:68px!important;overflow:hidden!important}
.admin-app-logo img{display:block!important;width:100%!important;height:100%!important;max-width:88px!important;max-height:68px!important;object-fit:contain!important}
@media(max-width:700px){
 .site-rights-app-logo,.site-rights-app-logo img{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;flex-basis:44px!important}
 .site-rights-logo{width:165px!important;max-width:165px!important}.site-rights-logo img{max-width:165px!important;max-height:54px!important}
 .admin-app-logo{width:72px!important;height:56px!important;min-width:72px!important;max-width:72px!important;min-height:56px!important;max-height:56px!important}.admin-app-logo img{max-width:72px!important;max-height:56px!important}
}


/* V4 invitation and device management */
.v4-install-manager,.v4-devices{margin-top:16px;padding:16px;border:1px solid rgba(22,59,110,.12);border-radius:18px;background:linear-gradient(180deg,#fafdff,#f4f8fc)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.section-heading h3{margin:0}.invite-create-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.invite-create-row label{min-width:180px}.invite-active{margin-top:12px;padding:13px;border-radius:15px;background:#fff;border:1px solid #d7e4f0}.invite-active>div:first-child{display:flex;gap:8px;align-items:center;margin-bottom:9px}.invite-url{font-size:12px;margin-bottom:10px}.device-list{display:grid;gap:9px}.device-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:15px;background:#fff;border:1px solid #dbe5ef}.device-card.revoked{opacity:.62;background:#f5f6f8}.device-icon{width:42px;height:42px;border-radius:13px;background:#e8f1fb;color:#0d3157;display:grid;place-items:center;font-size:22px}.device-info{display:grid;gap:3px}.device-info span,.device-info small{color:#66788f}.device-card>div:last-child{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.small-btn{padding:7px 10px;font-size:12px}.empty-inline{padding:18px;text-align:center;border:1px dashed #ccd9e6;border-radius:14px;color:#718199;background:#fff}.qr-modal[hidden]{display:none}.qr-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px}.qr-backdrop{position:absolute;inset:0;background:rgba(4,18,35,.68);backdrop-filter:blur(5px)}.qr-card{position:relative;background:#fff;border-radius:24px;padding:22px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.3);width:min(390px,100%)}.qr-card canvas{max-width:100%;height:auto;border-radius:12px}.qr-close{position:absolute;top:10px;left:10px;width:34px;height:34px;border:0;border-radius:50%;background:#eef3f8;font-size:24px;cursor:pointer}.qr-card h2{padding:0 36px}.install-footer{margin-top:0!important}@media(max-width:700px){.device-card{grid-template-columns:42px minmax(0,1fr)}.device-card>div:last-child{grid-column:1/-1;justify-content:flex-start}.invite-create-row>*{width:100%}.invite-create-row label{min-width:0}}


/* V4.1.2 - footer SMS logo: full artwork, transparent, no clipping */
.site-rights-app-logo{
  width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;
  min-height:64px!important;max-height:64px!important;display:grid!important;place-items:center!important;
  padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;
  overflow:visible!important;box-shadow:none!important;flex:0 0 64px!important;
}
.site-rights-app-logo img{
  display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;
  min-height:0!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;
  filter:drop-shadow(0 7px 14px rgba(0,0,0,.20))!important;
}
.auth-rights .site-rights-app-logo{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;flex-basis:40px!important}
@media(max-width:700px){
  .site-rights-app-logo,.site-rights[dir="rtl"] .site-rights-app-logo,.site-rights[dir="ltr"] .site-rights-app-logo{
    width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;
    min-height:48px!important;max-height:48px!important;flex-basis:48px!important;justify-self:center!important;
  }
  .auth-rights .site-rights-app-logo{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex-basis:34px!important}
}


/* V4.1.3 — permanent recipient deletion */
.delete-recipient-card{width:min(520px,100%);text-align:right}.delete-warning-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 12px;background:#fff1f3;color:#c2414d;border:1px solid rgba(194,65,77,.18);font-size:32px;font-weight:900}.delete-recipient-card>h2{text-align:center;color:#9f2633}.delete-recipient-card>p{text-align:center;line-height:1.8;color:#52657b}.delete-recipient-card form{display:grid;gap:13px;margin-top:15px}.delete-recipient-card label{display:grid;gap:8px}.delete-recipient-card input{border-color:#e7b5bb;background:#fffafb}.delete-recipient-card input:focus{border-color:#c2414d;box-shadow:0 0 0 4px rgba(194,65,77,.10)}.delete-modal-actions{display:flex;gap:9px;margin-top:4px}.delete-modal-actions .btn{flex:1}.delete-modal-actions button:disabled{opacity:.48;cursor:not-allowed;transform:none}.delete-recipient-btn{white-space:nowrap}@media(max-width:700px){.delete-recipient-card{border-radius:22px}.delete-modal-actions{flex-direction:column}.delete-modal-actions .btn{width:100%}}