/* Scope-specific layer built on LOO PAY current design system. */
:root { color-scheme:dark; }
#root .brand{display:flex;align-items:center;gap:10px}
#root .brand:before {content:'L';display:grid;place-items:center;width:36px;height:36px;min-width:36px;border-radius:10px;color:#21180c;background:linear-gradient(#ffd371,#d99e24);font-size:22px;font-weight:900}
#root nav button{display:flex;align-items:center;gap:10px}
#root nav button span{font-weight:650}
#root nav button small{font-size:17px;opacity:.85}
#root .topbar .top-actions select {min-width:110px;max-width:210px}
#root .app-title small{display:block;font-size:12px;margin-top:6px}
#root .toolbar input{width:min(420px,100%)}
#root .table-wrap{max-height:65vh;overflow:auto}
#root .actions{display:flex;gap:8px;flex-wrap:wrap}
#root td .sub{display:block;font-size:12px;color:#94a3b8}
#root .form-grid label {margin:4px 0}
#root .full{grid-column:1/-1}
#root .fixed-select {width:auto;min-width:110px}
#root .page-intro{color:#9aa9ba;margin:8px 0 16px}
#root .section-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 12px}
#root .section-head h2{font-size:17px;margin:0}
#root .setup-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}
#root .setup-card{width:min(620px,100%)}
#root .setup-card h1{margin-top:0}
#root .setup-card p{color:#9aa9ba}
#root .history-item{border-bottom:1px solid #28313d;padding:11px 0}
#root .history-item small {color:#96a5b7}
#root .history-item pre{font:12px/1.5 ui-monospace,monospace;background:#0e141c;border-radius:8px;border:1px solid #303a49;padding:10px;overflow:auto;max-height:260px}
#root .kbd-row {display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#modalRoot>.modal-back{z-index:110}
#modalRoot>.modal-back>.modal-back{z-index:111}
#alerts{position:fixed;top:16px;right:16px;z-index:200;display:grid;gap:8px;max-width:400px}
.notice{background:#243343;border:1px solid #476580;border-radius:10px;padding:12px 14px;box-shadow:0 12px 30px #0008}
.notice.bad{border-color:#a2484e;background:#3d2227}
.notice.ok{border-color:#36775c;background:#183b2d}
button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:700px){#root .topbar{flex-wrap:wrap}#root .topbar .top-actions{width:100%}#root .sidebar .nav-label{display:none}#root .form-grid{grid-template-columns:1fr}}