:root{--wine:#7c193f;--wine-dark:#651331;--ink:#322e29;--muted:#746f68;--gold:#b39a6d;--paper:#fcfaf6;--cream:#f2eee6;--line:#e7e1d7;--green:#276349}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.8}a{color:var(--wine);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.5;letter-spacing:-1px;font-weight:600}h2{font-size:21px;font-weight:600}h3{font-size:18px}.page{max-width:1320px;margin:auto;padding:20px 32px 0}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:24px}.brand{display:flex;gap:13px;align-items:center;color:var(--ink)}.brand:hover{text-decoration:none}.brand img{object-fit:contain}.brand span{display:grid;gap:0}.brand b{font-size:19px;letter-spacing:3px;line-height:1.5}.brand small{font-size:10px;color:var(--muted)}.header nav{display:flex;gap:28px;align-items:center;font-size:13px}.header nav>a:first-child{color:var(--muted)}.nav-pill{border:1px solid var(--line);padding:9px 17px;border-radius:8px}.nav-pill span{margin-inline-start:20px}.header form{margin:0}main{min-height:70vh}.auth-shell{display:grid;grid-template-columns:1fr 1.04fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white;min-height:650px}.auth-form{max-width:470px;width:100%;padding:48px 42px;margin:auto}.eyebrow{font:600 10px "Segoe UI",sans-serif;letter-spacing:2.8px;color:var(--wine)}.step-label{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin:28px 0 9px}.step-dot{width:6px;height:6px;background:var(--gold);border-radius:50%}.auth-form h1{margin-bottom:10px}.intro{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:25px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f6f4f0;padding:4px;border-radius:9px;margin-bottom:24px;border:1px solid #efebe4}.tabs a{text-align:center;font-size:13px;padding:8px;color:var(--muted);border:1px solid transparent}.tabs a.selected{background:white;border-radius:6px;border-color:var(--line);color:var(--wine);box-shadow:0 2px 3px #322e2906}.tabs a:hover{text-decoration:none;color:var(--wine)}label{display:block;font-size:13px;font-weight:600;margin:14px 0 7px}input{width:100%;min-height:51px;border:1px solid #dcd7cf;border-radius:8px;padding:10px 14px;outline:0;background:white;color:var(--ink)}input:focus{border-color:var(--wine);box-shadow:0 0 0 3px #7c193f0b}input::placeholder{color:#9e9993;font-size:14px}.hint{font-size:11px;color:var(--muted);margin:8px 0 19px;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:var(--wine);color:white;border:1px solid var(--wine);border-radius:8px;font-size:13px;font-weight:600;min-height:48px}.button:hover{background:var(--wine-dark);color:white;text-decoration:none}.button.primary{width:100%;justify-content:space-between;margin-top:8px}.button.primary span{font-size:20px}.button.outline{background:white;color:var(--wine);border-color:var(--line)}.button.outline:hover{border-color:var(--wine);background:var(--paper)}.switch{font-size:12px;text-align:center;color:var(--muted);margin:24px 0}.switch a{font-weight:600;margin-inline-start:5px}.secure-note{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:21px}.secure-note .shield{font-size:32px;color:var(--gold)}.secure-note strong{font-size:11px;font-weight:500;display:block}.secure-note small{color:var(--muted);font-size:10px}.story{position:relative;isolation:isolate;color:#fff;padding:40px 46px 28px;background:#193238 url('images/doha-al-dafna.jpg') center/cover;display:flex;flex-direction:column;justify-content:space-between}.story:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(170deg,#142d32ef,#152e33d9 50%,#0f232bef)}.story-top{display:flex;justify-content:space-between;gap:10px}.eyebrow.light{color:#dbd0b9;font-size:8px;letter-spacing:1.6px}.story-number{font-size:8px;letter-spacing:1px;color:#c2c5bd}.story-copy{margin-top:42px}.gold-rule{display:block;width:40px;height:2px;background:var(--gold);margin-bottom:25px}.story h2{font-size:clamp(38px,4vw,58px);line-height:1.45;letter-spacing:-1.4px;font-weight:400;margin-bottom:24px}.story em{font-style:normal;color:#dfcea9}.story p{font-size:14px;color:#d9e0dc;line-height:2.1}.identity-card{margin:24px 0 16px;display:flex;align-items:center;gap:15px;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;padding:20px 22px;backdrop-filter:blur(6px)}.id-icon{background:#e6d8b9;color:#1c3337;width:45px;height:45px;display:grid;place-items:center;border-radius:9px;font-size:25px;font-family:Georgia,serif}.identity-card strong{display:block;font-size:18px;letter-spacing:1px}.identity-card span{font-size:11px;color:#d7dcd3}.verified-mark{margin-inline-start:auto;border-radius:50%;border:1px solid #b3c8b8;width:23px;height:23px;display:grid;place-items:center}.platform-names{display:flex;justify-content:space-between;align-items:center;color:#e4e6de;font-size:11px;margin:0 8px}.platform-names i{width:3px;height:3px;background:#b4a47c;border-radius:50%}.story-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;margin-top:40px;padding-top:18px;font-size:10px;color:#bdc9c5}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:34px 10px 14px}.principles>div{position:relative;padding-inline-start:40px}.principles span{position:absolute;inset-inline-start:0;color:var(--gold);font:400 16px Georgia}.principles strong{font-size:12px;font-weight:600}.principles p{font-size:11px;color:var(--muted);margin:5px 0}.otp{font-size:26px;letter-spacing:14px;text-align:center}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding:22px 0;margin-top:26px}footer a{color:inherit}.notice,.success{padding:13px 17px;background:#fcf0f3;border:1px solid #e8b9c7;color:var(--wine);font-size:13px;border-radius:8px;margin-bottom:20px}.success{color:var(--green);background:#eef6ef;border-color:#d3e5d6}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0 26px}.dashboard-heading h1{margin:10px 0 6px}.dashboard-heading p{color:var(--muted);font-size:14px;margin:0}.badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:11px;background:#edf4ef;border:1px solid #dce9de;color:var(--green);border-radius:30px;padding:4px 12px}.badge.muted{background:var(--cream);color:var(--muted);border-color:var(--line)}.account-grid{display:grid;grid-template-columns:330px 1fr;gap:26px}.card{padding:27px 30px;border:1px solid var(--line);border-radius:14px;background:white;margin-bottom:24px}.card h2{margin-bottom:18px}.profile-card{text-align:center;align-self:start}.avatar{display:grid;place-items:center;background:#f4e9ed;color:var(--wine);font-size:32px;border:1px solid #ebd9e0;width:74px;height:74px;border-radius:50%;margin:0 auto 16px}.profile-card h2{margin:0;font-size:22px}.profile-card>p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.profile-card form{text-align:start}.profile-card button{width:100%;margin-top:16px}.id-block{background:var(--paper);border:1px dashed var(--line);padding:12px;margin:20px 0}.id-block small{display:block;font-size:10px;color:var(--muted)}code{font-size:11px;overflow-wrap:anywhere;direction:ltr;display:inline-block}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.section-heading h2{margin:0}.section-heading small,.count{font-size:11px;color:var(--muted)}.empty{text-align:center;padding:50px 24px;color:var(--muted)}.empty h3{color:var(--ink);margin:15px 0 10px}.empty p{font-size:13px;max-width:400px;margin:0 auto 20px}.empty a{font-size:12px}.empty-icon{display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);width:48px;height:48px;border-radius:12px;margin:auto;font-size:22px;color:var(--gold)}.empty.small{padding:25px}.activity{display:flex;gap:13px;align-items:center;border-bottom:1px solid #f1ede6;padding:17px 0}.activity:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}.activity strong{display:block;font-size:12px;font-weight:500}.activity small{display:block;color:var(--muted);font-size:10px}.activity time{margin-inline-start:auto;color:var(--muted);font-size:10px;direction:ltr}.linked-platform{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.linked-platform strong{font-size:14px}.linked-platform small{display:block;color:var(--muted);font-size:11px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.platform-grid .card{margin:0}.platform-symbol{width:45px;height:45px;border-radius:10px;background:var(--cream);color:var(--wine);display:grid;place-items:center;font:600 22px Georgia}.platform-card h2{margin:25px 0 7px}.platform-card p{font-size:13px;color:var(--muted)}.platform-card a{font-size:12px;display:inline-block;margin-top:10px}.info-banner{padding:26px 30px;background:var(--cream);border-radius:12px;margin:28px 0;display:flex;gap:24px;align-items:center}.info-banner>span{font-size:36px;color:var(--gold)}.info-banner h3{font-size:15px;margin:0 0 5px}.info-banner p{font-size:12px;color:var(--muted);margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.metrics small{color:var(--muted);font-size:12px;display:block}.metrics strong{font-size:35px;color:var(--wine);font-weight:500}.search{display:flex;gap:8px}.search input{max-width:250px}.text-button{border:0;background:none;color:var(--wine);padding:8px;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:start;font-size:13px;margin-top:22px}th{color:var(--muted);font-size:11px;font-weight:500;background:var(--paper)}td,th{padding:14px;border-bottom:1px solid var(--line);white-space:nowrap}td small{display:block;font-size:11px;color:var(--muted);text-align:start}.pagination{display:flex;justify-content:center;gap:25px;margin-top:20px;font-size:12px}.prose{max-width:850px;margin:25px auto;line-height:2}.prose h2{margin-top:30px}.prose p{color:var(--muted);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){.page{padding-top:24px}.auth-shell{min-height:720px}.story{padding:48px 58px 30px}.auth-form{max-width:480px}.story-copy{margin-top:55px}}@media(max-width:1050px){.page{padding:24px}.auth-form{padding:35px 28px}.story{padding:35px 28px}.story-number{display:none}.account-grid{grid-template-columns:290px 1fr}.header nav{gap:16px}}@media(max-width:760px){.page{padding:20px 18px 0}.header{margin-bottom:24px}.header nav{gap:10px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.header nav>a:first-child{display:none}.brand b{font-size:16px}.brand small{font-size:8px}.brand img{width:35px;height:35px}.nav-pill{padding:7px 10px}.nav-pill span{margin-inline-start:8px}.auth-shell{display:block;min-height:0;border-radius:15px}.story{display:none}.auth-form{max-width:460px;padding:32px 25px}.auth-form h1{font-size:30px}.step-label{margin-top:22px}.principles{grid-template-columns:1fr;gap:20px;padding:27px 8px 10px}.principles>div{padding-inline-start:35px}.principles p{margin:1px 0}.dashboard-heading{display:block;padding-top:5px}.dashboard-heading h1{font-size:28px}.dashboard-heading .badge{margin-top:16px}.account-grid,.platform-grid{grid-template-columns:1fr;gap:0}.card{padding:22px}.platform-card{margin-bottom:18px!important}.metrics{gap:10px}.metrics .card{padding:15px 10px}.metrics small{font-size:10px}.metrics strong{font-size:28px}.section-heading{flex-wrap:wrap}.search{width:100%}.search input{max-width:100%}.activity time{font-size:9px;max-width:95px;text-align:end}.activity strong{font-size:11px}.info-banner{padding:20px;gap:14px}footer{flex-wrap:wrap;justify-content:center;gap:15px;font-size:9px}footer span:nth-child(2){display:none}}
.header-controls{display:flex;align-items:center;gap:20px}.language-switch{display:flex;flex-shrink:0;font-size:12px}.language-switch a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:7px 12px;min-height:40px;background:white}.story-brand{display:inline-block;font-size:.57em;letter-spacing:2px;margin-top:8px;color:#fff}html[lang=ar] .eyebrow{letter-spacing:0;font-family:inherit}html[lang=en] .story h2{font-size:clamp(34px,3.6vw,52px);letter-spacing:-1px}html[lang=en] .story-foot{font-size:10px}html[lang=en] .header nav{gap:18px}@media(max-width:760px){.header{flex-wrap:wrap;gap:12px}.header-controls{width:100%;justify-content:space-between;gap:12px}.header nav{max-width:none;justify-content:flex-start}.header nav>a:first-child{display:inline}.header nav a,.header .text-button{display:inline-flex;align-items:center;min-height:40px}.auth-form{padding:28px 22px}html[lang=en] .header nav{gap:8px}}
@media(max-width:760px){.story{display:flex;padding:28px}.story-copy{margin-top:10px}.story h2,html[lang=en] .story h2{font-size:34px}.story-top,.story .identity-card,.story .platform-names,.story-foot{display:none}.story p{font-size:12px;margin-bottom:0}}

textarea { width: 100%; min-height: 110px; padding: 12px; font: inherit; border: 1px solid #cbd5e1; border-radius: 8px; resize: vertical; }

/* Keep account details and actions together without oversized introductory space. */
.account-page .dashboard-heading{padding:0 0 18px;gap:16px}
.account-page .dashboard-heading h1{font-size:30px;margin:4px 0}
.account-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
.account-actions .button{min-height:42px;padding:8px 16px}
.account-page .account-grid{grid-template-columns:320px minmax(0,1fr);gap:18px}
.account-page .card{padding:20px 22px;margin-bottom:18px}
.profile-summary{display:flex;align-items:center;gap:12px;text-align:start;min-width:0}
.profile-summary>div{min-width:0}
.profile-summary .avatar{width:52px;height:52px;flex-shrink:0;font-size:25px;margin:0}
.profile-summary h2{font-size:19px;overflow-wrap:anywhere}
.profile-summary p{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin:2px 0 0;text-align:start}
.account-page .id-block{margin:16px 0;padding:10px}
.account-page .profile-card .hint{margin:12px 0 0}
.account-page .empty{padding:22px 16px}
.account-page .empty h3{margin:10px 0 6px}
.account-page .empty p{margin-bottom:12px}
.account-page .activity{padding:12px 0}
@media(max-width:1050px){
    .header-controls{gap:12px}
    .account-page .account-grid{grid-template-columns:290px minmax(0,1fr)}
    .account-actions{max-width:230px}
}
@media(max-width:760px){
    .account-page .dashboard-heading h1{font-size:26px}
    .account-actions{max-width:none;justify-content:flex-start;margin-top:12px;gap:10px}
    .account-page .dashboard-heading .badge{margin:0}
    .account-page .account-grid{grid-template-columns:minmax(0,1fr);gap:0}
    .account-page .card{padding:18px}
    .header-controls{flex-wrap:wrap}
}

/* The sign-in screen fits the viewport without clipping forms or error messages. */
.page:has(.login-shell){min-height:100svh;display:flex;flex-direction:column;padding-top:16px;padding-bottom:16px}
.page:has(.login-shell) .header{margin-bottom:16px}
.page:has(.login-shell) main{min-height:0;flex:1;display:flex;flex-direction:column}
.page:has(.login-shell) footer{margin-top:12px;padding:12px 0}
.login-shell{min-height:0;flex:1}
.login-shell .auth-form{padding:22px 32px;max-width:470px}
.login-shell .step-label{margin:12px 0 6px}
.login-shell h1{font-size:30px;margin-bottom:8px}
.login-shell .intro{margin-bottom:14px}
.login-shell .hint{margin:6px 0 12px}
.login-shell .secure-note{padding-top:12px}
.login-shell .switch{margin:12px 0}
.login-shell .story{padding:24px 32px}
.login-shell .story-copy{margin-top:16px}
.login-shell .gold-rule{margin-bottom:12px}
.login-shell .story h2{font-size:clamp(30px,3.2vw,44px);line-height:1.3;margin-bottom:12px}
html[lang=en] .login-shell .story h2{font-size:clamp(30px,3vw,40px)}
.login-shell .story p{font-size:13px;line-height:1.8;margin-bottom:0}
.login-shell .identity-card{padding:12px 16px;margin:14px 0 10px}
.login-shell .story-foot{margin-top:16px;padding-top:12px}
.login-shell + .principles{padding:12px 8px 0;gap:20px}
.page:has(.login-shell) .language-switch a{min-height:42px}
.page:has(.login-shell) .nav-pill{display:inline-flex;align-items:center;min-height:42px;padding:7px 14px}
@media(min-width:761px) and (max-height:760px){
    .login-shell + .principles{display:none}
    .login-shell .story-foot{display:none}
}
@media(max-width:760px){
    .page:has(.login-shell){padding:12px 16px 0}
    .page:has(.login-shell) .header{gap:8px;margin-bottom:12px}
    .page:has(.login-shell) .header-controls{flex-wrap:nowrap;gap:8px}
    .page:has(.login-shell) .header nav{gap:10px}
    .page:has(.login-shell) .header nav>a:first-child{display:none}
    .login-shell{flex:0 0 auto}
    .login-shell .auth-form{padding:16px 20px}
    .login-shell .button.primary{padding:8px 16px}
    .login-shell .intro{margin-bottom:10px}
    .login-shell .step-label{margin-top:8px}
    .login-shell .story,.login-shell + .principles{display:none}
    .login-shell h1{font-size:27px}
    .login-shell .intro{font-size:13px}
    .page:has(.login-shell) footer{gap:10px}
}
@media(max-width:760px) and (max-height:700px){
    .login-shell .auth-form>.eyebrow{display:none}
    .login-shell .step-label{margin-top:0}
    .login-shell .secure-note{padding-top:8px}
}

.create-account-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;max-width:1050px;margin:auto}
.create-account-grid .card{align-self:start}
.invite-option{display:flex;align-items:flex-start;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px;margin:20px 0}
.invite-option input{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:var(--wine);margin-top:4px}
.invite-option small{display:block;font-weight:400;color:var(--muted);margin-top:4px}
.form-actions{display:flex;gap:10px;flex-wrap:wrap}
.invitation-guide{background:var(--cream)}
.invitation-guide h2{margin-top:12px}
.invitation-guide p,.invitation-guide li{font-size:13px}
.invitation-guide ol{padding-inline-start:22px;line-height:2.2}
@media(max-width:760px){.create-account-grid{grid-template-columns:minmax(0,1fr);gap:0}}

/* Account security: readable sessions, compact protection settings, RTL/LTR safe. */
.security-page{max-width:1160px;margin:0 auto}
.security-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;min-height:40px}
.security-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 24px}
.security-heading h1{font-size:30px;margin:0 0 4px;letter-spacing:0}
.security-heading p{font-size:14px;color:var(--muted);margin:0}
.security-label{font-size:11px;letter-spacing:2px;color:var(--muted);white-space:nowrap}
.security-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:22px;align-items:start}
.security-page .card{padding:24px;margin:0;border-radius:16px;min-width:0}
.security-sidebar{display:grid;gap:18px;min-width:0}
.security-page h2{font-size:18px;margin:0;line-height:1.6}
.security-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.security-section-title p{font-size:13px;color:var(--muted);margin:4px 0 0}
.security-count{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:9px;background:var(--cream);color:var(--wine);font-size:14px;font-weight:600}
.security-session{padding:18px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;min-width:0}
.security-session.is-current{background:#fafcfb;border-color:#d5e4dc}
.security-session-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.security-device-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--muted);flex-shrink:0}
.security-device-icon svg{width:23px;height:23px}
.security-session-name{flex:1;min-width:100px;overflow-wrap:anywhere}
.security-session-name h3{font-size:14px;margin:0;font-weight:600}
.security-session-name p{font-size:12px;color:var(--muted);margin:0}
.security-session .badge{font-size:10px;padding:3px 10px}
.security-dates{display:flex;flex-wrap:wrap;gap:10px 28px;margin:16px 0 12px}
.security-dates dt{font-size:11px;color:var(--muted)}
.security-dates dd{margin:2px 0 0;font-size:11px;direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
.security-session-bottom{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px;border-top:1px solid var(--line);padding-top:6px}
.security-page summary{cursor:pointer;font-size:12px;padding:8px 0;min-height:40px;color:var(--wine)}
.security-page summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.security-device-details{flex:1;min-width:0}
.security-device-details[open]{flex-basis:100%}
.security-device-details p{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin:4px 0 8px;line-height:1.7}
.security-revoke{max-width:100%;margin-inline-start:auto}
.security-revoke summary{text-align:end}
.security-revoke[open]{flex-basis:100%}
.security-confirm{background:#fcf0f3;padding:14px;border-radius:8px;font-size:12px}
.security-confirm p{margin:0 0 10px}
.security-page .button{min-height:42px;padding:8px 14px;font-size:12px}
.security-footnote{font-size:11px;color:var(--muted);margin:16px 0 0;line-height:1.9}
.security-description{font-size:13px;color:var(--muted);margin:12px 0 16px}
.security-callout{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px;font-size:12px;margin:16px 0}
.security-callout:last-child{margin-bottom:0}
.security-callout strong{font-weight:600}
.security-callout p{color:var(--muted);margin:4px 0 0}
.security-callout a{display:inline-flex;gap:8px;align-items:center;min-height:40px;margin-top:4px}
.security-signin>strong{display:block;font-size:13px;margin-top:12px;color:var(--wine)}
.security-signin .security-description{margin-bottom:0}
.security-secret{display:block;padding:12px;border:1px dashed var(--line);background:var(--paper);font-size:14px;user-select:all}
.security-mfa-submit{margin-top:12px}
@media(max-width:900px){.security-grid{grid-template-columns:minmax(0,1fr)}.security-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.security-heading{margin-bottom:18px}}
@media(max-width:560px){.security-page .card{padding:18px}.security-heading h1{font-size:26px}.security-heading p{font-size:13px}.security-label{display:none}.security-sidebar{grid-template-columns:minmax(0,1fr)}.security-session{padding:14px}.security-session-top{gap:10px}.security-session .badge{margin-inline-start:52px}.security-dates{gap:10px 18px}}
.platform-permissions{border:1px solid var(--line);border-radius:10px;margin:22px 0;padding:16px;text-align:start}
.platform-permissions legend{font-size:15px;font-weight:600;padding:0 8px}
.platform-permission{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;padding:8px;border-radius:6px}
.platform-permission:hover{background:var(--paper)}
.platform-permission input{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:var(--wine)}
.platform-permission span{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.platform-permission small{font-size:11px;color:var(--muted);font-weight:400}
.platform-permissions .hint:last-child{margin-bottom:0}