:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-border: #e6e8eb;--color-border-light: #eef0f2;--color-text: #1f2937;--color-text-muted: #6b7280;--color-primary: #2f6fed;--color-primary-dark: #1e54c4;--color-primary-soft: #eef3fe;--color-primary-contrast: #ffffff;--color-danger: #e5484d;--color-success: #2e9e5b;--color-warning: #d9822b;--color-accent: #ef8c3c;--color-sidebar-bg: #17212e;--color-sidebar-text: #aab8c5;--sidebar-width: 208px;--header-height: 48px;--radius: 10px;--radius-sm: 6px;--shadow-card: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.05);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--font-sans: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-size: 13px}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size)}.btn{font:inherit;font-size:12px;padding:6px var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.btn:hover{border-color:var(--color-primary)}.btn:focus-visible,.field input:focus-visible,.nav button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.btn--accent{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover,.btn--accent:hover{background:var(--color-primary-dark)}.btn:disabled{opacity:.45;cursor:not-allowed}.badge{display:inline-block;white-space:nowrap;padding:2px var(--space-2);border-radius:999px;font-size:12px;border:1px solid var(--color-border)}.badge--ok{color:var(--color-success);border-color:var(--color-success)}.badge--warn{color:var(--color-warning);border-color:var(--color-warning)}.badge--off{color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-card)}.card h2{margin:0 0 var(--space-3);font-size:13px}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.table{width:100%;border-collapse:collapse;background:var(--color-surface)}.table th,.table td{text-align:left;padding:7px var(--space-3);border-bottom:1px solid var(--color-border);font-size:12px;white-space:nowrap}.table td.empty{text-align:center;color:var(--color-text-muted);padding:var(--space-6) var(--space-3)}.table td.wrap{white-space:normal;min-width:18em}.table th{color:var(--color-text-muted);font-weight:600;font-size:11px;background:var(--color-surface)}.table tr:last-child td{border-bottom:0}.field{display:grid;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-size:13px;color:var(--color-text-muted)}.field input,.field textarea{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}.userlink{font:inherit;background:none;border:0;color:var(--color-text);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm)}.userlink:hover{background:var(--color-bg);color:var(--color-primary)}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:var(--header-height) 1fr;min-height:100vh}.topbar{grid-column:2;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:0 var(--space-4)}.side{grid-row:1 / span 2;background:var(--color-sidebar-bg);color:var(--color-sidebar-text);padding:var(--space-4) var(--space-3)}.side .brand{font-weight:700;font-size:15px;color:#fff;margin-bottom:var(--space-6);padding:0 var(--space-3)}.nav{display:grid;gap:var(--space-1)}.nav button{font:inherit;text-align:left;color:inherit;background:transparent;border:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.nav button:hover{color:#fff}.nav button[aria-current=page]{background:var(--color-primary);color:#fff;font-weight:600}.main{padding:var(--space-6);display:grid;gap:var(--space-4);align-content:start;min-width:0}.main h1{margin:0;font-size:16px;color:var(--color-text)}.toolbar{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap}.toolbar>h1,.toolbar>h2{white-space:nowrap}.stack{display:grid;gap:var(--space-4);align-content:start;grid-template-columns:minmax(0,1fr);min-width:0}.grid2>*,.grid3>*{min-width:0}.card{min-width:0}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-4);align-items:start}.list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.list button{width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:1px solid transparent;padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer}.list button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft)}.login{max-width:360px;margin:12vh auto}@media(max-width:1000px){:root{--sidebar-width: 172px}.main{padding:var(--space-4)}}.menu-toggle{display:none}@media(max-width:760px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr}.side{grid-row:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4)}.side .brand{margin:0}.menu-toggle{display:inline-block}.side .nav{display:none;width:100%;margin-top:var(--space-3)}.side.open .nav{display:grid}.topbar{grid-column:1;grid-row:2;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);min-height:var(--header-height);padding:var(--space-2) var(--space-4)}.main{grid-row:3;padding:var(--space-4) var(--space-3)}}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);overflow-x:auto}.tabs button{white-space:nowrap;font:inherit;background:transparent;border:0;border-bottom:2px solid transparent;padding:var(--space-2) var(--space-4);cursor:pointer;color:var(--color-text-muted)}.tabs button[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2) var(--space-4);margin:0}.kv dt{color:var(--color-text-muted);white-space:nowrap}.kv dd{margin:0;overflow-wrap:anywhere}.select,.search{font:inherit;padding:6px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.screen{background:#0d1117;color:#8b98a8;border-radius:var(--radius);min-height:320px;display:grid;place-items:center}.notice{background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-3)}.notice--warn{background:#fdf3e7;border-color:var(--color-warning)}.later{opacity:.6}h2.section{margin:0;font-size:14px;color:var(--color-text)}.nav .group{font-size:11px;margin:var(--space-4) var(--space-3) var(--space-1);text-transform:none;color:#6f8196}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--space-4);align-items:stretch}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}a:visited{color:var(--color-primary)}.card .row .select,.field input,.field textarea,.select,.search{max-width:100%}a.btn{display:inline-block;text-decoration:none}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.output{max-width:100%;box-sizing:border-box;margin:0;padding:var(--space-3);background:#0d1117;color:#d7dde5;border-radius:var(--radius);max-height:360px;overflow:auto;white-space:pre}.remote-frame{width:100%;height:calc(100vh - 300px);min-height:480px;border:1px solid var(--color-border);border-radius:var(--radius);background:#0d1117}.ticket-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-4);align-items:start}.ticket-layout>*{min-width:0}@media(max-width:1100px){.ticket-layout{grid-template-columns:minmax(0,1fr)}}.ai-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.ai-item{min-width:0;overflow:hidden;border:1px solid var(--color-border-light);border-radius:var(--radius);background:var(--color-surface)}.ai-item__head>*{min-width:0}.ai-item__head{display:grid;gap:2px;width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:0;padding:var(--space-2) var(--space-3);cursor:pointer}.ai-item__head[aria-expanded=true]{background:var(--color-primary-soft)}.ai-item__meta{font-size:11px;color:var(--color-text-muted);overflow-wrap:anywhere}.ai-item__summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-item__body{padding:var(--space-3);border-top:1px solid var(--color-border-light);overflow-x:auto;min-width:0}.ai-item__body ul,.ai-item__body ol{padding-left:1.4em}.cmd-list{list-style:none;margin:var(--space-2) 0;padding:0!important;display:grid;gap:var(--space-2)}.cmd-item{display:grid;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border-light);border-radius:var(--radius);background:var(--color-bg)}.cmd-item__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.cmd-item__level{font-size:11px;color:var(--color-text-muted)}.cmd-item__reason{font-size:12px;color:var(--color-text-muted);overflow-wrap:anywhere}.cmd-item .output{max-height:280px}.inv-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start}.inv-cols>*{min-width:0}@media(max-width:1000px){.inv-cols{grid-template-columns:minmax(0,1fr)}}.table--fit th,.table--fit td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.inv-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.inv-list li{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-width:0;overflow-wrap:anywhere}.inv-list small{display:block;color:var(--color-text-muted);font-size:11px}.inv-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-3)}.inv-tile{border:1px solid var(--color-border-light);border-radius:var(--radius);padding:var(--space-3);background:var(--color-surface);min-width:0}.inv-tile__label{font-size:11px;color:var(--color-text-muted)}.inv-tile__value{font-size:14px;font-weight:600;overflow-wrap:anywhere}.inv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.inv-bar__time{color:var(--color-text-muted);font-size:12px}.seg{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.seg button{font:inherit;font-size:12px;padding:5px var(--space-3);background:var(--color-surface);border:0;border-right:1px solid var(--color-border);cursor:pointer;color:var(--color-text)}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-contrast)}.dt-scroll{overflow:auto;max-height:520px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.dt-scroll .table{border:0}.dt-scroll .table thead th{position:sticky;top:0;z-index:1;background:var(--color-surface)}.dt-sort{font:inherit;font-size:11px;font-weight:600;color:var(--color-text-muted);background:none;border:0;padding:0;cursor:pointer;white-space:nowrap}.dt-sort[aria-pressed=true]{color:var(--color-primary)}.dt-cell-wrap{white-space:normal!important;min-width:12em;overflow-wrap:anywhere}.table th.num,.table td.num{text-align:right;font-variant-numeric:tabular-nums}.table th.num .dt-sort{text-align:right}.table td.dt-name{white-space:normal;min-width:22em;max-width:52em;overflow-wrap:break-word;word-break:normal}
