/* Amosch: layered blue candy surfaces, with clear content and navigation. */
:root{--ink:#153463;--muted:#506b92;--navy:#173b79;--accent:#2469df;--accent-dark:#194fac;--line:#d4e3fa;--bg:#eef5ff;--radius:24px;--shadow:0 12px 32px #2854a20a,0 2px 5px #255cc007}
.region-map{margin:20px 0;border:1px solid #cfdef5;border-radius:20px;background:#f7faff;overflow:hidden}.region-map [hidden]{display:none!important}.map-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px}.map-search{flex:1 1 160px;margin:0}.map-search input{width:100%;padding:9px 12px;min-width:0;font-size:13px}.map-toolbar .button,.map-actions .button{margin-top:0!important}.map-zoom{display:flex;gap:5px}.map-zoom .button{min-width:38px;padding:8px}.map-viewport{position:relative;background:#fff;border-top:1px solid #d8e6fa;border-bottom:1px solid #d8e6fa}.map-viewport svg{display:block;width:100%;height:440px;touch-action:none;cursor:grab;outline-offset:-3px;user-select:none}.map-viewport svg:active{cursor:grabbing}.map-north{position:absolute;right:12px;top:8px;pointer-events:none;color:#375e99;font-size:12px;background:#ffffffcc;padding:2px 6px;border-radius:8px}.map-grid{stroke:#e7eef9;stroke-width:1}.map-grid.major{stroke:#cdddf3}.map-axis{font:10px system-ui;fill:#8194af;pointer-events:none}.map-tile rect{stroke-width:1.5;fill:#dfebff;stroke:#7da4dd}.map-tile text{fill:#234b85;font-family:system-ui,sans-serif;font-weight:650;pointer-events:none}.map-tile.online rect{fill:#d5e7ff;stroke:#7ba7e8}.map-tile.offline rect{fill:#eff2f8;stroke:#9caec8;stroke-dasharray:4 2}.map-tile.occupied rect{fill:#eef0f4;stroke:#b7bfcd}.map-tile.occupied text{fill:#7b8494;font-weight:500}.map-tile.selected rect,.map-tile.preview rect{fill:#fff0b9;stroke:#b67d10;stroke-width:2.5}.map-tile.preview rect{stroke-dasharray:6 3}.map-tile.selected text,.map-tile.preview text{fill:#664509}.map-tile.origin rect{fill:#eef4ff;stroke:#638dcb;stroke-dasharray:4 3;opacity:.7}.map-tile.invalid rect{fill:#ffe2e9;stroke:#b73c58;stroke-width:2.5;stroke-dasharray:6 3}.map-tile.invalid text{fill:#8d2940}.map-legend{display:flex;gap:14px;flex-wrap:wrap;padding:12px 15px 0;font-size:11px;color:#526e96}.map-legend span{display:inline-flex;align-items:center;gap:6px}.map-key{width:12px;height:12px;border-radius:3px;border:1px solid #7ba7e8;background:#d5e7ff}.map-key.offline{background:#eff2f8;border-style:dashed;border-color:#9caec8}.map-key.selected{background:#fff0b9;border-color:#b67d10}.map-key.occupied{background:#eef0f4;border-color:#b7bfcd}.map-help,.map-status{font-size:12px;padding:0 15px;margin:10px 0;overflow-wrap:anywhere}.map-help{color:#6781a5}.map-status{color:#315d9a;font-weight:600;min-height:20px}.map-status.invalid{color:#a0324e}.map-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:4px 15px 15px}.map-actions form{margin:0!important}.map-manual{margin-bottom:22px}.map-manual summary{font-size:13px;cursor:pointer}.map-manual .fields{margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.map-viewport svg{height:330px}.map-toolbar{gap:7px;padding:10px}.map-toolbar .button{padding:8px 10px;font-size:11px}.map-search{flex-basis:170px}.map-legend{gap:9px;font-size:10px}.map-actions .button{font-size:12px;padding:10px 13px}}
body{background:radial-gradient(ellipse at 6% 0%,#d9ebff 0,transparent 38%),radial-gradient(ellipse at 100% 42%,#e1edff 0,transparent 45%),#f3f7ff;color:var(--ink)}
.site-header{background:#ffffffed;border-bottom:1px solid #cbdfff;box-shadow:0 5px 25px #365da608;backdrop-filter:blur(16px)}
.header-inner{gap:22px}.brand-symbol{color:#fff;background:linear-gradient(145deg,#7fc7ff 0%,#448bf3 42%,#2460ce 100%);border:1px solid #73afff;border-radius:16px;box-shadow:inset 0 2px 1px #ffffff99,0 5px 10px #2469df20}
.brand{color:#183b77}.brand small{color:#617fa6}.main-nav{gap:4px}.main-nav>a:not(.button),.nav-button{padding:10px 12px;border-radius:30px;color:#47648c;white-space:nowrap}.main-nav a:hover,.nav-button:hover{background:#eaf2ff;color:#1c55bb;text-decoration:none}.main-nav a[aria-current]{background:linear-gradient(#edf5ff,#dfeeff);color:#194fac!important;box-shadow:inset 0 1px #fff;border:1px solid #c6dcff}.portal-languages{border-radius:18px!important;background:#fff}.portal-languages a{border-radius:12px!important}
.portal-languages a[aria-current=true]{border-color:#568ee2!important;background:#edf5ff!important;box-shadow:0 0 0 2px #d4e6ff!important}
.region-card:has(>details:only-child){padding:22px 28px}.region-card>details:only-child{border:0;padding:0}
.job-entry{padding:24px 0;border-top:1px solid #deebfc}.job-entry:first-of-type{margin-top:20px}.job-entry-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.job-entry-heading h3{margin:0 0 16px;font-size:18px}.job-entry-heading .eyebrow{font-size:10px;margin-bottom:7px}.job-entry-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}.job-entry-meta dt{font-size:11px;color:var(--muted);margin-bottom:3px}.job-entry-meta dd{font-size:13px;margin:0;overflow-wrap:anywhere}.job-entry-output{margin-top:16px;background:#f2f7ff;border:1px solid #dce9fb;border-radius:14px;padding:12px 15px}.job-entry-output summary{cursor:pointer;font-size:13px;color:#315f9f}.job-entry-output pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace;margin:14px 0 0;color:#33547e}@media(max-width:720px){.job-entry-meta{grid-template-columns:1fr 1fr}.job-entry-heading{flex-wrap:wrap}.job-entry-heading h3{font-size:17px}}
.hero{gap:48px}.hero h1{color:#15376e;letter-spacing:-.055em}.hero-art{min-height:330px;border-radius:36px;background:radial-gradient(ellipse at 20% 4%,#a6ddff 0%,transparent 42%),linear-gradient(135deg,#6bafff 0%,#3c7be9 46%,#204eb6 100%);border:1px solid #a7cfff;box-shadow:inset 0 2px 1px #ffffffaa,0 22px 50px #285dcb25}
.hero-art:before{border:2px solid #d6ecff88;background:linear-gradient(160deg,#ffffff36,#ffffff06);border-radius:44px}.hero-art:after{border:1px solid #b9ddff99;background:linear-gradient(145deg,#aad8ff66,transparent);border-radius:60px}.hero-art strong{font-size:34px;text-shadow:0 2px 12px #1a4b9960}.hero-art small{color:#edf6ff}.eyebrow{color:#2d67ba}
.card,.stat{border:1px solid #d5e5fb;background:linear-gradient(150deg,#fff 65%,#f5f9ff);box-shadow:inset 0 2px 0 #fff,var(--shadow)}.card{padding:30px}.stat{border-radius:22px}.stat strong{color:#205cc5}.stat span{color:#516c93}.feature-icon{border:1px solid #c4ddff;border-radius:14px;background:linear-gradient(#edf7ff,#d7eaff);color:#2663c2;box-shadow:inset 0 1px #fff}
.button,.submit-btn,.btn{border-radius:30px;background:linear-gradient(180deg,#4b90f7,#286be0);border:1px solid #3375df;box-shadow:inset 0 1px 0 #ffffff66,0 5px 12px #2862cb20;transition:background .15s,box-shadow .15s,transform .15s}.button:hover,.btn:hover{background:linear-gradient(#3b7feb,#205bc7);box-shadow:inset 0 1px #ffffff55,0 7px 15px #2862cb30;transform:translateY(-1px)}.button.secondary{background:linear-gradient(#fff,#f0f6ff);color:#24549c;border-color:#c9dcfa;box-shadow:inset 0 1px #fff,0 3px 8px #3866bb09}.button.secondary:hover{background:#e8f1ff;border-color:#9bc0f7;color:#1a4b98}.button.danger{background:linear-gradient(#bd4d67,#9b304d);border-color:#a33753;color:#fff;box-shadow:inset 0 1px #ffffff33}.button:disabled{opacity:.5;box-shadow:none;transform:none;cursor:not-allowed}
.connection{background:linear-gradient(125deg,#234b91,#173570);border-color:#456eb1;box-shadow:inset 0 1px #ffffff30,0 12px 25px #193f7e18;color:#fff}.connection p,.connection .eyebrow{color:#d4e5ff!important}.connection code{border-radius:16px;background:#ffffff0f;border-color:#ffffff30}
.tabs{border:0;background:#e4efff85;padding:8px;border-radius:24px;gap:6px}.tabs a{background:transparent;border:1px solid transparent;border-radius:20px;color:#4d6991}.tabs a[aria-current]{background:linear-gradient(#4a87e9,#2d64c4);border-color:#3874d0;color:#fff;box-shadow:inset 0 1px #ffffff50,0 3px 8px #3064b51c}.tabs a:hover{background:#fff;color:#2457a6}.tabs a[aria-current]:hover{background:#2d64c4;color:#fff}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:13px;border-color:#c9dcf5;background:linear-gradient(#fafdff,#fff);color:var(--ink);box-shadow:inset 0 2px 3px #3e6bae04}.field input:focus,.field select:focus,.search input:focus{outline:3px solid #80b7ff66;border-color:#518de6}.field input[type=file]{padding:12px;max-width:100%}.search{align-items:stretch}.search .button{margin:0}.search input{min-width:0}.confirm-panel{border-radius:20px;background:#eff5ff;border-color:#cfe1fc}
.notice{border-radius:18px;background:#e8f2ff;border-color:#bad6fc;color:#214f90}.notice.error{background:#fff0f4;border-color:#efc3cf;color:#923650}.badge.online,.badge.approved,.badge.completed{background:#e2efff;color:#245aa7;border:1px solid #cce0fb}.badge.pending,.badge.running,.badge.building{background:#fff3da;color:#7a5a22}.badge.offline,.badge.failed,.badge.rejected{background:#fbe8ef;color:#923651}.badge{font-size:12px}
th{background:#edf4ff;color:#47658e}.table-wrap{border-radius:16px;border:1px solid #e0eafb}td{border-color:#e1ebfb}tbody tr:hover{background:#f4f8ff}.region-card summary{color:#224f96;line-height:1.5}.region-card details{border-color:#dfeafb}.region-owner{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 18px}.region-owner>div{display:flex;flex-wrap:wrap;gap:6px;padding:8px 13px;border:1px solid #d5e5fb;border-radius:16px;background:#edf5ff;font-size:14px}.region-owner dt{font-weight:700}.region-owner dd{margin:0}.region-card .delete-panel{margin-top:16px;padding:18px;border:1px solid #ebcbd4;border-radius:18px;background:#fff8fa}.region-card .delete-panel summary{color:#993a54}.full-access,.permission-item:has(input:checked){background:#edf5ff;border-color:#9bc1f8}.permission-item{border-radius:16px}.setup-secret{background:#eaf2ff}.site-footer{border-color:#d4e3fa}.empty{background:#f0f6ff;color:#506e98;border-radius:18px}
@media(max-width:1050px){.header-inner{gap:14px}.main-nav{gap:2px}.main-nav>a:not(.button),.nav-button{padding:9px 10px}.hero{gap:28px}}
@media(max-width:720px){.header-inner{padding:16px 18px}.main-nav{gap:5px;justify-content:flex-start}.main-nav>a:not(.button),.nav-button{padding:8px 10px;font-size:13px}.card{padding:22px}.hero-art{min-height:230px;border-radius:28px}.hero-art strong{font-size:30px}.tabs{border-radius:20px}.tabs a{font-size:13px;padding:9px 12px}.search{flex-wrap:wrap}.search input{max-width:none;flex:1 1 180px}.region-owner{gap:8px}.region-owner>div{font-size:13px;max-width:100%;overflow-wrap:anywhere}.region-card .delete-panel{padding:15px}.shell{padding-top:30px}.card-title{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.button,.btn{transition:none}.button:hover,.btn:hover{transform:none}}