/* Colors, logo, chrome and type follow legacy html/style/testing.htp. */
:root{--sa-blue:#396da2;--sa-panel:#679aca;--sa-border:#334d65;--sa-inner:#fff;--sa-menu:#e0f0ff;--sa-ink:#000}
html{font-family:Arial,sans-serif;color:var(--sa-ink);background:var(--sa-blue)}
body.sa-public{margin:8px;background:var(--sa-blue);font:16px Arial,sans-serif;color:var(--sa-ink)}
.bubble{background:var(--sa-panel);border:1px solid var(--sa-border);padding:6px;border-radius:9px;box-shadow:2px 2px 2px #0005}
.inner{background:var(--sa-inner);border:1px solid #444;padding:10px;border-radius:6px;height:100%;box-sizing:border-box}
.sa-masthead{margin-bottom:10px}.sa-masthead .inner{display:flex;align-items:center;gap:14px;padding:8px 10px}.sa-masthead strong{font:700 28px Arial,sans-serif}.sa-masthead b{font:700 20px Arial,sans-serif}.sa-masthead img{object-fit:contain;flex-shrink:0}
.sa-public-grid{display:grid;grid-template-columns:225px minmax(0,1fr);gap:10px;align-items:start}
.sa-public nav{display:grid;gap:3px}.sa-public nav a{background:var(--sa-menu);padding:5px 7px;border-radius:4px;color:#000;text-decoration:none;font-size:14px}.sa-public nav a:hover{color:#000080;text-decoration:underline}
.sa-public .card{margin-top:18px}.sa-public .card h1{font-size:18px;margin:0 0 10px}.sa-public label{display:block;font-size:14px;margin:7px 0 3px}.sa-public input{width:100%;box-sizing:border-box;padding:6px;border:1px solid #888;border-radius:3px}.sa-public button{font:18px Arial,sans-serif;margin-top:8px;background:linear-gradient(#f0f8ff,#a0b0c0);border:1px solid #002;border-radius:4px;padding:4px 10px;color:#000;cursor:pointer}.sa-public .err{color:#800;background:#ffe5e5;padding:6px}.sa-public li{margin-bottom:7px;line-height:1.4}.sa-public a{color:#000080}.sa-public main{min-height:400px}.sa-public h1{font-size:20px}
/* Native page family retains stock actions and form/table transport. */
body.sa-app{background:var(--sa-blue);color:var(--sa-ink);font-family:Arial,sans-serif;margin:8px}
.sa-app .container{display:grid;grid-template-columns:225px minmax(0,1fr);gap:10px;max-width:none;width:auto;margin:0;padding:0}
.sa-app .sa-masthead{grid-column:1/-1;margin:0}.sa-app .header{grid-column:1/-1;background:#fff;border:1px solid #444;border-radius:6px;color:#000;padding:6px 10px;min-height:0}
.sa-app .sidebar-menu{position:static;background:var(--sa-panel);border:1px solid var(--sa-border);border-radius:9px;padding:6px;align-self:start;width:auto;overflow:visible;box-shadow:2px 2px 2px #0005}
.sa-app .nav-menu{background:#fff;border:1px solid #444;border-radius:6px;padding:8px;margin:0;list-style:none}.sa-app .nav-menu a{background:var(--sa-menu);color:#000;border-radius:4px;display:block;padding:5px 7px;font-size:14px;margin:3px 0;text-decoration:none}.sa-app .nav-menu a:hover{color:#000080;text-decoration:underline}
.sa-app .main{min-width:0;background:var(--sa-panel);padding:6px;border:1px solid var(--sa-border);border-radius:9px;box-shadow:2px 2px 2px #0005;margin:0}.sa-app .main>.area{background:#fff;border:1px solid #444;border-radius:6px;padding:10px;margin:0;overflow-x:auto}.sa-app .footer{grid-column:1/-1;background:transparent;color:#fff}.sa-app h1{font:700 20px Arial,sans-serif}.sa-app h2{font:700 17px Arial,sans-serif}.sa-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.sa-overview a{background:var(--sa-menu);padding:10px;border:1px solid #aac0d0;border-radius:4px;color:#000;text-decoration:none}.sa-overview b{float:right}.sa-app table{font-size:14px}.sa-app .banner.warn,.sa-app .banner.info{display:block;font-size:14px;background:#e0f0ff;color:#000;border:1px solid #aac0d0;border-radius:4px;padding:8px}.sa-app .banner p{margin:4px 0}
@media(max-width:700px){.sa-public-grid,.sa-app .container{grid-template-columns:minmax(0,1fr)}.sa-app .header,.sa-app .sa-masthead,.sa-app .footer{grid-column:auto}.sa-masthead b{font-size:16px}.sa-public nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-app .sidebar-menu{max-height:260px;overflow:auto}.sa-public main{min-height:0}.sa-public .inner{padding:8px}}