/* Logical padding keeps select arrows clear in both reading directions. */
select{min-width:0;max-width:100%;min-height:44px;padding-inline:12px 34px;cursor:pointer;text-overflow:ellipsis}select:disabled{cursor:not-allowed;opacity:.65}select:focus-visible{outline:3px solid #7ba99a;outline-offset:2px}select option{background:#fff;color:#183c34}#form select{width:100%}.tenant-picker{position:relative;min-width:0;max-width:360px;flex:1 1 210px}header .tenant-picker>select[hidden]{display:none!important}#tenant-picker-button{display:flex;align-items:center;gap:10px;width:100%;text-align:start;white-space:normal;min-height:54px;padding:9px 12px;background:#fff;border:1px solid #d4e0d9;border-radius:12px}.tenant-picker-caption{min-width:0;flex:1;display:grid;gap:2px}.tenant-picker-caption small{font-size:11px;color:#65796f}.tenant-picker-caption strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}.tenant-picker-icon{font-size:23px;color:#235f51}#tenant-picker-panel{position:absolute;z-index:100;inset-block-start:calc(100% + 8px);inset-inline-end:0;width:min(390px,calc(100vw - 28px));max-height:min(480px,70dvh);overflow:auto;padding:12px;background:#fff;border:1px solid #d4e0d9;border-radius:14px;box-shadow:0 16px 45px #173a3029;text-align:start}#tenant-picker-panel[hidden]{display:none}.tenant-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.tenant-picker-close{min-width:44px;padding:5px;font-size:22px}#tenant-picker-search{width:100%;margin:10px 0;font-size:16px;min-height:44px}#tenant-picker-options{display:grid;gap:4px}#tenant-picker-options button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:start;white-space:normal;overflow-wrap:anywhere;min-height:48px;width:100%;border:0;background:transparent;font-weight:500;padding:12px;line-height:1.5}#tenant-picker-options [aria-selected=true]{background:#eaf3ed;color:#17543f}#tenant-picker-options button:focus-visible{outline:2px solid #235f51;outline-offset:-2px;background:#eff5f1}.tenant-picker-empty{font-size:13px;color:#65796f;padding:10px}
@media(max-width:480px){header .tenant-picker{grid-column:1;max-width:none;width:100%}#tenant-picker-panel{position:fixed;inset-inline:14px;inset-block-start:76px;width:auto;max-height:calc(100dvh - 105px)}#tenant-picker-button{min-height:60px}.tenant-picker-caption strong{font-size:12px}}

.select-value-preview{display:block;margin:6px 0 12px;color:#536d61;font-size:12px;line-height:1.6;overflow-wrap:anywhere;max-width:100%}.select-value-preview[hidden]{display:none}

.startup-progress{display:block;width:100px;height:3px;margin:20px auto 0;border-radius:3px;background:#d6e5dc;overflow:hidden}.startup-progress::after{content:"";display:block;width:40%;height:100%;background:#235f51;animation:startup-progress 1s ease-in-out infinite alternate}@keyframes startup-progress{to{transform:translateX(150%)}}#account-screen .account-card{animation:account-appear .16s ease-out}@keyframes account-appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.startup-progress::after,#account-screen .account-card{animation:none!important}}

/* Stable secondary actions across headers and record tables. */
#account-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:100px;padding:10px 14px;border:1px solid #cbd8d0;background:#fff;color:#264d40;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0;transform:none}#account-logout svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}html[dir=rtl] #account-logout svg{transform:scaleX(-1)}#account-logout:hover:not(:disabled){background:#edf4ef;border-color:#8aab99}#account-logout:disabled{opacity:.6;cursor:wait}#account-logout:focus-visible,.table-action-cell :is(button,a[href]):focus-visible{outline:3px solid #7ba99a;outline-offset:2px}
.table-action-cell{min-width:120px;vertical-align:middle}.table-action-cell :is(button,a[href]){display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:88px;max-width:220px;padding:9px 12px;margin:3px 4px 3px 0;margin-inline:0 6px;border:1px solid #cbd8d0;border-radius:9px;background:#fff;color:#264d40;font-size:12px;font-weight:600;line-height:1.45;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;box-shadow:none;transform:none}.table-action-cell :is(button,a[href]):hover:not(:disabled){background:#edf4ef;border-color:#8aab99;transform:none}.table-action-cell button.primary{background:#235f51;color:#fff}.table-action-cell button:disabled{opacity:.55;cursor:not-allowed}.table-action-cell button:active:not(:disabled){background:#e3eee6;transform:none}
@media(max-width:480px){#account-logout{min-width:96px;padding:10px;font-size:12px}.table-action-cell{min-width:108px}.table-action-cell :is(button,a[href]){min-width:88px;max-width:160px}}

.atlas-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.nav-icon{stroke-width:1.75}.tenant-picker-icon .atlas-icon{width:20px;height:20px}.tenant-picker>button>.atlas-icon{width:16px;height:16px}

/* Shared controls: predictable targets, wrapping and RTL direction. */
button{min-height:44px;border-radius:10px;line-height:1.5;max-width:100%;touch-action:manipulation}button:focus-visible,a[href]:focus-visible,summary:focus-visible{outline:3px solid #558675;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}button.atlas-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;vertical-align:middle}.atlas-action-label{min-width:0;overflow-wrap:anywhere}button .atlas-icon{width:18px;height:18px;stroke-width:1.75}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:10px}html[dir=rtl] .directional-icon{transform:scaleX(-1)}.actions,.dialogactions{gap:8px;flex-wrap:wrap}#language-switch{min-height:44px}#language-switch .atlas-icon{width:16px;height:16px}.language-chevron{display:inline-flex;align-items:center}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:normal}button:hover:not(:disabled){transform:none}html[dir=rtl] .table-action-cell{text-align:start}
@media(max-width:480px){.dialogactions button{flex:1 1 120px}.cardhead>button{max-width:100%}.actions>button{white-space:normal}.table-action-cell button{min-width:96px}button{min-height:44px}dialog{width:calc(100% - 24px);max-width:calc(100% - 24px);padding:18px}.heading{align-items:stretch}}
@media(max-width:480px){header .tenant-picker{grid-column:1/-1}header #account-logout{grid-column:2;grid-row:2}header .environment-switch{grid-column:1;grid-row:2;width:100%;min-width:0}header .environment-switch button{min-width:0;padding-inline:7px;white-space:normal}header>div{gap:8px}}
