/* GeoCAD Bridge account panel and saved-data list. Used by /account/ (built by scripts/build_account.py),
   the homepage sign-in dialog and the "Save to my account" boxes. All classes are acc-*. */
:root{--acc-bg:#061622;--acc-panel:#0a1f30;--acc-panel-2:#0c2538;--acc-line:rgba(24,215,255,.2);--acc-line-2:rgba(24,215,255,.4);--acc-cyan:#18d7ff;--acc-text:#e6f0f7;--acc-muted:#9fb6cf;--acc-red:#ff8a8a;--acc-green:#34d399}
body.acc-body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 85% -10%,rgba(24,215,255,.10),transparent 60%),linear-gradient(160deg,#061622 0%,#08192a 60%,#061622 100%);background-color:var(--acc-bg);color:var(--acc-text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.55;color-scheme:dark}
html[lang="ar"] body.acc-body{font-family:"Noto Naskh Arabic","Segoe UI",Tahoma,Arial,sans-serif}
.acc-skip{position:absolute;top:8px;inset-inline-start:8px;z-index:2000;background:var(--acc-cyan);color:#06182a;padding:8px 12px;border-radius:6px;transform:translateY(-300%)}.acc-skip:focus{transform:none}
.acc{max-width:1100px;margin:0 auto;padding:28px 16px 48px}
.acc-hero h1{margin:0 0 6px;font-size:30px}.acc-hero p{margin:0 0 22px;color:var(--acc-muted);max-width:720px}
.acc-grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:18px;align-items:start}
@media(max-width:820px){.acc-grid{grid-template-columns:1fr}}
.acc-card{background:var(--acc-panel);border:1px solid var(--acc-line);border-radius:14px;padding:18px;min-width:0}
.acc-card h2{margin:0 0 12px;font-size:18px}
/* the panel (also inside the homepage dialog) */
.acc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.acc-tab{height:38px;border:1px solid var(--acc-line-2);border-radius:9px;background:transparent;color:var(--acc-muted);font:inherit;font-weight:700;cursor:pointer}
.acc-tab[aria-selected="true"]{background:rgba(24,215,255,.14);color:#fff;border-color:var(--acc-cyan)}
.acc-intro{margin:0 0 12px;color:var(--acc-muted);font-size:13.5px}
.acc-form{display:grid;gap:12px}
.acc-field{display:grid;gap:6px;font-size:13px;font-weight:700;color:#cde1eb}
.acc-field input{height:42px;border:1px solid #2a6685;border-radius:9px;background:#0b2235;color:#fff;padding:0 12px;font:inherit;outline:0}
.acc-field input:focus{border-color:var(--acc-cyan);box-shadow:0 0 0 3px rgba(24,215,255,.16)}
.acc-submit{height:44px;border:0;border-radius:9px;background:linear-gradient(135deg,#18d7ff,#0ea5e9);color:#04202f;font:inherit;font-weight:800;cursor:pointer}
.acc-submit:disabled,.acc-secondary:disabled{opacity:.6;cursor:wait}
.acc-links{display:flex;justify-content:space-between;gap:12px}
.acc-link{border:0;background:none;color:#76dff5;font:inherit;font-size:13px;padding:0;cursor:pointer;text-decoration:underline}
.acc-note{margin:0;border:1px solid rgba(52,211,153,.45);background:rgba(52,211,153,.08);color:#c9f7e3;border-radius:10px;padding:9px 12px;font-size:13px}
.acc-note.is-error{border-color:rgba(255,138,138,.5);background:rgba(255,138,138,.08);color:#ffd2d2}
.acc-user{margin:0 0 6px;word-break:break-all}.acc-sync{margin:0 0 12px;color:var(--acc-muted);font-size:13px}.acc-sync.is-error{color:var(--acc-red)}
.acc-actions{display:flex;flex-wrap:wrap;gap:8px}
.acc-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid var(--acc-line-2);border-radius:9px;background:var(--acc-panel-2);color:#e6f0f7;font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}
.acc-secondary:hover{border-color:var(--acc-cyan)}
.acc-primary{background:rgba(24,215,255,.16);border-color:var(--acc-cyan)}
.acc-secondary.is-danger{color:var(--acc-red)}
/* saved items */
.acc-items{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.acc-item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border:1px solid var(--acc-line);border-radius:12px;padding:12px;background:var(--acc-panel-2)}
.acc-item-main{display:grid;gap:3px;min-width:0;flex:1 1 260px}
.acc-item-name{font-size:15.5px;overflow-wrap:anywhere}.acc-item-detail{color:var(--acc-muted);font-size:12.5px}
.acc-kind{justify-self:start;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#7ee8ff}
.acc-kind-workspace-project{color:#c4b5fd}
.acc-badge{justify-self:start;font-size:11.5px;color:#ffe2a4;border:1px solid rgba(244,189,80,.45);border-radius:999px;padding:1px 8px}
.acc-item-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.acc-privacy{margin:14px 0 0;color:var(--acc-muted);font-size:12.5px}
/* "Save to my account" box on tool pages */
.acc-save{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding:10px 12px;border:1px dashed var(--acc-line-2);border-radius:10px}
.acc-save{border-color:currentColor;border-color:color-mix(in srgb,currentColor 25%,transparent)}
.acc-save input,.acc-save select{flex:1 1 180px;min-width:0;width:auto}
.acc-save .acc-msg{flex-basis:100%;margin:0;font-size:13px;opacity:.85}.acc-save .acc-msg.is-error{color:#c62828;opacity:1}
