:root{font-family:Arial,sans-serif;color:#18221d;background:#f5f7f5}*{box-sizing:border-box}body{margin:0}header{height:66px;background:#101c18;color:#fff;padding:0 max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;font-size:13px}header a{color:#d5e1d9;text-decoration:none;margin-left:16px}.brand{display:flex;align-items:center;gap:10px;margin:0;color:white;font-size:15px}.logo{background:#b5f37b;color:#18221d;padding:8px;border-radius:8px;font-weight:bold}button{font:600 12px Arial;border:0;border-radius:7px;padding:10px 13px;cursor:pointer}header button{margin-left:12px;background:transparent;color:#d5e1d9}main{max-width:1120px;padding:32px 20px;margin:auto}.heading,.table-heading{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#658453;font-weight:bold;margin:0 0 6px}h1{font-size:30px;margin:0 0 20px;letter-spacing:-1px}h2{font-size:18px;margin:0 0 16px}.card{background:white;border:1px solid #e3e9e3;border-radius:12px;padding:22px;margin-bottom:16px;box-shadow:0 6px 20px #213b2410}.create-form{display:grid;grid-template-columns:1fr 1.3fr 1fr .8fr auto;align-items:end;gap:12px}label{font-size:12px;font-weight:bold;color:#526056}input,select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #dce4dc;border-radius:7px;font:13px Arial;color:#18221d;background:white}.primary{background:#b5f37b;color:#172510}.secondary{background:#e8f2e2;color:#34552b}.status,.muted{font-size:12px;color:#78857b}.created{padding:12px;background:#f0f7ec;border-radius:8px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.created code{user-select:all}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0ed;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#849087}.pill{display:inline-block;padding:5px 8px;border-radius:99px;background:#eef3ed;font-size:11px}.pill.active{background:#e7f5e5;color:#378047}.actions{display:flex;gap:6px}.actions button{background:#edf2ed;color:#405047}.actions button.danger{background:#f8eae7;color:#a44437}.error{font-size:13px;color:#a44437}.hidden{display:none!important}@media(max-width:760px){.create-form{grid-template-columns:1fr 1fr}.heading{align-items:flex-start}.actions{flex-wrap:wrap}header{padding:0 14px}header a{margin-left:6px}}

.actions button.feat-on{background:#e7f5e5;color:#2f7d3e}
.actions button.feat-off{background:#f3efe0;color:#8a6d1a}

.permission-dropdown{position:relative;display:inline-block}.permission-dropdown summary{list-style:none;background:#e8f2e2;color:#34552b;border-radius:7px;padding:10px 13px;font:600 12px Arial;cursor:pointer;white-space:nowrap}.permission-dropdown summary::-webkit-details-marker{display:none}.permission-panel{position:static;width:min(245px,80vw);max-height:70vh;overflow:auto;margin-top:6px;padding:12px;background:#fff;border:1px solid #dce4dc;border-radius:9px;box-shadow:0 8px 24px #213b2426}.permission-panel>b{display:block;margin-bottom:8px;font-size:12px}.permission-item{display:flex;align-items:center;gap:8px;padding:6px 2px;font-size:12px;font-weight:normal}.permission-item input{display:inline-block;width:auto;margin:0;accent-color:#16966d}.permission-panel [data-save-permissions]{width:100%;margin-top:8px}

.bot-ticks { display: grid; gap: 6px; }
#new-bots { display: flex; flex-wrap: wrap; gap: 6px 14px; }
#new-bots label { display: inline-flex; align-items: center; gap: 4px; font-weight: normal; }
/* Bot tick boxes in "Add a customer": a full-width row of "Bot n — name" ticks. */
#create-form .bot-ticks { grid-column: 1 / -1; }
#new-bots { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px 14px; }
#new-bots label { white-space: nowrap; }