:root{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#243129;background:#f6f7f4;--green:#284d3a;--muted:#58675e;--line:#dce2da;--small:.875rem;--body:1rem;--title:2rem}
*{box-sizing:border-box}body{margin:0;font-size:var(--body);line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}button,input,select{border-radius:8px}button{padding:10px 16px;border:1px solid var(--line);background:#fff;color:inherit;font-weight:600;transition:background-color .15s,scale .1s}button:hover{background:#eef2eb}button:active{scale:.96}button:disabled{cursor:wait;opacity:.55}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#1c3c2b}button.danger{color:#9f2632}button.quiet{background:transparent;border-color:transparent}button.small{padding:6px 10px;font-size:var(--small)}:focus-visible{outline:3px solid #4b785e;outline-offset:3px}input,select{width:100%;padding:10px 12px;border:1px solid #aab8ab;background:#fff;color:inherit}input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:var(--title);line-height:1.15;letter-spacing:-.025em;text-wrap:balance;margin-bottom:12px}h2{font-size:1.3rem;line-height:1.3;letter-spacing:-.015em}h3{font-size:1.05rem;line-height:1.4}p{max-width:70ch;text-wrap:pretty}.muted,.help{color:var(--muted)}.help{font-size:var(--small);margin:8px 0 0}.brand{font-weight:750;font-size:1.25rem;letter-spacing:-.025em}.brand span{color:var(--muted);font-weight:450}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;border-bottom:1px solid var(--line);background:white}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.space{justify-content:space-between}.shell{max-width:1200px;margin:auto;padding:28px 32px 64px}nav{display:flex;gap:6px;margin-bottom:34px;flex-wrap:wrap}nav button{border-color:transparent;background:transparent}nav button[aria-current=page]{background:#e2eadf;color:#1e402b}.intro{margin-bottom:24px}.intro p{margin-bottom:0}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:18px 0}.panel h2:last-child{margin-bottom:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--small)}th{color:var(--muted);font-size:.8rem;font-weight:650}td,th{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child,th:first-child{padding-left:0}tr:last-child td{border-bottom:0}.name{font-weight:650;overflow-wrap:anywhere}.detail{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.badge{display:inline-block;white-space:nowrap;font-size:.8rem;padding:3px 9px;border-radius:20px;background:#e9f1e5;color:#285132}.badge.pending{background:#fff2d2;color:#755215}.badge.blocked{background:#f9e8e6;color:#922d2d}.badge.neutral{background:#edf0ed;color:#46574a}.actions{display:flex;gap:4px;flex-wrap:wrap}.empty{padding:30px 0;color:var(--muted)}.auth{max-width:480px;margin:10vh auto;padding:24px}.auth .panel{padding:32px}.auth .brand{margin-bottom:32px}.auth h1{font-size:1.8rem}.stack{display:grid;gap:18px}.field{display:grid;gap:7px;font-weight:600;font-size:var(--small)}.field .help{font-weight:400}.check{display:flex;align-items:flex-start;gap:10px;font-size:var(--small);font-weight:400}.check input{flex-shrink:0;margin-top:3px}fieldset{margin:0;border:1px solid var(--line);border-radius:8px;padding:14px}legend{font-size:var(--small);font-weight:650;padding:0 5px}.checks{display:grid;gap:10px}.mono,code,pre{font-family:ui-monospace,"Cascadia Code",Consolas,monospace;font-size:.875rem;overflow-wrap:anywhere}.numeric{font-variant-numeric:tabular-nums}pre{background:#f1f4ef;border-radius:8px;padding:18px;white-space:pre-wrap;line-height:1.6}.error{color:#a02530;font-size:var(--small);margin:0}.error:empty{display:none}dialog{border:0;border-radius:16px;padding:28px;width:min(560px,calc(100vw - 32px));max-height:90vh;color:inherit;box-shadow:0 8px 32px #0002,0 2px 8px #0001}dialog::backdrop{background:#182b2580}dialog h2{padding-right:20px}.dialog-actions{justify-content:flex-end;margin-top:24px}.secret{padding:18px;border:1px solid #bfceb6;background:#f1f6eb;border-radius:10px}.secret input{font-family:ui-monospace,Consolas,monospace;font-size:.85rem}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#233e2c;color:#fff;border-radius:10px;max-width:calc(100vw - 32px);box-shadow:0 5px 20px #0002;z-index:10}#notice:empty{display:none}.loading{padding:64px;color:var(--muted)}.integration-header{margin-bottom:18px}.integration-header h2{margin:0}.integration-header .detail{margin-top:4px}.scope-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.security-note{padding-left:14px;border-left:3px solid #aabd9f}.section-gap{margin-top:30px}
@media(max-width:700px){.topbar{padding:16px;align-items:flex-start}.topbar .row{gap:4px;justify-content:flex-end}.topbar .username{display:none}.shell{padding:20px 16px 48px}.panel{padding:18px}.intro.row{align-items:flex-start}.auth{margin:4vh auto;padding:16px}.auth .panel{padding:24px}h1{font-size:1.7rem}nav{margin-bottom:24px}input,select{font-size:16px}.table-scroll{margin-right:-6px}.topbar button{font-size:.8rem;padding:8px}dialog{padding:22px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:active{scale:1}}
