:root{color-scheme:dark;--bg:#222128;--surface:#2b2a33;--surface-raised:#33323d;--surface-soft:#302f39;--text:#fbfbfe;--muted:#aaa8b8;--line:#41404d;--accent:#c3b5ed;--accent-text:#282333;--accent-soft:#3c354c;--green:#91c99a;--danger:#ff959b;--radius:18px;--app_main:var(--surface);--app_main_text:var(--text);--app_bg:var(--bg);--app_card:var(--surface);--app_card_text:var(--text);--app_alert:var(--surface-soft);--app_alert_text:var(--text);--app_alert_light:var(--surface-soft);--app_alert_text_light:var(--text);--app_bt_main:var(--surface-raised);--app_bt_main_text:var(--text);--app_bt_main_hover:var(--accent-soft);--app_bt_main_text_hover:var(--text);--app_badge_main:var(--accent);--app_badge_main_text:var(--accent-text);--app_dropdown:var(--surface-raised);--app_dropdown_text:var(--text);--app_dropdown_hover:var(--accent-soft);--app_dropdown_hover_text:var(--text);--app_hr:var(--line);--app_divider:var(--line);--app_link:var(--text);--app_link_hover:var(--accent);--app_dialog:var(--surface);--app_dialog_text:var(--text);--app_danger:var(--danger);--app_success:#91c99a}
:root[data-theme=light]{color-scheme:light;--bg:#f5f4f7;--surface:#fff;--surface-raised:#f1eff5;--surface-soft:#efedf4;--text:#2b2a33;--muted:#6e6b7b;--line:#e2dfe8;--accent:#67508e;--accent-text:#fff;--accent-soft:#eee7f7;--green:#397b47;--danger:#c83345}
*{box-sizing:border-box}html{min-height:100%;scroll-padding-top:95px}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{color:inherit}img{max-width:100%;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h1{font-weight:600}h2{font-size:22px;font-weight:600}h3{font-size:16px;font-weight:600}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.icon{flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:9999;padding:12px 20px;background:var(--accent);color:var(--accent-text);border-radius:10px}.skip-link:focus{top:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--muted);margin-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 18px;border:1px solid var(--line);background:var(--surface-raised);color:var(--text);border-radius:11px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--accent-soft);color:var(--text)}.button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.button.primary:hover{filter:brightness(1.07)}.button .icon{width:18px;height:18px}.text-button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:5px 0;color:var(--muted);font-size:12px;min-height:32px}.text-button:hover{color:var(--accent)}.text-button .icon{width:16px;height:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:9px;background:transparent;border:0;border-radius:12px;color:var(--muted)}.icon-button:hover{background:var(--surface-raised);color:var(--text)}.icon-button .icon{width:21px;height:21px}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:700;letter-spacing:-1.5px;color:var(--text)}.brand:hover{color:var(--text)}.brand-logo{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:#2b2a33;border:1px solid #514e60;border-radius:12px}.brand-logo img{width:29px;max-height:30px;object-fit:contain}.brand-dot{color:var(--accent)}.top-actions{display:flex;align-items:center;gap:8px}.language-select{border:0;background:transparent;color:var(--muted);font-size:12px;padding:8px;max-width:150px;cursor:pointer}.language-select option{color:var(--text);background:var(--surface)}
/* Sign in */
.auth-shell{display:block;background:var(--bg)}.auth-topbar{max-width:1260px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:32px 48px}.auth-layout{max-width:1164px;margin:48px auto 70px;display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;padding:0 48px}.auth-story{position:relative;padding-top:18px}.auth-story .eyebrow{font-size:10px;color:var(--accent)}.auth-story h1{font-size:68px;line-height:1.12;margin:21px 0 22px;letter-spacing:-3.4px}.auth-story h1 span{color:var(--accent)}.auth-intro{max-width:370px;font-size:15px;line-height:1.9}.auth-values{display:flex;gap:28px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.auth-values span{display:flex;align-items:center;gap:8px}.auth-values .icon{width:17px;height:17px;color:var(--accent)}.brand-art{position:relative;width:360px;height:225px;margin:14px 0 20px 25px}.art-orbit{position:absolute;width:190px;height:190px;left:90px;top:10px;border:1px solid var(--line);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:210px;height:165px;top:20px;left:70px}.orbit-two{width:290px;height:190px;top:12px;left:30px;transform:rotate(25deg)}.orbit-three{width:165px;height:220px;top:0;left:95px;transform:rotate(35deg)}.art-center{position:absolute;left:130px;top:58px;width:100px;height:100px;border:1px solid #5b546d;border-radius:28px;transform:rotate(-10deg);display:grid;place-items:center;background:#302c3b;box-shadow:0 20px 45px #0002}.art-center img{width:70px;max-height:70px;object-fit:contain;transform:rotate(10deg)}.art-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 15px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:11px;box-shadow:0 6px 20px #0001}.art-chip .icon{width:16px;height:16px;color:var(--accent)}.chip-one{top:33px;left:2px;transform:rotate(-6deg)}.chip-two{bottom:33px;right:2px;transform:rotate(7deg)}.art-spark{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%}.spark-one{top:18px;right:39px}.spark-two{bottom:31px;left:61px;background:var(--green)}.auth-form-panel{padding:35px 35px 22px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 22px 70px #0001}.tiny-label{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--accent)}.form-heading h2{font-size:29px;margin:10px 0}.form-heading p{font-size:13px;margin-bottom:28px}.auth-form-panel label:not(.adult-check){display:block;font-size:12px;font-weight:600;margin-bottom:8px}.auth-form-panel input:not([type=checkbox]){width:100%;height:47px;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:0 13px;outline-offset:1px;font-size:13px}.auth-form-panel input::placeholder{color:var(--muted);opacity:.7}.password-label{display:flex;align-items:baseline;justify-content:space-between;margin-top:21px}.password-label a{font-size:10px;color:var(--muted)}.password-input{position:relative}.password-input input{padding-right:65px!important}.password-toggle{position:absolute;right:8px;top:5px;height:37px;border:0;background:none;color:var(--muted);font-size:10px;padding:0 9px}.adult-check{display:flex;align-items:flex-start;gap:10px;margin:19px 0 22px;font-size:10px;color:var(--muted);line-height:1.7}.adult-check input{width:15px;height:15px;flex-shrink:0;margin:2px 0;accent-color:var(--accent)}.login-button{width:100%;justify-content:space-between;font-size:13px;min-height:47px}.form-error{color:var(--danger);font-size:12px;line-height:1.7;margin:12px 0}.auth-divider{display:flex;align-items:center;gap:12px;margin:25px 0 20px;font-size:10px;color:var(--muted)}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.create-button{width:100%;justify-content:space-between;background:transparent;font-size:12px}.auth-terms{text-align:center;font-size:9px;line-height:1.7;margin:16px 0 25px}.registry-link{display:flex;align-items:center;gap:8px;padding-top:19px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.registry-link .icon{width:15px;height:15px}.registry-link .icon:last-child{margin-left:auto}.auth-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1260px;margin:auto;padding:22px 48px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.auth-footer>div{display:flex;gap:24px;align-items:center}.auth-footer .text-button{font-size:10px;min-height:0}.version-label{font-size:9px;white-space:nowrap}
/* Application navigation */
.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr) 258px;align-items:start;overflow:auto}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100dvh;border-right:1px solid var(--line);padding:30px 19px 18px;background:var(--surface);z-index:30}.sidebar>.brand{margin:0 10px 39px}.sidebar-caption{margin:0 14px 13px;font-size:9px;letter-spacing:.16em}.primary-nav{display:flex;flex-direction:column;gap:7px}.nav-item{position:relative;display:flex;align-items:center;gap:14px;min-height:48px;width:100%;padding:12px 16px;border:0;border-radius:12px;background:transparent;text-align:left;color:var(--muted);font-size:12px;font-weight:600}.nav-item>.icon{width:21px;height:21px}.nav-item:hover{background:var(--surface-soft);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:3px;background:var(--accent)}.nav-badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:var(--accent-text);padding:0 5px;font-size:9px;margin-left:auto}.nav-badge[hidden]{display:none!important}.sidebar-secondary{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.sidebar-secondary .nav-item{min-height:44px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:22px}.sidebar-bottom>.nav-item{font-size:11px}.sidebar-account{display:flex;align-items:center;gap:10px;margin-top:14px;padding:18px 3px 0;border-top:1px solid var(--line);min-width:0}.sidebar-account>img{width:35px;height:35px;object-fit:cover;border-radius:12px}.sidebar-account>div{min-width:0;flex:1}.sidebar-account strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account span{font-size:9px;color:var(--muted)}.sidebar-account .icon-button{min-width:30px;width:30px;padding:5px}.sidebar-account .icon{width:17px;height:17px}.engine-nav{display:none!important}.main-column{min-width:0;padding:0 34px}.topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;min-height:100px;background:var(--bg);border-bottom:1px solid var(--line);z-index:20;gap:20px}.topbar .eyebrow{margin:0 0 5px;font-size:8px}.topbar h1{font-size:23px;display:block;margin:0}.top-avatar{background:none;border:0;padding:4px}.top-avatar img{width:32px;height:32px;object-fit:cover;border-radius:10px}.main-column main{min-width:0;padding-top:25px}.context-rail{position:sticky;top:0;padding:120px 24px 25px 0;min-width:0}.rail-intro{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:23px 20px}.rail-intro .eyebrow{font-size:8px;color:var(--accent)}.rail-intro h2{font-size:21px;line-height:1.35;margin:14px 0}.rail-intro p{font-size:11px;line-height:1.9;margin-bottom:20px}.rail-intro .button{font-size:10px;width:100%;padding:9px 12px;justify-content:space-between}.rail-install{padding:27px 10px 25px;border-bottom:1px solid var(--line)}.rail-install>.icon{color:var(--accent);width:22px;height:22px;margin-bottom:14px}.rail-install h3{font-size:14px;margin:0 0 8px}.rail-install p{font-size:11px;line-height:1.8;margin:0 0 7px}.rail-install .text-button{color:var(--accent);font-size:11px}.rail-links{display:flex;flex-wrap:wrap;gap:3px 16px;padding:19px 10px 9px;font-size:10px;color:var(--muted)}.rail-links .text-button{font-size:10px;min-height:26px}.rail-links>a{padding-top:5px}.rail-note{padding:0 10px;font-size:9px;line-height:1.9;opacity:.7}.app-footnote{display:flex;gap:19px;align-items:center;margin:35px 0 20px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.app-footnote a{margin-left:auto}
/* Home */
.welcome-panel{position:relative;display:flex;align-items:center;gap:10px;justify-content:space-between;overflow:hidden;padding:31px 30px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.welcome-panel>.welcome-mark{flex:0 0 100px;height:130px;display:grid;place-items:center;border:1px solid #696072;border-radius:80px 80px 25px 25px;background:#34303f;transform:rotate(7deg);margin-right:10px}.welcome-mark img{width:68px;max-height:70px;object-fit:contain;transform:rotate(-7deg)}.welcome-panel .eyebrow{font-size:8px;color:var(--accent);margin-bottom:13px}.welcome-panel h1{font-size:27px;max-width:370px;margin:0 0 12px;overflow-wrap:anywhere}.welcome-panel p:not(.eyebrow){font-size:12px;line-height:1.9;max-width:320px}.welcome-panel .button{font-size:11px;margin-top:7px;min-height:40px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0 30px}.overview-card{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:15px;min-width:0;padding:17px 17px 14px;text-align:left}.overview-card:hover{border-color:var(--accent)}.stat-icon{width:32px;height:32px;background:var(--surface-raised);display:grid;place-items:center;border-radius:10px;color:var(--accent)}.stat-icon .icon{width:17px;height:17px}.overview-card strong{font-size:23px;letter-spacing:-1px;margin-left:auto;font-weight:600}.overview-card>span:last-of-type{width:100%;font-size:9px;color:var(--muted);padding-top:8px}.overview-card>.icon{position:absolute;bottom:17px;right:15px;width:13px;height:13px;color:var(--muted)}.connections-panel{margin-bottom:31px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}.section-heading .eyebrow{font-size:8px;margin-bottom:7px}.section-heading h2{font-size:19px;margin:0}.section-heading .text-button{font-size:10px;white-space:nowrap}.empty-connections{display:flex;gap:16px;align-items:center;padding:23px;background:var(--surface);border:1px dashed var(--line);border-radius:16px}.empty-connections>.icon{color:var(--accent);width:29px;height:29px}.empty-connections h3{font-size:13px;margin:0 0 7px}.empty-connections p{font-size:10px;line-height:1.7;margin:0}.empty-connections .button{margin-left:auto;font-size:10px;min-height:36px;flex-shrink:0}.connection-strip{display:flex;gap:19px;overflow:auto;padding:8px 1px 10px}.connection-person{border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:7px;min-width:65px;max-width:80px}.connection-person img{width:55px;height:55px;object-fit:cover;border-radius:18px;border:2px solid var(--line);padding:3px}.connection-person span{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.connection-person small{font-size:8px;color:var(--green)}.registry-heading{padding-top:7px}.registry-content>.alert{border-radius:13px;font-size:11px;margin-bottom:15px;padding:18px}.registry-content>.alert a{color:var(--accent)}
/* Migrated features, styled within the new shell. */
.app-shell #APP_CONTAINER{margin:0!important;padding:0!important;width:100%!important;overflow:visible!important;height:auto!important;max-height:none!important;min-width:0}.app-shell #app_content{width:100%!important;max-width:none!important;flex-basis:100%!important;margin:0!important;padding:0!important}.app-shell #tabs-app{height:auto!important;overflow:visible!important}.app-shell .cg-tab-pane{padding:0!important;overflow:visible!important;height:auto!important}.app-shell .cg-tab-pane:not(.active.show){display:none!important}.app-shell .card{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:19px;box-shadow:none;overflow:visible;color:var(--text)}.app-shell .card-header{background:transparent;border:0;border-bottom:1px solid var(--line);padding:18px 21px;font-size:13px;font-weight:600;border-radius:16px 16px 0 0}.app-shell .card-header .fa-lg{font-size:15px;color:var(--accent)}.app-shell .card-body{padding:22px;overflow-wrap:anywhere}.app-shell .card-body.h100{height:auto!important;max-height:none!important;overflow:visible}.app-shell .card-body:after{content:"";display:table;clear:both}.app-shell .card-thin{padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);height:calc(100% - 15px);margin-bottom:15px;transition:border-color .2s}.app-shell .card-thin:hover{border-color:var(--accent)}.app-shell .row{margin-left:-8px;margin-right:-8px}.app-shell .row>[class*=col-]{padding-left:8px;padding-right:8px;min-width:0}.app-shell .form-group{margin-bottom:20px}.app-shell .form-control,.app-shell select,.app-shell textarea{min-height:44px;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:10px 12px;box-shadow:none;width:100%;font-size:12px}.app-shell textarea{line-height:1.7}.app-shell label{font-size:11px;margin-bottom:8px;display:inline-block;color:var(--muted)}.app-shell input[type=checkbox],.app-shell input[type=radio]{accent-color:var(--accent);width:16px;height:16px;vertical-align:middle}.app-shell .bt{border-radius:9px;min-height:39px;padding:8px 13px;font-family:inherit;font-size:11px;border:1px solid var(--line);white-space:normal;display:inline-flex;align-items:center;gap:5px;justify-content:center}.app-shell .bt-main{background:var(--surface-raised);color:var(--text)}.app-shell .bt-main:hover{background:var(--accent-soft);border-color:var(--accent)}.app-shell .bt-success{background:var(--green);color:#15291b}.app-shell .bt-danger{background:var(--danger);color:#351019}.app-shell .list-item{padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.app-shell .list-item:first-child{padding-top:5px}.app-shell .list-item:last-child{border-bottom:0}.app-shell .list-item img{max-width:64px;max-height:64px;object-fit:cover}.app-shell .list-item td{font-size:11px}.app-shell h3{font-size:15px;letter-spacing:-.02em}.app-shell hr{border:0;border-top:1px solid var(--line);margin:24px 0}.app-shell .sr_photo{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}.app-shell .img-circle{object-fit:cover}.app-shell .badge{border-radius:6px;font-size:9px}.app-shell .badge-main{background:var(--accent);color:var(--accent-text)}.app-shell .select2-container{max-width:100%}.app-shell .select2-container .select2-selection--single{height:43px;line-height:43px;padding:5px 4px;background:var(--bg);border:1px solid var(--line);border-radius:9px}.app-shell .select2-container .select2-selection__rendered{color:var(--text);font-size:12px}.app-shell .select2-container .select2-selection__arrow{height:43px}.app-shell .select2-dropdown,.app-shell .select2-search__field,.app-shell .select2-selection--multiple{background:var(--surface);color:var(--text);border-color:var(--line)}.app-shell .select2-container--default .select2-results__option[aria-selected=true],.app-shell .select2-results__option--highlighted[aria-selected]{background:var(--accent-soft);color:var(--text)}.app-shell .select2-selection__choice{background:var(--surface-raised)!important;border-color:var(--line)!important}.app-shell .form-help{font-size:10px;color:var(--muted)}.app-shell .cg-dropdown-content{background:var(--surface-raised);color:var(--text);border:1px solid var(--line);border-radius:12px;z-index:50;box-shadow:0 10px 30px #0003}.app-shell .cg-dropdown-content a{font-size:12px;padding:12px;color:var(--text)}.app-shell .cg-dialogbox{border-radius:18px;max-height:90dvh;max-width:calc(100vw - 28px);background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 25px 90px #0006}.app-shell .cg-dialogbox .body{overflow:auto}.app-shell .cg-dialogbox .header,.app-shell .cg-dialogbox .footer{background:var(--surface);color:var(--text)}.app-shell .alert{background:var(--surface-soft);color:var(--muted);border:1px solid var(--line);border-radius:11px}.app-shell .chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px}.app-shell .chat-sidebar{max-width:none!important;width:auto!important}.app-shell .chat-compose textarea{font-size:13px}.app-shell .chat-message{border-radius:13px;box-shadow:none}.app-shell .chat-message.mine{background:var(--accent);color:var(--accent-text)}.app-shell .chat-message.theirs{background:var(--surface-raised);color:var(--text)}.app-shell .chat-messages{height:45dvh;min-height:250px;max-height:600px;overflow:auto;padding:10px}.app-shell .chat-empty{font-size:12px;padding:35px 15px;color:var(--muted)}.app-shell .chat-typing{background:var(--surface-raised);color:var(--muted)}.app-shell .chat-room-item{padding:12px 2px}.app-shell .chat-tabs .bt{font-size:9px;padding:6px 8px}.app-shell .chat-start-form label{display:block}.app-shell .chat-premium-note{font-size:11px;color:var(--muted)}.app-shell table{max-width:100%}.app-shell .settings-panel{padding:30px;max-width:650px;margin:0 auto}.settings-panel h2{font-size:25px}.settings-panel>p{font-size:12px;margin:12px 0 28px}.settings-panel>label{display:block}.settings-panel>select{margin-bottom:25px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;background:none;border:0;border-bottom:1px solid var(--line);width:100%;padding:17px 0;color:var(--text);text-align:left;font-size:12px}.settings-row:hover{color:var(--accent)}.settings-row>span:last-child{color:var(--muted)}.logout-button{margin-top:25px;color:var(--danger)}.page-error{margin:20px 0;padding:18px;background:var(--surface);color:var(--danger);border:1px solid var(--danger);border-radius:12px;font-size:12px}.is-loading .topbar:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;width:28%;background:var(--accent);animation:load 1.4s ease-in-out infinite}@keyframes load{0%{left:0;opacity:.3}50%{opacity:1}100%{left:72%;opacity:.3}}
/* Install / offline */
.install-dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:20px;padding:35px;max-width:420px;width:calc(100% - 35px);box-shadow:0 20px 80px #0005}.install-dialog::backdrop{background:#1119;backdrop-filter:blur(4px)}.install-dialog>.icon{color:var(--accent);margin-bottom:20px}.install-dialog h2{font-size:25px}.install-dialog p{font-size:13px;line-height:1.9}.dialog-close{position:absolute;right:10px;top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:9999;background:var(--text);color:var(--bg);padding:14px 22px;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:calc(100vw - 35px);width:max-content;font-size:12px}.offline{max-width:430px;padding:60px 25px;margin:auto}.offline img{width:60px;margin-bottom:40px}.offline h1{font-size:34px}.offline p{line-height:1.9}
@media(min-width:1600px){.app-shell{grid-template-columns:265px minmax(0,1050px) 285px;justify-content:center}.main-column{padding:0 50px}.context-rail{padding-right:30px}.sidebar{border-left:1px solid var(--line)}}
@media(max-width:1250px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar .brand{font-size:25px}.context-rail{display:none}.main-column{padding:0 30px}.auth-layout{gap:55px}.auth-story h1{font-size:59px}.app-shell .chat-layout{grid-template-columns:minmax(0,1fr) 190px}}
@media(max-width:950px) and (min-width:761px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar .brand>span:last-child,.sidebar-caption,.sidebar .nav-item>span:not(.nav-badge),.sidebar-account>div,.sidebar-account>.icon-button{display:none}.sidebar>.brand{margin:0 auto 35px}.sidebar .nav-item{justify-content:center;padding:12px}.sidebar .nav-badge{position:absolute;right:0;top:0}.sidebar-account{justify-content:center}.sidebar-secondary{margin-top:20px}.sidebar-account>img{width:36px;height:36px}.auth-layout{padding:0 30px;gap:30px}.auth-story h1{font-size:50px}.auth-form-panel{padding:28px 25px}.brand-art{transform:scale(.85);transform-origin:left center;margin-left:0;width:320px}.auth-values{gap:15px;font-size:9px}}
@media(max-width:760px){html{scroll-padding-top:86px}.auth-topbar{padding:22px 23px}.brand{font-size:24px}.brand-logo{width:35px;height:35px;border-radius:10px}.brand-logo img{width:26px}.auth-layout{display:block;margin:22px auto 30px;padding:0 23px;max-width:470px}.auth-story{padding-top:0}.auth-story>.eyebrow{font-size:8px;margin-bottom:16px}.auth-story h1{font-size:45px;letter-spacing:-2px;line-height:1.15;margin:12px 0 15px}.auth-intro{font-size:12px;line-height:1.9;max-width:320px;margin-bottom:24px}.auth-story h1 br{display:none}.auth-story h1 span{display:block}.brand-art,.auth-values{display:none}.auth-form-panel{padding:26px 24px 20px;border-radius:19px}.form-heading h2{font-size:26px}.form-heading p{font-size:12px;margin-bottom:24px}.auth-footer{padding:20px 23px;flex-wrap:wrap;gap:15px;font-size:9px}.auth-footer>div{gap:15px}.auth-footer .version-label{display:none}.auth-footer .text-button{font-size:9px}.auth-topbar .language-select{font-size:10px;max-width:108px}.auth-topbar .top-actions{gap:0}.app-shell{display:block;padding-bottom:calc(84px + env(safe-area-inset-bottom));overflow:auto}.sidebar{position:static;display:contents;height:auto;border:0;padding:0;background:none}.sidebar>.brand,.sidebar-caption,.sidebar-secondary,.sidebar-bottom{display:none}.primary-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;flex-direction:row;align-items:stretch;gap:0;background:var(--surface);border-top:1px solid var(--line);padding:8px 6px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0001}.primary-nav>.nav-item{flex:1;flex-direction:column;justify-content:center;gap:5px;min-width:0;width:auto;min-height:50px;border-radius:11px;padding:6px 1px;font-size:8px;font-weight:400;line-height:1.3;text-align:center}.primary-nav>.nav-item .icon{width:21px;height:21px}.primary-nav>.nav-item.active{color:var(--accent);background:var(--accent-soft)}.primary-nav>.nav-item.active:before{display:none}.primary-nav .nav-badge{position:absolute;top:0;right:calc(50% - 23px);min-width:15px;height:15px;font-size:8px;border:2px solid var(--surface);padding:1px 3px}.main-column{padding:0 18px}.topbar{min-height:81px;gap:10px;padding-top:env(safe-area-inset-top)}.topbar h1{font-size:22px}.topbar .eyebrow{font-size:8px}.topbar .top-actions{gap:3px}.theme-control{display:none}.topbar .icon-button{min-width:34px;min-height:38px;padding:6px}.top-avatar img{width:30px;height:30px}.main-column main{padding-top:19px}.welcome-panel{padding:23px 20px;border-radius:17px;gap:9px}.welcome-panel h1{font-size:23px;line-height:1.3}.welcome-panel p:not(.eyebrow){font-size:11px;max-width:240px}.welcome-panel>.welcome-mark{flex-basis:68px;height:99px;margin-right:0;border-radius:50px 50px 20px 20px}.welcome-mark img{width:48px}.welcome-panel .button{font-size:10px;padding:9px 11px;min-height:38px}.welcome-panel .eyebrow{font-size:7px;margin-bottom:11px}.overview-grid{gap:8px;margin:13px 0 25px}.overview-card{padding:13px 10px 12px;border-radius:12px;gap:5px}.stat-icon{width:25px;height:25px;border-radius:8px}.stat-icon .icon{width:14px;height:14px}.overview-card strong{font-size:20px}.overview-card>span:last-of-type{font-size:8px;line-height:1.6;min-height:32px;padding-top:5px}.overview-card>.icon{display:none}.section-heading h2{font-size:18px}.section-heading .eyebrow{font-size:7px}.section-heading .text-button{font-size:9px}.empty-connections{padding:18px;gap:12px;flex-wrap:wrap}.empty-connections>.icon{width:22px}.empty-connections>div{flex:1;min-width:160px}.empty-connections h3{font-size:12px}.empty-connections .button{margin-left:34px}.app-shell .card-header{padding:16px;font-size:12px}.app-shell .card-body{padding:16px}.app-shell .card{border-radius:14px}.app-shell .card-body .row>[class*=col-]{margin-bottom:7px}.app-shell .list-item table{display:block;width:100%!important}.app-shell .list-item td{width:auto!important;max-width:100%;padding:6px;vertical-align:top;font-size:11px}.app-shell .list-item td:first-child{min-width:65px;max-width:75px}.app-shell .list-item td:first-child img{max-height:45px;max-width:45px}.app-shell .list-item .pull-right{float:none!important;font-size:9px;color:var(--muted)}.app-shell .cg-dialogbox{width:calc(100vw - 24px)!important;max-width:none!important;max-height:calc(100dvh - 120px)}.app-shell .chat-layout{display:flex;flex-direction:column;gap:15px}.app-shell .chat-sidebar{order:-1;border:0;border-bottom:1px solid var(--line);padding-bottom:12px}.app-shell .chat-room-list{max-height:190px;overflow:auto}.app-shell .chat-room-item{padding:9px 0}.app-shell .chat-main{min-width:0}.app-shell .chat-start-controls{flex-wrap:wrap}.app-shell .chat-start-controls input{min-width:140px;flex:1}.app-shell .chat-messages{height:43dvh;min-height:220px}.app-shell .chat-message{max-width:92%;font-size:12px}.app-shell .chat-compose{align-items:flex-end}.app-shell .chat-compose .bt{min-width:40px}.app-shell .settings-panel{padding:24px 20px}.settings-panel h2{font-size:23px}.settings-row{min-height:50px}.app-shell .sr_photo_max{max-height:65dvh;max-width:100%}#toast{bottom:calc(88px + env(safe-area-inset-bottom));font-size:11px}.install-dialog{padding:30px 25px}.app-footnote{margin-top:26px;font-size:8px}.context-rail{display:none}}
@media(max-width:370px){.main-column{padding:0 12px}.welcome-panel>.welcome-mark{display:none}.primary-nav>.nav-item{font-size:7px}.auth-topbar{padding:19px}.auth-layout{padding:0 16px}.auth-form-panel{padding:24px 20px}.auth-story h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.app-shell .app-dialog-box{top:4dvh;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 25px 90px #0006;max-width:calc(100vw - 28px);max-height:88dvh}.app-shell .app-dialog-box-header{padding:18px 23px;border-bottom:1px solid var(--line);background:var(--surface);color:var(--text)}.app-shell .app-dialog-box-header h2{font-size:18px;margin:0}.app-shell .app-dialog-box-body{padding:23px;max-height:65dvh;overflow:auto;font-size:12px}.app-shell .app-dialog-box-footer{padding:15px 23px;border-top:1px solid var(--line);background:var(--surface)}.app-shell .app-dialog-box-body .row{max-width:100%;margin:0}.app-shell .app-dialog-box-body .form-control{max-width:100%}.app-shell .app-dialog-box-body .sr_photo_max{max-height:58dvh;max-width:100%}.app-shell .chat-unread{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;font-size:9px;background:var(--accent);color:var(--accent-text);border-radius:10px}.app-shell .chat-avatar{width:38px;height:38px;object-fit:cover;border-radius:12px}.app-shell .chat-room-item{min-width:0}.app-shell .chat-start-controls{min-width:0}.app-shell #zone-search-scroll{height:auto!important;max-height:none!important;overflow:visible!important}.v4-load-more{display:block;margin:20px auto}

.app-shell .brand>span:last-child{font-size:27px;font-weight:700;letter-spacing:-1.5px}.app-shell .brand-dot{font-size:inherit}.conversations-card>.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.conversations-card h2{font-size:20px;margin:0 0 6px}.conversations-card .card-header p{font-size:11px;font-weight:400;margin:0}.conversations-card .card-header .button{font-size:10px}.app-shell .conversation-preview{display:flex;gap:16px;align-items:center;min-width:0;padding:23px 0}.app-shell .conversation-avatar{width:49px;height:49px;object-fit:cover;border-radius:15px}.conversation-copy{min-width:0;flex:1}.conversation-meta{display:flex;align-items:baseline;gap:15px;justify-content:space-between}.conversation-meta strong{font-size:12px;font-weight:600}.conversation-meta time{font-size:9px;color:var(--muted);white-space:nowrap}.conversation-copy .c_subject{display:block;font-size:12px;margin:3px 0}.conversation-copy p{font-size:11px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.unread-dot{width:6px;height:6px;flex-shrink:0;background:var(--accent);border-radius:50%}.unread .c_subject{color:var(--accent);font-weight:600}@media(max-width:760px){.app-shell .conversation-preview{gap:11px;padding:19px 0}.conversation-meta strong{font-size:10px}.conversation-meta time{font-size:8px}.app-shell .conversation-avatar{width:37px;height:37px;border-radius:11px}.conversation-copy .c_subject{font-size:11px}.conversation-copy p{font-size:10px}.conversations-card h2{font-size:17px}.conversations-card .card-header .button{font-size:9px;padding:8px;min-height:35px}.conversations-card .card-header .button .icon{display:none}}

.app-shell.public-shell{display:block;padding-bottom:0}.public-topbar{max-width:960px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:auto;padding:30px}.public-main{max-width:830px;margin:20px auto 45px;padding:0 25px}.public-main>#app_left,.public-main #app_left,.public-main #app_right{display:none}.public-main #app_content{margin:0 auto!important}.public-main>.row{display:block;margin:0}.public-shell .public-main #app_content{max-width:720px!important;margin:auto!important}.public-main .row{max-width:100%}.public-footer{max-width:900px;margin:auto;border-top:1px solid var(--line);padding:24px 30px;color:var(--muted);font-size:10px}.public-shell .recovery-panel{max-width:480px;margin:40px auto}.recovery-panel .card-body{padding:35px}.recovery-panel h1{display:block;font-size:28px;margin:0 0 17px}.recovery-panel p{font-size:12px;line-height:1.9}.recovery-panel label{display:block}.recovery-panel .form-control{margin-bottom:24px}.recovery-panel form .button{width:100%;justify-content:space-between}.recovery-panel .text-button{margin-top:18px}.reset-result{color:var(--green)}@media(max-width:760px){.public-topbar{padding:22px}.public-topbar .brand>span:last-child{font-size:24px}.public-main{padding:0 16px;margin-top:15px}.public-shell .recovery-panel{margin-top:20px}.recovery-panel .card-body{padding:28px 23px}.public-main .card-body{padding:20px}.public-main #app_content{padding:0!important}.public-main .row{margin:0}.public-main #app_content>.card{width:100%}}

.primary-nav .nav-item>span:not(.nav-badge),.sidebar-secondary .nav-item>span:not(.nav-badge),.sidebar-bottom .nav-item>span{font-size:inherit;line-height:inherit}.connection-strip{scrollbar-width:none}.connection-strip::-webkit-scrollbar{display:none}

.app-shell .input-group{display:flex;gap:8px;align-items:center;width:100%}.app-shell .input-group .form-control{flex:1;min-width:0;width:auto;border-radius:9px!important;height:44px}.search-filter,.search-submit{flex-shrink:0;min-height:44px}.search-filter span{font-size:11px}.filter-panel{padding:22px 0 10px;margin-top:22px;border-top:1px solid var(--line)}.filter-panel h3{margin:0 0 20px}.filter-panel .form-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filter-panel .form-group label{margin-bottom:0}.filter-panel input[type=checkbox]{margin-left:5px!important}.app-shell .input-group .search-filter{padding:10px 12px}.search-submit{padding:10px 12px}@media(max-width:760px){.search-filter span{display:none}.search-filter,.search-submit{padding:10px!important;min-width:40px}.app-shell .filter-panel>.row>.col-xs-12{padding-left:0;padding-right:0}}

.sidebar{overflow-y:auto}@media(max-width:760px){.auth-form-panel input:not([type=checkbox]),.app-shell .form-control,.app-shell select,.app-shell textarea,.select2-search__field{font-size:16px!important}.auth-intro{font-size:14px}.adult-check{font-size:11px}.form-heading p{font-size:13px}.welcome-panel p:not(.eyebrow){font-size:13px}.welcome-panel .button{font-size:12px}.overview-card>span:last-of-type{font-size:10px}.app-shell .card-body{font-size:14px}.app-shell label{font-size:12px}.app-shell .bt{font-size:12px}.primary-nav>.nav-item{font-size:9px}.conversation-meta strong{font-size:12px}.conversation-meta time{font-size:10px}.conversation-copy .c_subject{font-size:13px}.conversation-copy p{font-size:12px}.app-shell .list-item td{font-size:13px}.connection-person span{font-size:11px}.section-heading .text-button{font-size:11px}.settings-row{font-size:14px}}

@media(max-width:760px){.auth-story>.eyebrow,.auth-intro{display:none}.auth-story h1{font-size:32px;line-height:1.2;letter-spacing:-1.3px;margin:6px 0 23px}.auth-story h1 span{display:inline}.auth-story h1 br{display:none}.auth-layout{margin-top:15px}}

/* v4 form corrections and direct card access */
.sidebar-account>img{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;flex:0 0 50px;aspect-ratio:1;object-fit:cover}.wordmark{font-weight:700;letter-spacing:-.055em;font-size:inherit;white-space:nowrap;line-height:inherit}.wordmark .brand-dot{font:inherit;color:var(--accent)}.auth-footer .wordmark,.app-footnote .wordmark,.public-footer .wordmark{font-size:12px}.mobile-card-shortcut{display:none}.sidebar-secondary .card-menu-entry{color:var(--accent)}@media(max-width:760px){.mobile-card-shortcut{display:inline-flex;flex-direction:column;gap:2px;min-width:42px}.mobile-card-shortcut span{font-size:9px;line-height:1.2}.mobile-card-shortcut .icon{width:21px;height:21px}.topbar>div:first-child{min-width:0}.topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

@media(min-width:761px){.sidebar>.brand{margin-bottom:26px}.sidebar-caption{margin-bottom:9px}.primary-nav{gap:4px}.primary-nav>.nav-item{min-height:44px;padding:10px 16px}.sidebar-secondary{margin-top:16px;padding-top:12px}.sidebar-bottom{padding-top:12px}}
/* Card collection, square portrait editor and CR80 previews. */
.card-collection { max-width: 420px; margin-bottom: 24px; }
.card-models { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,360px),1fr)); gap: 20px; margin-bottom: 28px; }
.card-model { display: block; min-width: 0; padding: 16px; border: 1px solid var(--border,#56535f); border-radius: 14px; cursor: pointer; }
.card-model:has(input:checked) { border-color: var(--accent,#bb8aa5); box-shadow: 0 0 0 1px var(--accent,#bb8aa5); }
.card-model-title { display: flex; gap: 9px; align-items: center; margin-bottom: 12px; }
.card-model-title input { accent-color: var(--accent,#bb8aa5); width: 18px; height: 18px; flex: 0 0 18px; }
.card-faces { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.card-faces > img, .card-personal-front { width: 100%; aspect-ratio: 85.6 / 53.98; border-radius: 5px; overflow: hidden; }
.card-personal-front { display: block; position: relative; background: #383838 url('/img/card/dark/r_background.jpg') center / 100% 100%; color: white; container-type: inline-size; }
.card-photo-placeholder, .card-personal-front .card-photo-preview { position: absolute; left: 2.336%; top: 27.788%; width: 23.365%; height: 37.051%; object-fit: cover; border-radius: 0; }
.card-photo-placeholder { display: grid; place-items: center; text-align: center; background: #555; border: 1px dashed #ddd; font-size: 6cqw; line-height: 1.2; }
.card-personal-front.sub .card-photo-placeholder, .card-personal-front.sub .card-photo-preview { top: 3.705%; }
.card-print-ident { position: absolute; left: 29.2%; top: 37%; width: 64.25%; font-size: 7cqw; line-height: 1.2; text-align: center; overflow-wrap: anywhere; }
.card-personal-front.sub .card-print-ident { left: 25.7%; top: 18.5%; width: 71.2%; }
.card-print-number { position: absolute; left: 0; top: 65%; width: 100%; text-align: center; font-size: 5cqw; }
.card-personal-front .card-print-barcode { position: absolute; left: 8%; top: 74%; width: 84%; height: 15%; border-radius: 0; }
#card_photo_editor { max-width: 600px; margin: 24px 0; }
#card_photo_editor [hidden], .card-personal-front [hidden] { display: none !important; }
#card_photo_file { display: block; width: 100%; padding: 12px 0; }
#card_crop { display: block; width: min(100%,280px); height: auto; aspect-ratio: 1; border: 1px solid var(--border,#56535f); margin: 16px 0; }
#card_crop_controls input[type=range] { display: block; width: min(100%,350px); min-height: 38px; padding: 0; }
#card_crop_controls label { display: block; margin-top: 10px; }
#card_order_status { margin: 16px 0; overflow-wrap: anywhere; }
.certification-review { min-width: 220px; max-width: 320px; }
.certification-review label, .certification-review small { display: block; margin-bottom: 8px; }
.certification-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.certification-actions .bt { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; }
.certification-actions .ok_cert { background: #287941; border-color: #287941; color: #fff; }
.certification-actions .ok_cert:hover { background: #206334; border-color: #206334; color: #fff; }
.certification-member { min-width: 170px; overflow-wrap: anywhere; }
.certification-member dl { margin: 12px 0 0; }
.certification-member dt { font-size: 11px; color: var(--muted); }
.certification-member dd { margin: 0 0 8px; }
.certification-photo-zoom { display: block; width: 100%; min-width: 100px; padding: 4px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: zoom-in; }
.certification-photo-zoom img { display: block; max-width: 100%; max-height: 180px; margin: auto; object-fit: contain; }
.certification-photo-zoom span { display: block; margin-top: 8px; font-size: 11px; }
.certification-photo-dialog { width: fit-content; max-width: 96vw; max-height: 94dvh; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); color: var(--text); overflow: auto; }
.certification-photo-dialog::backdrop { background: #000c; }
.certification-photo-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.certification-photo-header h2 { margin: 0; font-size: 18px; }
.certification-photo-dialog > img { display: block; width: auto; max-width: 88vw; max-height: 76dvh; object-fit: contain; margin: auto; }

/* Registration email validation: the status follows the active theme. */
.registration-email-field{display:flex;align-items:center;gap:8px;width:100%}.registration-email-field>.form-control{flex:1 1 auto;min-width:0;width:0}.registration-email-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;background:transparent;border:0;color:var(--muted)}

/* Dismissible announcements immediately below the member welcome. */
.home-info-panel{position:relative;margin:22px 0;padding:22px 58px 22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.home-info-panel p{margin:0 0 16px;overflow-wrap:anywhere}.home-info-panel p:last-child{margin-bottom:0}.home-info-close{position:absolute;top:7px;right:7px}.home-info-link{display:inline;padding:0;background:transparent;border:0;color:var(--accent);text-decoration:underline;text-underline-offset:3px;font:inherit}.home-info-panel .home-info-reminder{color:var(--danger)}@media(max-width:760px){.home-info-panel{padding:20px 48px 20px 18px;font-size:13px}.home-info-close{top:3px;right:3px}}

/* Installation is offered only on mobile devices and hidden inside the app. */
[data-install],.rail-install{display:none!important}.is-mobile-device:not(.is-installed) [data-install]{display:inline-flex!important}.is-mobile-device .topbar .mobile-install{font-size:11px;gap:5px}.mobile-install .icon{width:18px;height:18px}.member-orders{overflow-x:auto}.member-orders table{width:100%;border-collapse:collapse}.member-orders th,.member-orders td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.order-status{display:inline-block;padding:4px 10px;border-radius:20px;background:var(--accent-soft);color:var(--text)}.order-status.shipped{color:var(--green)}

.security-page{max-width:760px;margin:0 auto}.security-page>.card{margin-bottom:24px}.security-form{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:480px}.security-form label{margin:5px 0 0}.security-form .button{align-self:flex-start;margin-top:10px}.security-form #mfa-setup{display:flex;flex-direction:column;gap:12px}.security-form #mfa-qr{background:white;padding:8px}.security-message{color:var(--muted);white-space:pre-line}.security-page pre{font-size:16px;line-height:2;letter-spacing:1px;overflow:auto}.security-page p{overflow-wrap:anywhere}.security-form input[readonly]{color:var(--text);background:var(--bg)}

@media(max-width:760px){.is-mobile-device .auth-topbar{flex-wrap:wrap;gap:12px}.is-mobile-device .auth-topbar>.top-actions{flex:1 1 100%;justify-content:flex-end}.is-mobile-device .auth-topbar .mobile-install{margin-right:auto}.is-mobile-device .topbar .mobile-install{flex-direction:column;gap:2px;min-width:42px;max-width:58px;font-size:9px}.is-mobile-device .topbar .mobile-install span{line-height:1.2}.is-mobile-device .topbar>.top-actions{gap:4px}}

.profile-security-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.profile-security-actions>.bt{display:inline-flex;align-items:center;gap:8px;float:none!important;margin:0!important}.security-navigation{display:flex;flex-wrap:wrap;gap:14px}