:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#1d1c19;background:#f5f3ed;--ink:#191918;--gold:#f4c430;--line:#d9d5c9;--muted:#706b61}
*{box-sizing:border-box}body{margin:0;min-width:320px}.topbar{height:60px;padding:0 max(16px,4vw);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white}.brand{color:var(--gold);font-weight:900;letter-spacing:.12em;text-decoration:none}.product{font-weight:650;margin-right:20px}.quiet,.back{color:inherit;background:none;border:0;cursor:pointer}.topbar .quiet{color:#ccc}
main{width:min(1180px,100%);margin:auto;padding:28px max(16px,3vw) 70px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 7px;color:#8b7b42;font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}h1{font:700 clamp(2rem,4vw,3.4rem)/1 Georgia,serif;margin:0 0 10px}.hero p:last-child,.workspace-head p{color:var(--muted);margin:0;max-width:620px}.org-picker{display:grid;gap:7px;min-width:250px;color:var(--muted);font-size:.78rem;font-weight:750}
select,input,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}.ownership{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tag,.scope{padding:5px 9px;border-radius:99px;font-size:.7rem;font-weight:800;letter-spacing:.04em}.petpooja{background:#e9eef9;color:#36517d}.byb{background:#fff0a8;color:#6b5200}.derived{background:#e6ece4;color:#3d6140}#notice:not(:empty){margin:12px 0;padding:11px 13px;border-radius:8px;background:#fff5c7}
.cards{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin;border-bottom:1px solid var(--line)}.card{flex:0 0 auto;min-height:0;padding:9px 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:700 .8rem/1.2 inherit;white-space:nowrap;cursor:pointer}.card:hover,.card:focus-visible,.card.active{border-color:#b99213;background:#fff5c7;outline:none}.card .icon{display:grid;width:25px;height:25px;place-items:center;border-radius:6px;background:var(--gold);font-size:.6rem;font-weight:900}
.workspace{scroll-margin-top:12px;margin-top:20px}.back{padding:0 0 16px;color:var(--muted)}.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-bottom:18px}.workspace-head h2{font:700 2rem Georgia,serif;margin:0 0 7px}.primary{border:0;border-radius:8px;padding:11px 16px;background:var(--ink);color:#fff;font-weight:750;cursor:pointer}.primary:disabled{opacity:.55;cursor:wait}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:white}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:12px 13px;border-bottom:1px solid #ece9e0;text-align:left;vertical-align:top}th{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.row-action{border:1px solid var(--line);border-radius:6px;background:white;padding:6px 9px;cursor:pointer}.empty{padding:30px;text-align:center;color:var(--muted);background:white;border:1px dashed var(--line);border-radius:10px}
dialog{width:min(680px,calc(100% - 20px));max-height:92vh;border:0;border-radius:13px;padding:0;box-shadow:0 28px 90px #0005}dialog::backdrop{background:#18171299}#editor-form{padding:22px;overflow:auto}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{margin:0;font:700 1.6rem Georgia,serif}.dialog-head button{font-size:1.7rem;border:0;background:none}.editor-help{color:var(--muted);font-size:.86rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.fields label,#editor-form>label{display:grid;gap:6px;color:#514d45;font-size:.78rem;font-weight:700}.fields .wide{grid-column:1/-1}.check{display:flex!important;align-items:center;gap:8px!important}.check input{width:auto}.form-error{min-height:1.2em;margin:10px 0 0;color:#9f2929;font-size:.85rem;font-weight:700}.dialog-actions{margin-top:15px;justify-content:flex-end}.dialog-actions button:not(.primary){padding:10px 15px;border:1px solid var(--line);border-radius:8px;background:white}
@media(max-width:680px){.topbar{height:54px}.hero,.workspace-head{align-items:stretch;flex-direction:column}.hero{gap:16px}.hero>div>p:last-child,.ownership{display:none}.org-picker{min-width:0}main{padding:18px 12px 50px}h1{font-size:2rem}.cards{margin:14px -12px 0;padding:0 12px 10px;position:sticky;top:0;z-index:5;background:#f5f3ed}.card{padding:8px 10px}.card .icon{display:none}.workspace{margin-top:14px}.back{display:none}.workspace-head{gap:12px;padding-bottom:14px}.workspace-head h2{font-size:1.6rem}.workspace-head .primary{width:100%}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}dialog{width:calc(100% - 12px);max-height:96vh}#editor-form{padding:18px}.product{display:none}}
