/* AEOTEE Security & Devices | dedicated visual shell (no security-state logic).
   The fullscreen backdrop is a BUTTON. Reset its native border/outline so it cannot
   draw the white rectangular frame visible around the entire viewport in Chromium. */
.app.premium-ready>#signatureHubBackdrop.signature-hub-backdrop{
 -webkit-appearance:none!important;appearance:none!important;
 border:0!important;outline:0!important;border-radius:0!important;
 margin:0!important;padding:0!important;box-shadow:none!important;
 background-clip:padding-box!important;min-width:0!important;min-height:0!important;
 line-height:0;font-size:0}
.app.premium-ready.security-hub-open>#signatureHubBackdrop.signature-hub-backdrop{
 background:rgba(7,7,27,.70)!important;backdrop-filter:blur(5px)!important}
.app.premium-ready>#signatureHubBackdrop.signature-hub-backdrop:focus-visible{
 outline:0!important;border:0!important;box-shadow:none!important}

/* Restraint, contrast and consistent inset rhythm throughout the drawer. */
.app.premium-ready>.signature-security-hub{
 background:radial-gradient(ellipse 300px 200px at 105% -9%,#6b3a9352,transparent),
 linear-gradient(155deg,#1c1b40,#171631 68%,#13152f)!important;
 border-color:#a58ad570!important;color:#f7f0ff!important;
 box-shadow:0 26px 85px #040518a6!important}
.app.premium-ready .signature-hub-header{
 position:relative;z-index:1;display:flex;align-items:center;
 flex:0 0 auto;min-height:75px;padding:17px 17px 14px!important;
 border-bottom:1px solid #ffffff1d!important;
 background:linear-gradient(105deg,#252145ba,#171834d9)!important}
.app.premium-ready .signature-hub-heading{align-items:center;gap:11px}
.app.premium-ready .signature-hub-heading h2{
 font-size:16px!important;font-weight:780;letter-spacing:-.035em;line-height:1.14;
 color:#fff7ff!important;margin-bottom:5px}
.app.premium-ready .signature-hub-heading p{
 font-size:10px;line-height:1.45;color:#c8bfde!important;margin:0}
.app.premium-ready .signature-hub-shield{
 width:38px;height:38px;flex:0 0 38px;border-radius:13px;
 font-size:23px;color:#ffe2f4;border:1px solid #da97ed82;
 background:linear-gradient(135deg,#6e50a7,#4e3d91);
 box-shadow:inset 0 1px 0 #ffffff45,0 3px 16px #b56aef2a}
.app.premium-ready .signature-hub-close{
 display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;
 border-radius:50%;color:#fff0ff;border:1px solid #d6a8f25c;
 background:#2c2750;cursor:pointer;font-size:22px}
.app.premium-ready .signature-hub-close:hover{background:#4c3b75}
.app.premium-ready .signature-hub-scroll{
 flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;
 overscroll-behavior-y:contain;padding:13px 13px 16px!important;
 scrollbar-color:#785ba4 transparent;scrollbar-width:thin}
.app.premium-ready .signature-hub-scroll::-webkit-scrollbar{width:5px}
.app.premium-ready .signature-hub-scroll::-webkit-scrollbar-thumb{
 background:#795e9c;border-radius:9px}
.app.premium-ready .signature-hub-hero{
 position:relative;isolation:isolate;display:grid;
 grid-template-columns:102px minmax(0,1fr);gap:9px;align-items:center;
 min-height:154px;padding:13px 13px 12px 9px;margin-bottom:12px;
 border:1px solid #ca87dc65;border-radius:17px;
 background:radial-gradient(ellipse at 3% 7%,#da7fce42,transparent 58%),
 linear-gradient(135deg,#423069,#26244f 73%,#24244c);
 overflow:hidden;box-shadow:inset 0 1px 0 #ffffff1e}
.app.premium-ready .signature-hub-hero::after{
 content:"";position:absolute;width:128px;height:128px;right:-72px;top:-73px;
 border-radius:50%;border:1px solid #ffffff2c;pointer-events:none}
.app.premium-ready .signature-hub-art{
 width:102px;height:117px;min-width:0;min-height:0;
 position:relative;display:grid;place-items:center;overflow:visible}
.app.premium-ready .signature-hub-art::before{
 width:108px;height:88px;top:13px;left:0;background:#db88ec52;
 filter:blur(24px);border-radius:50%;z-index:-1}
.app.premium-ready .signature-hub-art>svg{width:78px;height:87px;max-width:100%;
 filter:drop-shadow(0 0 12px #f29cda79)}
.app.premium-ready .signature-orbit{top:59px;left:51%;width:106px;height:38px;
 border-color:#d4a1ff9b;border-width:1px}
.app.premium-ready .signature-orbit-two{width:93px;height:34px;border-color:#ff9cdb8e}
.app.premium-ready .signature-hub-status{text-align:left;padding:0!important;min-width:0}
.app.premium-ready .signature-hub-kicker{
 display:block;font-size:8px;letter-spacing:.12em;font-weight:800;
 color:#ffbde4;margin:0 0 9px;line-height:1.35}
.app.premium-ready .signature-hub-status strong{
 display:block;font-size:15px;line-height:1.25;font-weight:780;
 letter-spacing:-.026em;color:#fff9ff}
.app.premium-ready .signature-hub-status p{
 font-size:10px;line-height:1.52;color:#ded0ee!important;margin:9px 0 0}
.app.premium-ready .signature-hub-checks{
 grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 18px}
.app.premium-ready .signature-hub-checks button{
 min-height:64px;padding:9px 2px;gap:6px;border:1px solid #71619368;
 background:linear-gradient(170deg,#322e57,#252548);
 border-radius:13px;color:#eee7f8;box-shadow:inset 0 1px 0 #ffffff12}
.app.premium-ready .signature-hub-checks button span{font-size:20px;color:#f2bae9}
.app.premium-ready .signature-hub-checks button b{font-size:9px;letter-spacing:.02em}
.app.premium-ready .signature-hub-tabs{
 border-bottom:1px solid #ffffff1f;padding:0 1px 11px;margin:0 0 9px}
.app.premium-ready .signature-hub-tabs h3{
 font-size:10px;letter-spacing:.12em;color:#f3d5fb;font-weight:770}
.app.premium-ready .signature-hub-tabs p{font-size:10px;color:#bdb4d5;margin-top:5px}
.app.premium-ready .signature-hub-feature{
 min-height:59px;gap:12px;padding:9px 11px;margin:7px 0;border-radius:13px;
 border:1px solid #75669c7c;
 background:linear-gradient(108deg,#2c294f,#252445);
 box-shadow:inset 0 1px 0 #ffffff12;transition:border-color .15s,transform .15s}
.app.premium-ready .signature-hub-feature:hover{border-color:#e2a3f2;transform:translateX(2px)}
.app.premium-ready .signature-hub-feature strong{font-size:12px;color:#fff9ff}
.app.premium-ready .signature-hub-feature small{
 font-size:10px;line-height:1.4;color:#cbc2dd}
.app.premium-ready .signature-feature-icon{
 flex:0 0 37px;width:37px;height:37px;border-radius:11px;
 background:linear-gradient(140deg,#604ba1,#3e3475);
 border:1px solid #b492e98c;color:#f9d7ff;font-size:20px}
.app.premium-ready .signature-connect-card{
 position:relative;overflow:hidden;margin:12px 0;padding:15px;
 border-radius:15px;border:1px solid #e88fd48a;
 background:radial-gradient(ellipse at 93% 15%,#f88cbd3b,transparent 60%),
 linear-gradient(135deg,#493067,#292850 75%)}
.app.premium-ready .signature-connect-kicker{
 color:#ffcee6;font-size:9px;letter-spacing:.13em}
.app.premium-ready .signature-connect-card h3{
 margin:8px 0 6px;color:#fff9ff;font-size:16px;letter-spacing:-.03em}
.app.premium-ready .signature-connect-card p{
 color:#ded0eb;font-size:10.5px;line-height:1.55;margin-bottom:14px}
.app.premium-ready .signature-connect-card button{
 border-radius:12px;min-height:43px;box-shadow:0 5px 16px #df63b02c;
 background:linear-gradient(110deg,#ffafbf,#e17ae0);color:#2d1934}
.app.premium-ready .signature-security-hub :is(button):focus-visible{
 outline:2px solid #ffc9ed!important;outline-offset:2px!important}
@media(max-height:740px){
 .app.premium-ready .signature-hub-header{min-height:65px;padding:12px 14px!important}
 .app.premium-ready .signature-hub-hero{min-height:136px;padding:9px 12px 9px 7px}
 .app.premium-ready .signature-hub-art{height:107px}
 .app.premium-ready .signature-hub-checks button{min-height:55px}
 .app.premium-ready .signature-hub-feature{min-height:55px}
}
@media(max-width:760px){
 .app.premium-ready .signature-hub-header{padding:calc(13px + env(safe-area-inset-top)) 16px 13px!important}
 .app.premium-ready .signature-hub-scroll{padding:12px 15px calc(20px + env(safe-area-inset-bottom))!important}
 .app.premium-ready .signature-hub-hero{grid-template-columns:95px minmax(0,1fr);min-height:145px}
}
@media(max-width:360px){
 .app.premium-ready .signature-hub-hero{grid-template-columns:79px minmax(0,1fr);gap:6px;padding:10px 9px}
 .app.premium-ready .signature-hub-art{width:79px}
 .app.premium-ready .signature-hub-art>svg{width:62px;height:76px}
 .app.premium-ready .signature-hub-status strong{font-size:13px}
 .app.premium-ready .signature-hub-checks{gap:4px}
}
@media(prefers-reduced-motion:reduce){
 .app.premium-ready .signature-hub-feature{transition:none!important;transform:none!important}
}