:root{--accent:#6554e8;--ink:#20263e;--muted:#737b91;--border:#e7eaf2}*{box-sizing:border-box}body{background:#f5f6fb;color:var(--ink);font-family:Inter,system-ui,sans-serif;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:10px;padding:10px 15px;background:white;color:var(--ink)}button:hover{border-color:var(--accent);background:#f4f1ff}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#5342c8;color:white}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b9adff;outline-offset:2px}aside{width:238px;background:#fff;position:fixed;height:100vh;padding:28px 18px;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{font-size:30px;font-weight:800;letter-spacing:-1px;color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:1.2px;color:var(--muted);margin-top:8px}nav{display:grid;gap:5px;margin-top:28px}nav button{text-align:left;border:none;background:none;padding:12px 16px;color:#5e657b}nav .active{background:#eeebff;color:var(--accent);font-weight:700}aside footer{margin-top:auto;font-size:12px;padding:14px 6px}small{display:block;color:var(--muted);font-size:12px;line-height:1.6}aside footer button{margin-top:14px}main{margin-left:238px;padding:34px 42px;max-width:1680px}main>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}h1{font-size:30px;letter-spacing:-.8px;margin:8px 0}h2{font-size:20px;margin:0 0 14px}h3{font-size:15px;margin:24px 0 10px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:var(--accent)}.muted{color:var(--muted);font-size:13px;line-height:1.6}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;margin-bottom:22px;box-shadow:0 5px 22px #27304b04}.two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;margin-bottom:10px}input,select,textarea{width:100%;min-width:0;border:1px solid #dce0ec;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}input[type=color]{height:46px;padding:5px}textarea{resize:vertical;line-height:1.5}.actions,.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.toolbar input,.toolbar select{width:auto;max-width:220px;flex:1}.toolbar label{font-size:11px}.save-bar{margin-top:25px;padding-top:20px;border-top:1px solid var(--border);position:sticky;bottom:0;background:#fff}.toggle-grid,.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:15px 0}.toggle{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:12px;padding:16px;gap:20px;font-size:13px;margin-bottom:12px}.toggle input{width:36px;height:20px}.toggle span small{margin-top:5px}.choice{border:1px solid var(--border);border-radius:12px;padding:18px;font-size:13px;display:grid;gap:8px;cursor:pointer}.choice:has(input:checked){border-color:var(--accent);background:#f2efff}.image-control img{width:80px;height:80px;object-fit:contain}.drop-zone{border:2px dashed #d8d6ee;border-radius:16px;min-height:180px;padding:22px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;text-align:center;font-size:12px;cursor:pointer;background:#faf9ff}.image-control details{margin:12px 0}details{border-top:1px solid var(--border);padding:16px 0;margin-top:20px}summary{cursor:pointer;font-size:13px;font-weight:600}.schedule>div{display:grid;grid-template-columns:130px 105px 18px 105px 90px auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.schedule input{padding:8px}.schedule label{display:flex;gap:7px;align-items:center}.notice{background:#f3f0ff;border-radius:10px;padding:15px;font-size:12px;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.chip{display:flex;align-items:center;gap:10px;background:#f0edff;padding:4px 7px 4px 14px;border-radius:24px;font-size:12px}.chip button{padding:3px 8px;border:none;background:none}.badge{display:inline-block;border-radius:20px;background:#edf0f7;color:#657087;font-size:11px;padding:5px 10px;white-space:nowrap}.badge.new,.badge.requested{color:#6651c7;background:#efebff}.badge.qualified,.badge.completed,.badge.Activo{background:#e6f7ef;color:#278464}.badge.cancelled,.badge.Agotado{background:#fff0ed;color:#b56750}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#8b91a4;border-bottom:1px solid var(--border);padding:14px 10px}td{padding:16px 10px;border-bottom:1px solid #f0f1f7;vertical-align:middle}td button{padding:6px 10px;font-size:11px}.table-wrap{overflow-x:auto}.thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#f5f5fa}.secondary-id{font-size:9px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:12px;margin-top:18px}.pagination span{margin-right:auto;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{background:white;border:1px solid var(--border);border-radius:16px;padding:23px}.metric strong{display:block;font-size:32px;margin-top:12px;letter-spacing:-1px}.chart{height:160px;display:flex;align-items:flex-end;gap:4px;padding:15px 0}.chart>div{height:100%;flex:1;display:flex;align-items:flex-end;gap:1px}.chart span{width:70%;background:#8e7cea;border-radius:3px 3px 0 0}.chart i{width:30%;background:#48be9b}.recent-row{display:block;width:100%;text-align:left;margin:8px 0;border:none;border-bottom:1px solid var(--border)}.onboarding-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#ede9ff,#fff);border:1px solid #ddd5ff;border-radius:18px;padding:25px;margin-bottom:22px}.onboarding-progress{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.onboarding-progress button{font-size:11px}.onboarding-progress .active{background:var(--accent);color:white}.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.knowledge-card{border:1px solid var(--border);border-radius:14px;padding:19px}.knowledge-card p{font-size:12px;line-height:1.7;color:var(--muted)}.empty{padding:45px;text-align:center;color:var(--muted);font-size:13px}.skeleton{height:130px;background:linear-gradient(90deg,#ebeef5,#f6f7fb,#ebeef5);border-radius:16px;margin-bottom:20px;background-size:200%;animation:loading 1.4s infinite}@keyframes loading{to{background-position:-200%}}dialog{border:1px solid var(--border);border-radius:20px;max-width:880px;width:calc(100% - 40px);max-height:90vh;padding:0;box-shadow:0 20px 80px #1d27473d}dialog::backdrop{background:#161d3659;backdrop-filter:blur(3px)}dialog>header{padding:22px 26px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;background:white;z-index:1}dialog>header h2{margin:0}dialog>div{padding:24px 26px}.drawer{max-width:500px;margin-right:20px;height:94vh}.playground{width:100%;height:65vh;border:1px solid var(--border);border-radius:15px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:13px}.history{display:flex;flex-direction:column;gap:12px}.bubble{max-width:86%;border-radius:14px;padding:14px;background:#f1f2f8;font-size:13px;line-height:1.7;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:#ede7ff}.products{display:flex;gap:10px;flex-wrap:wrap}.product{background:white;border:1px solid var(--border);border-radius:12px;padding:12px;font-size:12px;margin-top:10px}.product img{max-width:100px;max-height:100px}.preview-sticky{position:sticky;top:15px}.preview-browser{background:#f1f3f9;border:1px solid var(--border);border-radius:13px;padding:13px;min-height:490px}.preview-browser>span{font-size:10px;color:var(--muted)}.preview-chat{width:95%;max-width:320px;margin:22px auto 18px;border-radius:17px;overflow:hidden;background:white;box-shadow:0 12px 25px #29374f15}.preview-head{padding:18px;color:white;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.preview-head img{width:30px;height:30px;object-fit:contain}.preview-head small{width:100%;color:#eee}.preview-body{padding:15px;min-height:240px}.preview-product{padding:13px;border:1px solid var(--border);border-radius:11px;background:white;font-size:12px}.product-picture{height:50px;background:#f5f3ff;border-radius:8px;text-align:center;padding:15px;color:var(--accent);margin-bottom:8px}.preview-input{padding:16px;font-size:10px;border-top:1px solid var(--border);color:#8c91a0}.preview-input span{float:right}.preview-launcher{display:block;margin-left:auto;color:white;border:none;font-size:12px}.preview-launcher.left{margin-left:0}.preview-chat.dark{background:#192235;color:white}.preview-chat.dark .bubble{background:#2a3451}.preview-chat.dark .preview-product{background:#2a3451}.snippet{background:#f5f6fb;border:1px solid var(--border);padding:16px;border-radius:10px;white-space:pre-wrap;word-break:break-all;font-size:11px}pre{max-height:300px;overflow:auto}.login-scene{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 20%,#e5defe,transparent 50%),#f7f7fc}.login{max-width:440px;background:white;border:1px solid var(--border);border-radius:22px;padding:40px;margin:70px auto}.login .field{margin:20px 0}.login button.primary{width:100%;margin-top:15px}.pill{font-size:10px;background:#eceaf8;padding:8px 13px;border-radius:20px;color:var(--accent)}.support-banner{position:sticky;top:0;z-index:10;background:#ffe7ac;color:#5c4615;padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:12px}.support-banner strong{font-size:11px}.support-banner~aside{height:calc(100vh - 65px)}.workspace{margin-top:20px;font-size:11px}.workspace select{margin-top:5px;font-size:12px}.danger{color:#b55054}.error{background:#fff0ef;color:#a7484d;padding:20px;border-radius:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#24263f;color:white;padding:14px 22px;border-radius:12px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}@media(max-width:1050px){main{padding:25px}.two-col{grid-template-columns:1fr}.schedule>div{grid-template-columns:110px 90px 14px 90px 80px auto}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{position:relative;width:100%;height:auto;padding:15px}aside nav{display:flex;overflow:auto;margin:14px 0;gap:4px}nav button{white-space:nowrap;padding:8px 12px;font-size:12px}aside footer{display:none}.brand{font-size:24px}.brand small{font-size:8px}main{margin:0;padding:18px}main>header{align-items:flex-start}h1{font-size:25px}.fields{grid-template-columns:1fr}.card{padding:19px}.schedule>div{grid-template-columns:1fr 1fr 15px 1fr;gap:6px}.schedule>div label:first-child{grid-column:1/-1}.schedule>div label:nth-last-child(2){grid-column:1/3}.schedule>div button{grid-column:3/-1;font-size:10px}.support-banner{flex-wrap:wrap;gap:7px}.support-banner~aside{height:auto}.onboarding-card{display:block}.onboarding-card button{margin-top:12px}.drawer{margin:auto;height:90vh}.preview-sticky{position:static}.toolbar input,.toolbar select{max-width:100%}.detail-grid{grid-template-columns:1fr}}

.toggle input{appearance:none;-webkit-appearance:none;width:38px;height:22px;flex:none;border:none;border-radius:20px;background:#cbd1de;position:relative;cursor:pointer;padding:0;transition:background .2s}.toggle input::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .2s}.toggle input:checked{background:var(--accent)}.toggle input:checked::before{transform:translateX(16px)}.field small{font-weight:400}.save-bar{box-shadow:0 -8px 18px #fff;z-index:2;padding-bottom:8px}aside footer{color:var(--ink)}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.toggle-grid{grid-template-columns:1fr}}
.preview-chat.left{margin-left:0;margin-right:auto}.preview-chat.right{margin-right:0;margin-left:auto}
/* Phase 12: accessible authentication and account security. */
.auth-card{max-width:460px}.auth-card h1{font-size:28px;line-height:1.2}.auth-card form{display:grid;gap:16px}.password-control{display:flex;align-items:center;position:relative}.password-control input{padding-right:80px;width:100%}.password-control button{position:absolute;right:5px;padding:8px;font-size:12px;border:0;background:transparent;color:#5042a8}.password-control button:focus-visible{outline:2px solid #6654df;outline-offset:1px}.auth-error{border:1px solid #bf203a;background:#fff0f2;color:#9a1730;border-radius:10px;padding:14px;font-weight:600;line-height:1.5}.auth-error[hidden]{display:none}.auth-error:focus{outline:3px solid #f3a8b4;outline-offset:3px}.auth-invalid input[type=password]{border-color:#bf203a}.password-requirements{list-style:none;padding:0;margin:0;font-size:13px;color:#606779;display:grid;gap:6px}.password-requirements .valid{color:#157347}.field-error{color:#b01f38;font-size:13px;margin:0}.text-button{background:none;border:0;color:#5844bd;padding:14px 0}.auth-footnote{display:block;margin-top:18px;color:#697386}.invite-summary{display:grid;gap:6px;background:#f5f3ff;padding:16px;border-radius:12px;margin:20px 0}.invite-summary span{color:#666;font-size:13px}.account-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.account-tabs button.active{background:#ece8ff;color:#5742b9;border-color:#c7bbfa}.security-actions{display:grid;gap:12px}.security-actions button{text-align:left}.session-card{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px;border:1px solid #e7e7f1;border-radius:12px;margin-bottom:12px}.user-avatar{display:inline-flex;width:38px;height:38px;border-radius:50%;background:#eeeaff;color:#624aba;align-items:center;justify-content:center;font-weight:700;margin-right:10px}.user-header{display:flex;align-items:center;gap:14px;margin-bottom:22px}.user-header h3,.user-header p{margin:5px 0}.badge.suspended,.badge.revoked{background:#fff0f2;color:#a5213a}.badge.change_required,.badge.expired{background:#fff5de;color:#865917}.badge.active,.badge.accepted{background:#eaf8ef;color:#1c7b47}
aside{overflow-y:auto}aside nav,aside footer{flex-shrink:0}@media(max-width:700px){aside footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:4px 0}aside footer strong{display:none}aside footer small{flex:1;min-width:150px;overflow-wrap:anywhere}aside footer button{margin:0;padding:7px 10px;font-size:11px}.auth-card{margin:24px 16px;padding:26px;max-width:calc(100% - 32px)}}
/* Phase 15: local RC, long forms, narrow screens and keyboard access. */
[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:1000;background:white;padding:12px;border:2px solid var(--accent);border-radius:8px}.skip-link:focus{transform:none}
.two-col>*{min-width:0}.fields>*{min-width:0}.card,.knowledge-card,.bubble,.notice{overflow-wrap:anywhere}.schedule>div{grid-template-columns:minmax(90px,1fr) minmax(80px,1fr) 14px minmax(80px,1fr) minmax(70px,1fr) auto}.schedule input[type=time]{min-width:0;width:100%}.support-banner{z-index:50;border-bottom:3px solid #dd7300}.role-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:1px solid var(--border);padding:15px;border-radius:12px;font-size:12px}.installation-steps{padding-left:20px;font-size:13px;line-height:1.8}.table-wrap{max-width:100%;min-width:0}.toolbar{min-width:0}.toolbar input,.toolbar select{min-width:100px}pre{max-width:100%;overflow:auto}.auth-error{scroll-margin:100px}.actions button{white-space:normal}
@media(max-width:1100px){.schedule>div{grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) 15px minmax(90px,1fr)}.schedule>div label:first-child{grid-column:1/-1}.schedule>div label:nth-last-child(2){grid-column:1/3}.schedule>div button{grid-column:3/-1}.save-bar{position:static}.role-guide{grid-template-columns:1fr}}
@media(max-width:700px){.schedule>div{grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr)}.schedule>div label:first-child{grid-column:1/-1}.schedule>div input[type=time]{grid-column:auto}.schedule>div label:nth-last-child(2){grid-column:1/2}.schedule>div button{grid-column:2/-1}.metrics{gap:10px}.metric{padding:15px}.metric strong{font-size:27px}.pagination{flex-wrap:wrap}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table-wrap tbody tr{border:1px solid var(--border);border-radius:12px;padding:8px 12px;margin:12px 0}.table-wrap td{display:flex;justify-content:space-between;gap:15px;padding:10px 0;flex-wrap:wrap;overflow-wrap:anywhere}.table-wrap td::before{content:attr(data-label);font-size:11px;color:#535e76;font-weight:600;max-width:40%}.table-wrap td:last-child{border-bottom:0}.table-wrap td small{width:100%}.onboarding-progress button{flex:1 1 120px}.choice-grid{grid-template-columns:1fr}.drawer{width:calc(100% - 20px);height:94vh}.playground{height:70vh}dialog>div{padding:18px}dialog>header{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root{--muted:#586278}th{color:#586278}.aria-test-action{border:1px solid #dce0ec;background:white;border-radius:8px;padding:7px 10px;cursor:pointer;color:#343c53}
/* Phase 16: plan and activity surfaces share the existing SaaS design. */
.plan-mini{display:flex;justify-content:space-between;align-items:center;gap:16px}.plan-mini small{display:block;margin-top:6px}.usage-grid,.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:20px 0}.usage-card{background:#fff;border:1px solid #e5e7f0;border-radius:18px;padding:22px;min-width:0}.usage-card>div{display:flex;flex-direction:column;gap:8px}.usage-card progress{width:100%;height:10px;accent-color:#6355ef;margin-top:16px}.usage-card.near{border-color:#bca875}.usage-card.reached{border-color:#bd8b76}.usage-card p{font-size:13px;color:#655340}.included-features{display:flex;flex-wrap:wrap;gap:12px}.feature-pill{padding:10px 14px;border-radius:12px;background:#edf4f0}.feature-pill.excluded{background:#f3f3f7;color:#60677b}.activity-entry{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 0;border-bottom:1px solid #e7e9f2}.activity-entry h3{margin:8px 0}.activity-entry time{font-size:13px;color:#586278}.activity-change{padding:8px 12px;background:#f7f7fd;border-radius:10px;overflow-wrap:anywhere;font-size:14px}.activity-change strong{display:block;margin-bottom:5px}#activity-q{min-width:180px}#plan-form .two-col,#business-plan .two-col{gap:14px}#business-plan details{margin:16px 0}#business-plan input[type=checkbox]{width:auto}.plan-heading h2{font-size:32px;margin:12px 0}@media(max-width:700px){.usage-grid,.plan-grid{grid-template-columns:1fr}.activity-entry{flex-direction:column}.plan-mini{align-items:flex-start}.activity-entry button{align-self:flex-end}.plan-heading h2{font-size:26px}}
.notification-bell{position:relative}.notification-bell>button{min-width:48px;font-size:20px;position:relative}.notification-count{display:inline-block;background:#6d5dfc;color:white;border-radius:20px;padding:2px 6px;font-size:12px}.notification-count[hidden],.notification-dropdown[hidden]{display:none}.notification-dropdown{position:absolute;right:0;top:100%;width:340px;max-height:70vh;overflow:auto;z-index:30;background:var(--surface,#fff);border:1px solid #ddd;border-radius:16px;padding:16px;box-shadow:0 16px 48px #2233}.notice-mini{display:flex;flex-direction:column;align-items:start;text-align:left;width:100%;margin:6px 0;gap:4px}.notice-mini small{font-size:12px;color:#566174}.notification-card{display:flex;justify-content:space-between;gap:24px;border:1px solid #ddd;border-radius:14px;padding:20px;margin:12px 0}.notification-card h3{margin:8px 0}.notification-card time{font-size:12px;color:#566174}.notification-card.unread,.notice-mini.unread{border-left:4px solid #6d5dfc;background:#f8f7ff}.notification-card>div:last-child{display:flex;flex-direction:column;align-items:start;gap:8px}.notification-preference{padding:24px 0;border-bottom:1px solid #e6e8ee}.recipient-roles{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}.recipient-roles label{display:flex;gap:8px;align-items:center}.email-preview{width:100%;height:520px;border:1px solid #ddd;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{display:flex;flex-direction:column;gap:8px;padding:20px;background:#f8f7ff;border-radius:12px}.stat strong{font-size:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.notification-card{flex-direction:column}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-dropdown{position:fixed;top:110px;left:12px;right:12px;width:auto}.notification-preference{padding:16px 0}.email-preview{height:480px}}
.human-inbox{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px}.human-inbox #human-list{max-height:72vh;overflow:auto;align-self:start}.human-conversation{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;margin-bottom:8px}.human-conversation span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.human-conversation.selected{outline:2px solid var(--accent,#7961dc)}.human-history{height:45vh;min-height:240px;overflow:auto;padding:12px}.human-bubble{padding:12px;border-radius:12px;background:var(--soft,#f3f0f8);margin-bottom:12px;max-width:90%;overflow-wrap:anywhere}.human-bubble.customer{margin-left:auto}.human-bubble.agent{border-left:3px solid var(--accent,#7961dc)}.human-bubble.system{background:transparent;color:var(--muted,#666);font-size:13px}.human-bubble p{white-space:pre-wrap;margin:8px 0}.human-inbox textarea{width:100%;min-height:80px}.human-inbox small{font-size:12px;color:var(--muted,#666)}@media(max-width:760px){.human-inbox{grid-template-columns:minmax(0,1fr)}.human-inbox #human-list{max-height:260px;overflow:auto}.human-history{height:40vh}}
/* Proportional controls reuse ARIA tokens; fieldsets group content without nested cards. */
:root{--control-compact:36px;--control-default:42px;--control-large:48px}button{min-height:var(--control-default);padding:9px 14px;line-height:1.3;align-self:start}input:not([type=checkbox]):not([type=radio]),select{min-height:var(--control-default);padding:9px 11px}textarea{padding:10px 12px;resize:vertical}button.button-compact{min-height:var(--control-compact);padding:7px 11px}.button-large{min-height:var(--control-large)}.toggle{min-height:44px;padding:10px 0;gap:16px;align-items:center;background:transparent;border:0;box-shadow:none;justify-content:space-between}.toggle span{min-width:0}.toggle strong{font-size:13px}.toggle small:empty{display:none}.toggle input{align-self:center}.card{padding:22px}.fields{align-items:start;gap:16px}.field{gap:6px;margin-bottom:6px}.field small{font-weight:400}.toolbar,.actions{align-items:center;gap:10px}.product-editor .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.form-section{border:0;border-top:1px solid var(--border);padding:16px 0 0;min-width:0;margin:0}.form-section legend{font-size:14px;font-weight:700;padding:0 10px 0 0}.product-details{grid-column:1/-1}.product-editor .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.product-editor .save-bar{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);justify-content:flex-end}.product-editor .image-control{max-width:360px}.product-editor [hidden]{display:none!important}.attribute-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;gap:8px}.attribute-row button{padding:8px;min-width:42px}.field-error{font-weight:400;color:#ad253f;font-size:12px}input[aria-invalid=true],select[aria-invalid=true]{border-color:#ad253f}textarea:focus-visible{outline:3px solid #b9adff;outline-offset:2px}@media(max-width:768px){.product-editor .product-grid{grid-template-columns:1fr;gap:20px}.product-details{grid-column:auto}}@media(max-width:430px){.product-editor .fields{grid-template-columns:1fr}.card{padding:18px}.toggle{gap:12px}.product-editor .save-bar button{width:100%}}
.human-history{display:flex;flex-direction:column;gap:12px;padding:16px 8px;overflow-y:auto;min-width:0}.human-bubble{max-width:85%;border-radius:12px;padding:11px 14px;background:#f2f3f8;align-self:flex-start;overflow-wrap:anywhere}.human-bubble p{margin:5px 0;line-height:1.6;font-size:13px}.human-bubble strong{font-size:12px}.human-bubble.customer{align-self:flex-end;background:#eeeaff}.human-bubble.agent{border-left:3px solid var(--accent);background:#f7f5ff}.human-bubble.system{align-self:center;max-width:100%;background:transparent;padding:4px 8px;text-align:center;color:var(--muted)}.human-bubble.system strong{display:none}.human-bubble.system p{font-size:12px}.human-bubble.own{background:#ece8ff}#human-reply{border-top:1px solid var(--border);padding-top:14px;display:flex;flex-wrap:wrap;gap:10px}#human-reply label{width:100%;font-size:13px}#human-message{min-height:86px;max-height:220px;margin-top:7px}.human-conversation{padding:12px!important;min-height:72px;text-align:left}
/* Equipo: dense rows on desktop and compact records on mobile. */