/* All original workflows are retained; every action has a complete button surface. */
:root{--brand:#1b705b;--brand-ink:#155943;--brand-soft:#eaf3ed;--bg:#f5f6f2;--ink:#243c31;--ink-2:#53695b;--ink-3:#738476;--line:#e0e7dd;--line-2:#edf1e9;--radius:15px;--shadow:0 3px 15px -7px #264f3221}
body{background:radial-gradient(ellipse at 5% 0%,#eaf0e2 0,transparent 35%),var(--bg)}
button,[role="button"],a.btn-link,a.btn-ghost,a.btn-solid,a.btn-primary,.demo-bar a,.inspect-header a,.dbg-header a{border:1px solid var(--line);border-radius:9px;min-height:35px;background:#fff;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 2px 4px #254a2e06;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;font-weight:550;line-height:1.5}
button:hover:not(:disabled),a.btn-link:hover,a.btn-ghost:hover,.demo-bar a:hover{border-color:#b9cdbb;background:#f0f6ec;box-shadow:0 4px 10px #254a2e0d;transform:translateY(-1px);text-decoration:none}
button:focus-visible,a:focus-visible{outline:3px solid #93c6ac;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.btn-solid{background:var(--brand);color:white;border-color:var(--brand);box-shadow:0 3px 8px #1b705b25}.btn-primary:hover:not(:disabled),.btn-solid:hover:not(:disabled){background:#155943;color:#fff;border-color:#155943}.btn-ghost,.btn-link{background:#fff;border:1px solid #dce5d7;color:#527048;border-radius:9px;padding:8px 13px;text-decoration:none;min-height:35px}.btn-danger{border-color:#eac9c0;background:#fff5f1;color:#b05c4c}.btn-sm{min-height:30px;padding:5px 10px;font-size:11px}.modal-close{border:1px solid #e0e8d8;border-radius:9px;background:#f8faf5;width:33px;height:33px;padding:0;min-height:33px;color:#7b8f6e}.tab{border:1px solid #e0e9d9;background:#f8faf5;color:#708565;border-radius:9px;min-height:37px;padding:8px 14px;box-shadow:none}.tab.is-active{background:#e6f0e1;border-color:#c9ddbd;color:#2d673c;box-shadow:inset 0 -2px 0 #418254}.auth-tab{background:#ffffffa8;border:1px solid #e1e9d9;min-height:39px;padding:8px 5px;box-shadow:none;font-size:12px}.auth-tab.is-active{background:var(--brand);border-color:var(--brand);color:white;box-shadow:0 3px 8px #1b705b20}.auth-tabs{background:#f1f5ed;padding:6px;gap:6px}.auth-wrap{max-width:1120px;grid-template-columns:minmax(0,1fr) 430px;gap:75px}.auth-brand h1{font-size:43px;letter-spacing:1px;color:#31583b}.auth-brand .brand-mark{height:54px;width:54px;border-radius:17px;box-shadow:0 6px 18px #1b705b1e;font-size:26px;margin-bottom:27px}.brand-sub{font-size:15px;color:#7b8f70;line-height:1.9}.brand-points li{background:#ffffffb5;box-shadow:0 3px 10px #294a2610;border-radius:13px;padding:17px 20px;border-color:#e2e9da}.brand-points{gap:13px;margin-top:33px}.brand-points b{color:#64804f;letter-spacing:.3px}.brand-points span{color:#819172;font-size:12px;margin-top:4px}.auth-card{padding:31px;border-radius:22px;box-shadow:0 12px 45px #32572b0c;border-color:#dce6d4}.auth-card .field input{background:#fbfcf8;border-radius:10px;min-height:46px}.auth-card .auth-hint{font-size:11px;line-height:1.9}.auth-card .btn-primary{min-height:45px;font-size:14px;border-radius:11px}.demo-entry{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 11px}.demo-entry a{font-size:12px}.app-header{background:#ffffffef;border-bottom:1px solid #e1e9d8;box-shadow:0 2px 7px #2f492005}.header-inner{padding-top:18px;padding-bottom:18px}.brand-name{font-size:19px;letter-spacing:1px;color:#355c39}.brand-meta{font-size:11px;color:#86987a}.brand-mark.sm{width:38px;height:38px;border-radius:12px;box-shadow:0 3px 10px #1b705b15}.header-right{gap:9px}.header-right .btn-link{font-size:11px}.role-chip{border-radius:7px;background:#f0f5e9;color:#7d926a;border:1px solid #e0e9d4}.role-chip.is-admin{background:#eaf3e7;color:#537b41;border-color:#d5e5c9}.tabbar{gap:8px;padding-bottom:14px;padding-top:1px}.main{padding-top:29px;padding-bottom:35px}.page-title{margin-bottom:24px}.page-title h2,.page-head h2{font-size:24px;letter-spacing:.5px;color:#365d3c}.page-title .sub,.page-head .sub{color:#89997c;font-size:12px}.card{border:1px solid #e2e9da;border-radius:15px;box-shadow:0 3px 13px -8px #2a492525}.card-head{border-bottom-color:#edf1e7}.card-head h3{font-size:15px;color:#4b6e43}.card-head .sub{font-size:11px;color:#95a387}.stat-card{border-color:#e2e9d8;border-radius:15px}.stat-num,.stat-value{color:#375b36}.table-wrap{border-color:#e8eddf;border-radius:10px}table th{color:#899a7a;background:#f7faf3;border-bottom-color:#e8eedf;font-weight:550}table td{border-bottom-color:#edf1e5}tbody tr:hover{background:#fcfdf9}.badge{border:1px solid #e1e9d7;background:#f2f6ed;color:#7e9369;border-radius:6px}.badge.brand{background:#edf4e6;color:#64884e;border-color:#dce9ce}.badge.ok{background:#edf5e9;border-color:#dbe9d2;color:#63874b}.badge.warn{background:#fcf6e9;border-color:#f0e6cc;color:#a58b52}.badge.danger{background:#fff1ec;border-color:#f0d8cd;color:#b47a5e}.upload-drop{background:#fafcf6;border:1.5px dashed #c9d9bb;border-radius:13px}.upload-drop:hover{background:#f2f8eb;border-color:#8fb37a}input,select,textarea{border-radius:9px;border-color:#dfe7d6}input:focus,select:focus,textarea:focus{border-color:#86ad73;box-shadow:0 0 0 3px #e4efdc}.empty{color:#9bad89}.modal{border:1px solid #dce7d2;border-radius:18px;box-shadow:0 25px 80px #213f2540}.modal-host{background:#18302365;backdrop-filter:blur(3px)}.modal-head{border-bottom-color:#e8eddf}.modal-foot{border-top-color:#e8eddf;background:#fcfdf9}.demo-bar{background:#e7efe1!important;color:#5b764b!important;border-bottom:1px solid #d6e3ca;padding:9px 25px!important}.demo-bar .who{color:#6f845f!important}.demo-bar a{color:#5f7d4b!important;background:#ffffffc9!important;border:1px solid #ccddbf!important;border-radius:7px!important;min-height:31px;padding:5px 11px!important;font-size:11px!important;box-shadow:0 2px 5px #2b4b2010!important}.demo-bar a:hover{color:#355d32!important;background:#fff!important}.demo-bar .dot{background:#95b77b!important}.demo-bar .sep{background:#bfd0b3!important}.net-retry{border:1px solid #d9ba82;background:#fffdf6;border-radius:7px;min-height:31px;padding:6px 11px;color:#92753a}.remove-class{border:1px solid #eccac1;background:#fff7f3;color:#b8755f;border-radius:6px;width:25px;height:25px;padding:0;min-height:25px;line-height:1;font-size:15px}.agent-intro{padding:23px 25px;border:1px solid #dbe8d0;border-radius:14px;background:linear-gradient(110deg,#edf4e5,#f8faf3);margin-bottom:22px}.agent-intro h2{color:#4f7540;font-size:22px;margin-bottom:8px}.agent-intro p{font-size:12px;color:#657f54;line-height:1.9}.agent-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}.agent-prompts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.agent-prompts button{font-size:11px;background:#f5f9ef;border:1px solid #dae7cf;color:#63814e}.agent-answer{background:#f8fbf3;border:1px solid #e0ead5;border-radius:11px;padding:18px;white-space:pre-wrap;line-height:1.9;color:#526d42;font-size:13px;margin-top:16px}.agent-answer .sub{font-size:10px;color:#7c8f6c;margin-top:12px}.agent-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:185px;padding:24px;border:1.5px dashed #cdddbf;border-radius:12px;background:#fafcf7;text-align:center;color:#688551}.agent-drop p{font-size:11px;color:#81966e;margin:10px 0 15px}.agent-hint{font-size:11px;color:#7a8f68;line-height:1.9;margin-top:14px}.text-button{border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;padding:7px 12px!important;min-height:33px!important;display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;box-shadow:0 2px 4px #264a2008}
@media(max-width:900px){.auth-wrap{gap:35px;grid-template-columns:1fr 390px}.auth-brand h1{font-size:34px}.auth-card{padding:24px}.tabbar{gap:7px}.tab{padding:8px 12px;font-size:12px}.agent-grid{grid-template-columns:1fr}.header-inner{gap:12px}.header-right{gap:6px}}
@media(max-width:700px){.auth-wrap{display:block;padding:28px 20px;min-height:100vh;max-width:470px}.auth-brand .brand-mark{width:39px;height:39px;font-size:20px;margin-bottom:13px}.auth-brand h1{font-size:30px}.brand-sub{font-size:12px}.brand-points{display:none}.brand-note{margin:13px 0 23px;font-size:11px}.auth-card{padding:23px 20px;border-radius:18px}.header-inner{padding:13px 16px}.brand-name{font-size:16px}.brand-meta{font-size:10px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right .btn-link{padding:6px 9px;min-height:31px;font-size:10px}.role-chip{font-size:10px;padding:4px 7px}.brand-mark.sm{width:33px;height:33px;font-size:17px}.tabbar{padding:4px 16px 12px;gap:6px}.tab{font-size:11px;min-height:34px;padding:7px 11px;flex-shrink:0}.main{padding:21px 15px}.demo-bar{padding:8px 15px!important;font-size:10px!important;gap:6px!important}.demo-bar b{font-size:11px!important}.demo-bar .who{font-size:10px}.demo-bar .sep{display:none}.demo-bar a{font-size:10px!important;min-height:29px;padding:4px 9px!important}.agent-intro{padding:20px}.agent-intro h2{font-size:19px}.page-title h2{font-size:21px}.card{border-radius:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}