.settings-tabs{flex-wrap:wrap}
.ai-role-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;background:#f8fbf4;padding:14px;border-radius:8px;border:1px solid #e5eddc;margin:17px 0}
.ai-role-selects label{font-size:10px;color:#7e946b}
.ai-role-selects select{font-size:11px;padding:7px 8px}
.role-model-hint{font-size:9px;line-height:1.7;color:#8aa078;margin-top:7px;overflow-wrap:anywhere}
.ai-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ai-card-grid.providers{grid-template-columns:repeat(2,minmax(0,1fr))}
.ai-card{background:white;border:1px solid var(--line);border-radius:11px;padding:23px;display:flex;flex-direction:column;gap:17px;min-width:0}
.ai-card.archived{background:#fafbf7}
.ai-card-head{display:flex;align-items:flex-start;gap:11px}
.ai-card-head>div:nth-child(2){flex:1;min-width:0}
.ai-card h3{font-size:15px;margin:1px 0 7px;line-height:1.4}
.ai-role-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#edf5e5;color:#82a16a;flex-shrink:0}
.ai-role-icon.supervisor{background:#edf3f9;color:#809eaf}
.ai-role-icon.planner{background:#f3f0f8;color:#a291b0}
.ai-role-kind{font-size:10px;color:#8da17c}
.role-description{font-size:11px;line-height:1.9;color:#6b835a;min-height:62px;white-space:pre-wrap}
.ai-model-line{font-size:11px;color:#77945f;display:flex;align-items:center;gap:7px;border-top:1px solid #edf1e6;padding-top:15px;overflow-wrap:anywhere}
.ai-model-line svg{width:14px;height:14px}
.ai-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.ai-card-footer .btn{min-height:31px;font-size:10px;padding:0 10px}
.ai-list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}
.provider-models{display:flex;gap:6px;flex-wrap:wrap}
.provider-model-tag{font-size:10px;border:1px solid #e0ead5;background:#f7faf3;padding:5px 8px;border-radius:5px;color:#7b9469}
.provider-endpoint{font-size:11px;color:#899d78;overflow-wrap:anywhere;line-height:1.9}
.provider-dialog{width:640px;max-height:90vh;overflow:auto}
.role-editor-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,1fr);gap:21px;align-items:start}
.role-editor-layout .section+.section{margin-top:18px}
.role-editor-layout textarea{min-height:130px}
.role-behavior{margin-top:19px}
.role-behavior .field+.field{margin-top:17px}
.policy-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:23px;align-items:start}
.policy-layout .surface+.surface{margin-top:19px}
.policy-layout textarea{min-height:140px}
.policy-layout .policy-note{font-size:11px;line-height:2;color:#82986f}
.policy-example{margin-top:20px;background:#f8faf4;border:1px solid #e4ebda;border-radius:8px;padding:16px;font-size:11px;line-height:1.9;color:#7f956b}
.rule-grid{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:14px;align-items:center;padding:15px 0;border-top:1px solid #edf1e6}
.rule-grid:first-of-type{border-top:0}
.rule-name{font-size:12px;color:#6c8657}
.rule-detail{font-size:10px;color:#8da07c;line-height:1.8;margin-top:4px}
.rule-grid select{width:100%;padding:8px 9px;border:1px solid #dce6d1;border-radius:6px;background:white;color:#688351;font-size:11px}
.rule-grid label{font-size:10px;color:#80966c;display:flex;gap:6px;align-items:center}
.rule-grid input{accent-color:var(--green)}
.generation-dialog{width:760px;max-height:92vh;overflow:auto}
.generation-editor{width:100%;min-height:275px;resize:vertical;border:1px solid #dce7d1;border-radius:8px;padding:15px;font:inherit;font-size:12px;line-height:1.95;color:#668450;margin-top:17px}
.generation-stage{display:flex;gap:11px;align-items:center;padding:14px 0;color:#8a9e77;border-bottom:1px solid #ecf1e5;font-size:12px}
.generation-stage svg{width:16px;height:16px;color:#86a968}
.generation-stage.pending{color:#a5b294}
.generation-context{background:#f7faf1;border:1px solid #e4ecda;border-radius:8px;padding:15px;margin-top:15px;font-size:11px;line-height:1.9;color:#7b9568}
.role-assignments{display:flex;flex-direction:column;gap:13px}
.role-assignment{display:flex;gap:9px;align-items:flex-start}
.role-assignment .ai-role-icon{height:29px;width:29px;border-radius:7px}
.role-assignment .ai-role-icon svg{height:15px;width:15px}
.role-assignment strong{font-size:11px;font-weight:550;color:#65814f}
.role-assignment p{font-size:10px;color:#8ca176;margin-top:4px;line-height:1.65}
.request-card{border:1px solid #e9dcb9;background:#fffdf6;border-radius:10px;padding:20px;margin:20px 0}
.request-card.approved{border-color:#d8e6c8;background:#f7fbf0}
.request-card.denied{border-color:#ead7cc;background:#fdf8f5}
.request-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.request-header h3{font-size:14px;color:#8c774b}
.request-fields{display:grid;grid-template-columns:90px 1fr;gap:9px 12px;font-size:11px;line-height:1.85}
.request-fields dt{margin:0;color:#968667}
.request-fields dd{margin:0;color:#776c52;white-space:pre-wrap}
.request-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:17px}
.request-actions .btn{font-size:11px;min-height:33px}
.decision-reason{border-top:1px solid #e8e3d0;margin-top:15px;padding-top:14px;font-size:11px;line-height:1.95;color:#827450;white-space:pre-wrap}
.decision-reason strong{display:block;margin-bottom:5px}
.request-meta{font-size:10px;color:#a3977a;line-height:1.8;margin-top:11px}
.monitor-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:21px}
.monitor-summary .summary-item{border-radius:9px}
.monitor-pending{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e9dec4;background:#fdfaf2;padding:18px 22px;border-radius:10px;margin-bottom:22px}
.monitor-pending strong{font-size:13px;color:#907c50}
.monitor-pending p{font-size:11px;color:#a28e63;margin-top:7px;line-height:1.8}
.run-control-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#f6f9f2;border:1px solid #e0e9d5;border-radius:8px;margin:17px 0;font-size:11px;color:#80966c}
.run-control-strip .actions{gap:7px}
.run-control-strip .btn{font-size:10px;min-height:29px}
.simulation-controls{margin-top:20px;padding:16px 18px;background:#f8fbf3;border:1px dashed #dce8cf;border-radius:9px;text-align:left}
.simulation-controls p{font-size:10px;color:#91a47b;margin-bottom:12px;line-height:1.8}
.simulation-controls select{width:100%;border:1px solid #dce7d2;border-radius:6px;padding:8px 9px;font-size:11px;color:#718b5e;background:white;margin-bottom:12px}
.simulation-controls .btn{font-size:11px}
.workflow-mini-summary{display:flex;flex-wrap:wrap;gap:7px;font-size:10px;line-height:1.8;margin-top:12px;color:#8da47b}
.workflow-mini-summary span{border:1px solid #e1ead5;border-radius:5px;padding:3px 6px;background:#f8fbf3}
.role-warning{margin-top:16px;font-size:11px;line-height:1.9;color:#aa8763}
.version-chip{font-size:9px;border-radius:4px;border:1px solid #dee9d2;color:#91a67e;padding:2px 5px}
.ai-policy-saved{font-size:10px;color:#87a36e;margin-left:auto}
.review-count{background:#f3e8c9;color:#9e8044;padding:1px 5px;border-radius:4px;font-size:9px;margin-left:2px}
.action-status{font-size:10px;color:#8d9f7b}
@media(max-width:1050px){.ai-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-layout{grid-template-columns:1fr 280px}.ai-role-selects{grid-template-columns:1fr}.role-editor-layout{grid-template-columns:1fr 300px}}
@media(max-width:780px){.ai-card-grid,.ai-card-grid.providers,.policy-layout,.role-editor-layout{grid-template-columns:1fr}.policy-layout aside{order:-1}.ai-role-selects{grid-template-columns:repeat(3,1fr)}.rule-grid{grid-template-columns:1fr 1fr}.rule-grid label{grid-column:1/-1}.monitor-summary{grid-template-columns:repeat(3,1fr)}.monitor-pending{flex-wrap:wrap}.request-fields{grid-template-columns:75px 1fr}.run-control-strip{flex-wrap:wrap}}
@media(max-width:480px){.ai-role-selects{grid-template-columns:1fr}.ai-list-toolbar{align-items:flex-start}.ai-card{padding:19px}.monitor-summary{grid-template-columns:1fr}.generation-dialog{padding:21px}.request-card{padding:16px}.request-fields{grid-template-columns:1fr;gap:4px}.request-fields dd{margin-bottom:9px}.request-actions .btn{flex:1}.rule-grid{grid-template-columns:1fr}.rule-grid label{grid-column:auto}.role-description{min-height:0}}