/* App profile contract: 72px rows, 15.75/13.25 typography, inset rules and native ez-menu-group corners. */
.ss-app-section{display:block;margin:var(--sp-7) 0 var(--sp-4);font-size:var(--fs-eb);font-weight:var(--klar-fw-label);letter-spacing:var(--lsp-eb);line-height:1.4;text-transform:uppercase;color:var(--klar-accent)}
body[data-layout="klar"] .ss-app-group.ez-menu-group{display:block;margin:0 0 0 var(--sp-3);padding:0 var(--sp-5) 0 calc(var(--sp-5) + var(--sp-2))}
.ss-app-row{position:relative;display:flex;align-items:center;gap:var(--sp-4);width:100%;min-height:72px;padding:var(--sp-4) 0;border:0;background:transparent;color:var(--klar-ink);text-align:left;isolation:isolate}
.ss-app-row+.ss-app-row::after{content:"";position:absolute;top:0;left:calc(var(--fs-row) + var(--sp-4));right:0;height:var(--klar-line-width);background:var(--klar-line);pointer-events:none}
button.ss-app-row::before{content:"";position:absolute;inset:var(--sp-2) calc(-1 * var(--sp-3));border-radius:var(--r-field);background:transparent;z-index:-1;transition:background var(--motion-state) var(--ease-state)}
button.ss-app-row:hover::before{background:var(--klar-active)}
.ss-app-text{display:flex;flex-direction:column;flex:1;min-width:0}.ss-app-title{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--fs-row);font-weight:var(--klar-fw-row);line-height:1.45}.ss-app-icon{flex:0 0 var(--fs-row);width:var(--fs-row);text-align:center;font-size:15px;line-height:1}.ss-app-sub{display:block;padding-left:calc(var(--fs-row) + var(--sp-4));margin-top:var(--sp-2);font-size:var(--fs-sub);font-weight:400;line-height:1.45;color:var(--klar-sub)}.ss-app-chevron{width:16px;height:16px;color:var(--klar-sub);flex:none}
/* Dialogs use the same group geometry; only the outer container differs from the menu. */
.ss-share-dialog{--title-indent:calc(var(--fs-row) + var(--sp-4));background:var(--klar-bg);padding:var(--edge)}
.ss-share-frame::before,.ss-share-frame::after{content:none}
.ss-share-emoji{width:var(--fs-row);margin-right:var(--sp-4);font-size:15px;line-height:1;text-align:center}
.ss-share-dialog h3{font-weight:var(--klar-fw-row);line-height:1.45}.ss-share-dialog p{line-height:1.45}
.ss-share-heading h1,.ss-share-heading h2{font-size:var(--fs-lead);font-weight:var(--klar-fw-title)}
.ss-share-folder{padding:var(--sp-5);border:var(--klar-line-width) solid var(--klar-line);border-radius:var(--r-field);background:var(--klar-surface-subtle);align-items:center;margin-top:var(--sp-6)}
.ss-share-access{min-height:72px;margin:0;padding:var(--sp-4) 0}.ss-share-access::before,.ss-share-access::after,#ss-share-password-fold::after{content:none}
.ss-share-access+.ss-share-access::before{display:block;content:"";top:0;left:var(--title-indent);right:0;border-top:var(--klar-line-width) solid var(--klar-line)}
.ss-share-password-box{padding-top:0;padding-bottom:var(--sp-5)}
body[data-layout="klar"] .ss-share-link.ss-app-group{padding-top:var(--sp-5);padding-bottom:var(--sp-5)}
.ss-share-link .ss-share-input{margin-top:var(--sp-4)}
.ss-share-dialog .ss-share-actions{margin-top:var(--sp-6);margin-left:0}.ss-share-dialog .ss-share-error{margin-left:0}
.ss-members-dialog .ss-members-section{margin-top:0}.ss-members-dialog .ss-members-form{padding-top:var(--sp-5);padding-bottom:var(--sp-5)}
body[data-layout="klar"] .ss-members-dialog .ss-members-form.ss-app-group{padding-top:var(--sp-5);padding-bottom:var(--sp-5)}
.ss-members-dialog .ss-member-results{position:relative;margin-top:0;max-height:280px;border-radius:0 0 var(--r-field) var(--r-field)}
.ss-members-dialog .ss-member-search{position:relative}.ss-members-dialog .ss-member-search::after{content:"";position:absolute;bottom:0;left:var(--title-indent);right:0;border-top:var(--klar-line-width) solid var(--klar-line)}
.ss-members-dialog .ss-member-row{padding:var(--sp-4) 0;min-height:64px;border-radius:0;isolation:isolate}.ss-members-dialog .ss-member-row:hover{background:transparent}.ss-members-dialog .ss-member-row::after{content:"";position:absolute;inset:var(--sp-2) 0;border-radius:var(--r-field);background:transparent;z-index:-1}.ss-members-dialog .ss-member-row:hover::after{background:var(--klar-active)}
.ss-members-dialog .ss-member-row+.ss-member-row::before{left:calc(var(--sp-8) + var(--sp-4));right:0}.ss-members-dialog .ss-member-name{font-size:var(--fs-row);font-weight:var(--klar-fw-row)}
.ss-members-dialog .ss-member-error{margin-left:0}
@media(max-width:480px){.ss-share-dialog,.ss-members-dialog.ss-share-dialog{padding:var(--sp-5)}.ss-share-heading h1,.ss-share-heading h2{font-size:var(--fs-lead)}.ss-members-dialog .ss-member-name{font-size:var(--fs-row)}.ss-members-dialog .ss-share-actions{margin-left:0}.ss-account-scroll{padding:var(--sp-5)}.ss-app-row{gap:var(--sp-3)}.ss-account-person{padding:var(--sp-4);gap:var(--sp-3)}}

#ss-share-link-fold>.ss-share-clip{padding:0 1px 1px 0}

/* Backup history uses the same profile groups and compact download pills. */
.ss-history-dialog .ss-history-intro{display:flex;align-items:flex-start;gap:var(--sp-3);margin-top:var(--sp-1)}
.ss-history-dialog h3.ss-app-section{margin:var(--sp-7) 0 var(--sp-4);font-size:var(--fs-eb);font-weight:var(--klar-fw-label);letter-spacing:var(--lsp-eb);line-height:1.4;color:var(--klar-accent)}
.ss-history-name{min-width:0;overflow-wrap:anywhere}
.ss-history-row .ss-app-title{align-items:flex-start}
.ss-history-row .ss-app-icon{padding-top:var(--sp-1)}
.ss-history-download{flex:none;text-decoration:none}
.ss-history-dialog .ss-history-note{margin:var(--sp-6) 0 0 var(--sp-3);font-size:var(--fs-sub);color:var(--klar-sub)}
@media(max-width:480px){.ss-history-row{gap:var(--sp-3)}.ss-history-download{min-height:36px;padding:var(--sp-3) var(--sp-4)}.ss-history-row .ss-app-sub{line-height:1.6}}

/* The original App Card dim token, including its theme-specific value and 300ms entrance. */
@keyframes ss-popup-dim-in{from{opacity:0}to{opacity:1}}
.ss-popup-dim{position:fixed;inset:0;background:var(--paint-pf-dim-background);animation:ss-popup-dim-in var(--motion-dim) var(--ease-state) both;cursor:default}
.ss-account-dim{z-index:9}.ss-context-dim{z-index:59}
.ss-schleier{background:transparent}
.ss-schleier::before{content:"";position:absolute;inset:0;background:var(--paint-pf-dim-background);animation:ss-popup-dim-in var(--motion-dim) var(--ease-state) both;pointer-events:none}
.ss-schleier>*{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.ss-popup-dim,.ss-schleier::before{animation:none}}

/* Loading completion, toast updates and refreshes must not replay the dim entrance. */
.ss-dim-steady .ss-popup-dim,.ss-dim-steady .ss-schleier::before{animation:none}

/* contracts.css: card title -> subtitle = sp-1 (2px). Close control must not enlarge title row. */
.ss-history-dialog .ss-share-heading{position:relative;padding-right:calc(36px + var(--sp-4))}
.ss-history-dialog .ss-share-heading>.ss-share-close{position:absolute;right:0;top:0}

/* Drive setup follows the approved history/profile contract, including the 2px subtitle gap. */
.ss-drive-dialog .ss-share-heading{position:relative;padding-right:calc(36px + var(--sp-4))}
.ss-drive-dialog .ss-share-heading>.ss-share-close{position:absolute;right:0;top:0}
.ss-drive-dialog .ss-drive-intro{display:flex;align-items:flex-start;gap:var(--sp-3);margin-top:var(--sp-1)}
.ss-drive-tabs{display:flex;gap:var(--sp-3);margin:var(--sp-6) 0 0 var(--sp-3)}
.ss-drive-dialog h3.ss-app-section{margin:var(--sp-7) 0 var(--sp-4);font-size:var(--fs-eb);font-weight:var(--klar-fw-label);letter-spacing:var(--lsp-eb);line-height:1.4;color:var(--klar-accent)}
.ss-drive-steps{list-style:none}.ss-drive-steps .ss-app-row{align-items:flex-start}.ss-drive-steps .ss-app-title{align-items:flex-start}
.ss-drive-number{color:var(--klar-sub);font-size:var(--fs-sub);line-height:1.7}
.ss-drive-value{overflow-wrap:anywhere;user-select:text}.ss-drive-secret{color:var(--klar-accent)}
.ss-drive-copy{flex:none;width:36px;height:36px;min-height:36px;padding:var(--sp-3)}.ss-drive-copy svg{width:16px;height:16px}
.ss-drive-dialog .ss-app-row>.ss-share-pill{flex:none}
.ss-drive-dialog .ss-drive-note{margin:var(--sp-6) 0 0 var(--sp-3);color:var(--klar-sub)}
@media(max-width:480px){.ss-drive-dialog .ss-app-row>.ss-share-pill{min-height:36px;padding:var(--sp-3)}.ss-drive-dialog .ss-app-title{font-size:var(--fs-row)}}

/* Root heading aligns with the padded first breadcrumb label. */
.ss-command-title:not(:has(.ss-crumbs))>h1{padding-inline:var(--sp-3)}

/* Approved esszehNET Cloud lockup: smaller cloud, light lettering and 0.75px contour. */
.ss-cloud-brand{--cloud-logo-ink:#f2e8d8;--cloud-logo-yellow:#f6d831;display:inline-flex;align-items:flex-end;gap:10px;flex:none;max-width:100%;line-height:1}
.ss-cloud-brand>.ss-logo{display:block;width:171px;height:38px;max-width:none;flex:none}
.ss-cloud-wordmark{display:block;width:73.3333px;height:auto;flex:none;margin-bottom:-3px;overflow:visible}
.ss-cloud-wordmark text{font-family:var(--f);font-weight:300;fill:var(--cloud-logo-ink)}
.ss-cloud-wordmark .ss-cloud-letter{stroke:var(--cloud-logo-ink)}
.ss-gate-karte>.ss-cloud-brand{margin-left:var(--edge);margin-bottom:var(--sp-7)}
@media(max-width:680px){.ss-cloud-brand{gap:6px}.ss-cloud-brand>.ss-logo{width:99px;height:22px}.ss-cloud-wordmark{width:42px;margin-bottom:-1.7333px}}
.ss-cloud-wordmark .cloud-outline{stroke:var(--cloud-logo-yellow)}
:root[data-theme="light"] .ss-cloud-brand{--cloud-logo-ink:#343b43;--cloud-logo-yellow:#e9d30a}

/* Theme-specific wordmark assets share the softened Cloud palette. */
.ss-cloud-brand>.ss-cloud-parent-light{display:none}
:root[data-theme="light"] .ss-cloud-brand>.ss-cloud-parent-dark{display:none}
:root[data-theme="light"] .ss-cloud-brand>.ss-cloud-parent-light{display:block}

/* Destructive confirmations reuse the approved history/share dialog and card spacing contract. */
.ss-confirm-dialog{width:520px}
.ss-confirm-dialog .ss-share-heading{position:relative;padding-right:calc(36px + var(--sp-4))}
.ss-confirm-dialog .ss-share-close{position:absolute;right:0;top:0}
.ss-confirm-dialog .ss-confirm-intro{display:flex;align-items:flex-start;gap:var(--sp-3);margin-top:var(--sp-1)}
.ss-confirm-intro>span:first-child{flex:none}
.ss-confirm-dialog .ss-confirm-note{margin:var(--sp-6) 0 0 var(--sp-3)}
.ss-confirm-dialog .ss-share-actions{position:relative;padding-top:var(--sp-5);margin-top:var(--sp-6)}
.ss-confirm-dialog .ss-share-actions::before{content:"";position:absolute;top:0;left:var(--sp-3);right:0;border-top:var(--klar-line-width) solid var(--klar-line)}
@media(max-width:480px){.ss-confirm-dialog .ss-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ss-confirm-dialog .ss-share-pill{white-space:normal;overflow-wrap:anywhere}}

/* Trash uses the same rounded, subtle hover surface as the sidebar tree. */
.ss-links-footer>.ss-zeile.korb{position:relative;min-height:40px;padding-block:0;border-top:0;border-radius:var(--r-field);background:transparent}
.ss-links-footer>.ss-zeile.korb::before{content:"";position:absolute;top:calc(-1 * var(--sp-3));left:0;right:0;border-top:var(--klar-line-width) solid var(--klar-line);pointer-events:none}
.ss-links-footer>.ss-zeile.korb:hover{background:var(--klar-surface-subtle)}
.ss-links-footer>.ss-zeile.korb.an{background:var(--klar-active);font-weight:var(--klar-fw-label)}
@media(pointer:coarse){.ss-links-footer>.ss-zeile.korb{min-height:44px}}

/* Move selection follows the same compact dialog and field contract. */
.ss-move-field{margin:var(--sp-6) 0 0 var(--sp-3)}
.ss-move-field label{display:flex;align-items:center;font-size:var(--fs-row);font-weight:var(--klar-fw-row);line-height:1.45;color:var(--klar-ink)}
.ss-move-select{position:relative;margin-top:var(--sp-4);margin-left:var(--title-indent)}
.ss-move-select select{appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;width:100%;height:44px;margin:0;padding:0 calc(var(--sp-6) + var(--sp-5)) 0 var(--sp-4);border:var(--klar-line-width) solid var(--klar-line);border-radius:var(--r-field);background:transparent;color:var(--klar-ink);font:inherit;font-size:var(--fs-sub);text-overflow:ellipsis}
.ss-move-select::after{content:"";position:absolute;right:var(--sp-5);top:calc(50% - 5px);width:8px;height:8px;border-right:var(--klar-line-width) solid var(--klar-sub);border-bottom:var(--klar-line-width) solid var(--klar-sub);transform:rotate(45deg);pointer-events:none}
.ss-move-select select:focus-visible{outline:2px solid var(--klar-accent);outline-offset:3px}
@media(max-width:480px){.ss-move-select select{font-size:16px}}

.ss-move-dialog .ss-confirm-note{margin-left:calc(var(--sp-3) + var(--title-indent))}