/* Customer-scoped suite access; controls use the existing MAX-Cloud card system. */
.suite-access { min-width: 0; overflow-wrap: anywhere; }
.suite-access .suite-access-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.suite-access .suite-access-heading h3 { margin: 4px 0; }
.suite-access .suite-access-heading p, .suite-access .suite-access-intro { margin: 8px 0; }
.suite-access .suite-access-apps, .suite-access .suite-access-user-apps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.suite-access .suite-access-app, .suite-access .suite-access-grant { min-width: 0; display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 14px; border: 1px solid var(--line, #cbd7e0); border-radius: 18px; }
.suite-access .suite-access-app-title { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.suite-access .suite-access-status { display: inline-flex; align-items: center; font-size: .8rem; line-height: 1.35; padding: 5px 9px; border-radius: 99px; background: #edf2f7; color: #27445c; }
.suite-access .suite-access-status.is-enabled { background: #e5f3eb; color: #20553b; }
.suite-access .suite-access-toggle, .suite-access .suite-access-permission { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; }
.suite-access .suite-access-toggle input, .suite-access .suite-access-permission input { flex: 0 0 20px; width: 20px; height: 20px; min-height: 20px; margin: 0; accent-color: #1670a1; }
.suite-access .suite-access-toggle span, .suite-access .suite-access-permission span { flex: 1; min-width: 0; }
.suite-access .button, .suite-access button, .suite-access select, .suite-access input:not([type="checkbox"]) { min-height: 44px; max-width: 100%; white-space: normal; }
.suite-access .suite-access-notice { margin-top: 12px; color: #20553b; }
.suite-access .suite-access-notice:empty { display: none; }
.suite-access .suite-access-notice.is-error { color: #8f2525; }
.suite-access .suite-access-employees { margin-top: 24px; }
.suite-access .suite-access-user { margin-top: 10px; border: 1px solid var(--line, #cbd7e0); border-radius: 18px; padding: 12px; }
.suite-access .suite-access-user > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; cursor: pointer; }
.suite-access .suite-access-user > summary > span:first-child { min-width: 0; }
.suite-access .suite-access-user small { display: block; opacity: .8; margin-top: 4px; }
.suite-access .suite-access-permissions summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; }
.suite-access .suite-access-permissions fieldset { margin: 0; padding: 4px 0; border: 0; min-width: 0; }
.suite-access .suite-access-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.suite-access [disabled] { cursor: default; }
@media (max-width: 620px) {
  .suite-access .suite-access-apps, .suite-access .suite-access-user-apps { grid-template-columns: minmax(0, 1fr); }
  .suite-access .suite-access-heading { flex-wrap: wrap; }
  .suite-access .suite-access-user > summary { flex-wrap: wrap; }
}
[data-theme="dark"] .suite-access .suite-access-status { background: #243b4d; color: #e3edf5; }
[data-theme="dark"] .suite-access .suite-access-status.is-enabled { background: #163e2d; color: #d2f5e1; }
[data-theme="dark"] .suite-access .suite-access-notice { color: #b8e9c9; }
[data-theme="dark"] .suite-access .suite-access-notice.is-error { color: #ffd1d1; }

.suite-access .suite-access-create { margin: 14px 0; border: 1px solid var(--line, #cbd7e0); border-radius: 18px; padding: 12px; }
.suite-access .suite-access-create > summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; font-weight: 600; }
.suite-access .suite-access-create-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.suite-access .suite-access-create-form > * { min-width: 0; }
@media (max-width: 620px) { .suite-access .suite-access-create-form { grid-template-columns: minmax(0, 1fr); } }