.kdp-account-dialog{box-sizing:border-box;width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 28px);overflow:auto;padding:clamp(16px,5vw,28px);margin:auto;border:1px solid #3a4434;border-radius:16px;background:#101610;color:#eef2eb;box-shadow:0 24px 80px #000a}
.kdp-account-dialog::backdrop{background:#000b}
.kdp-account-dialog header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}
.kdp-account-dialog h2{margin:0;font-size:1.5rem;line-height:1.3}
.kdp-account-dialog form,.kdp-account-dialog label{display:grid;gap:8px}
.kdp-account-dialog form{gap:14px}
.kdp-account-dialog input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #4a5742;border-radius:8px;background:#0b100b;color:inherit;font:inherit;font-size:16px}
.kdp-account-dialog button,.kdp-signout,.kd-landing button[data-kdp-account]{font:inherit;cursor:pointer}
.kdp-account-dialog button{min-height:44px;padding:8px 12px;border:1px solid #4a5742;border-radius:8px;background:#1b2518;color:inherit}
.kdp-account-dialog button[type=submit]{background:#b8ff38;color:#14200e;border-color:#b8ff38;font-weight:800}
.kdp-account-dialog nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.kdp-account-dialog p{font-size:.88rem;line-height:1.5;color:#c5d1be;margin:10px 0}
.kdp-account-dialog [data-state=error]{color:#ffb4a7}
.kdp-account-dialog [hidden],.kd-landing [data-kdp-account][hidden]{display:none!important}

.kd-landing header.nav .landing-header-actions,.landing-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.landing-header-language .kd-language-picker{margin:0}
.kd-landing .landing-account-actions .btn,.suite-header-actions .kdp-signout{box-sizing:border-box;min-height:44px;padding:8px 12px;font:inherit;font-size:.78rem;font-weight:800;line-height:1.2;text-align:center;white-space:normal}
.kd-landing .landing-account-actions .btn{background:var(--panel);color:var(--ink)}
.kd-landing .landing-account-actions .btn.primary,.suite-header-actions .kdp-signout{background:var(--lime,#b8ff38);color:#10130d;border:1px solid var(--lime,#b8ff38);border-radius:8px}
.suite-header-actions .kdp-signout{flex:none;max-inline-size:min(100%,14rem);overflow-wrap:anywhere}
.suite-header-actions .kdp-signout:hover:not(:disabled){filter:brightness(1.06)}
.suite-header-actions .kdp-signout:focus-visible{outline:2px solid var(--lime,#b8ff38);outline-offset:3px}

/* Allow the signed-in controls to size to their labels instead of shrinking to a fixed column. */
.kd-page .suite-header-inner:has(.kdp-signout){grid-template-columns:180px minmax(0,1fr) minmax(0,max-content)}
.suite-header-actions:has(.kdp-signout){flex-wrap:wrap;gap:8px}
.suite-header-actions:has(.kdp-signout) .kd-language-picker select{box-sizing:border-box;min-block-size:44px;inline-size:auto}
.suite-header-actions:has(.kdp-signout) .db-sync-status{display:inline-flex!important;box-sizing:border-box;flex:0 1 auto;min-block-size:44px;height:auto!important;max-width:min(100%,14rem);padding:8px 12px;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.3;order:0}
@media(max-width:1180px){
 .kd-page .suite-header-inner:has(.kdp-signout){grid-template-columns:180px minmax(0,1fr)}
}
@media(max-width:620px){
 .suite-header-inner:has(.kdp-signout){flex-wrap:wrap}
 .kd-page .suite-header-inner:has(.kdp-signout){grid-template-columns:minmax(0,1fr)}
 .suite-header-inner:has(.kdp-signout) .suite-header-actions{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-start}
 .suite-header-inner:has(.kdp-signout) .suite-header-nav{grid-row:3}
 .suite-header-actions:has(.kdp-signout) .db-sync-status{order:1;max-width:100%}
}
.landing-account-actions [hidden]{display:none!important}
@media(max-width:1100px){
 .kd-landing header.nav{height:auto;flex-wrap:wrap;gap:10px;padding-block:12px}
 .kd-landing header.nav>.suite-nav{order:3;width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}
 .kd-landing header.nav>.suite-nav a:nth-child(n){grid-column:auto}
 .kd-landing header.nav .landing-header-actions{margin-left:auto;flex-wrap:wrap}
}
@media(max-width:680px){
 .kd-landing header.nav{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .kd-landing header.nav .landing-header-actions{display:contents}
 .landing-header-language{grid-column:2;grid-row:1;justify-self:end}
 .landing-account-actions{grid-column:1/-1;grid-row:2;flex-wrap:wrap;justify-content:flex-start}
 .kd-landing .landing-account-actions .btn{flex:1 1 max-content;min-height:44px}
 .kd-landing header.nav>.suite-nav{grid-column:1/-1;grid-row:3}
}