body.ss-cloud-startup #app{visibility:hidden}
.ss-online-stamp{display:inline-flex;border-radius:6px;padding:5px 8px;background:#49ed8722;color:var(--text);font-size:11px;font-weight:800;letter-spacing:.07em}
.ss-online-auth .ss-online-stamp{margin-bottom:9px}
.ss-cloud-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ss-cloud-header h1{margin-bottom:3px}
.ss-cloud-ribbon{padding:9px 12px;margin:0 0 16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}
.ss-cloud-ribbon .ss-online-stamp{background:#49ed8733}
.ss-cloud-ribbon #ss-cloud-actions{margin-left:auto}
.ss-cloud-ribbon button{padding:5px 10px;font-size:12px}
.ss-cloud-status{font-size:12px;overflow-wrap:anywhere}.ss-cloud-good{color:#198f55}.ss-cloud-warning,.ss-cloud-error{color:var(--red)}
.ss-cloud-file,.ss-cloud-team-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}
.ss-cloud-file button,.ss-cloud-team-row select{margin-left:auto}
.ss-cloud-team-row small{color:var(--muted)}
.ss-cloud-attachments input{flex:1;min-width:150px}

.ss-portal-login-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 20px}
.ss-portal-login-tabs button{width:100%;padding:12px 7px;white-space:normal;border-radius:9px;font-weight:700}
.ss-portal-tab-active{background:#49ed87;color:#10221b;border:1px solid #49ed87}
.ss-cloud-portal-manager{margin-top:20px}
.ss-cloud-assignment{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;flex-wrap:wrap;width:100%}
.ss-cloud-assignment button{margin-left:auto}
.ss-cloud-assignment small{color:var(--muted)}
@media(max-width:550px){.ss-portal-login-tabs{gap:4px}.ss-portal-login-tabs button{font-size:12px;padding:9px 4px}}

/* 26+2.2 access management: wrap content rather than scroll horizontally. */
.ss-v2-access-panel { margin-top: 18px; }
.ss-v2-grant-row { display:flex; gap:14px; flex-wrap:wrap; align-items:center; justify-content:space-between;
  border-bottom:1px solid var(--line,#dfe7e1); padding:14px 2px; }
.ss-v2-grant-row>div { flex:1; min-width:180px; overflow-wrap:anywhere; }
.ss-v2-access-panel select,.ss-v2-access-panel input { min-width:0; width:100%; }
.ss-v2-access-panel .row select,.ss-v2-access-panel .row button { width:auto; max-width:100%; }
@media(max-width:750px){.ss-v2-access-panel .row { flex-wrap:wrap; }.ss-v2-access-panel .row input { width:100%; }}
