:root{--nav:#111827;--nav2:#1f2937;--bg:#f5f6f8;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e5e7eb;--primary:#6657e8;--primary2:#5043ca;--green:#16a36a;--red:#dc4758;--amber:#d89518;--shadow:0 8px 28px rgba(25,32,50,.07)}
[hidden]{display:none!important}.links-overview-row{display:flex;align-items:center;gap:18px;padding:16px;background:#f7f6fd;border-radius:11px}.links-overview-row span:nth-child(2){color:var(--muted);flex:1}.fullscreen-dialog{width:100vw!important;max-width:none!important;height:100dvh;max-height:none;border-radius:0!important;margin:0;padding:0}.fullscreen-shell{height:100%;display:flex;flex-direction:column;background:var(--bg)}.fullscreen-shell>header{position:relative;display:flex;align-items:center;padding:20px 28px;background:#fff;border-bottom:1px solid var(--line)}.fullscreen-shell>header h2{margin:3px 0}.fullscreen-shell>header p{margin:4px 0 0;color:var(--muted)}.fullscreen-shell>header .dialog-close{position:static;margin-left:auto}.fullscreen-shell>main{flex:1;overflow:auto;padding:22px 28px}.fullscreen-shell>footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 28px;background:#fff;border-top:1px solid var(--line)}.traffic-summary .traffic-bar{height:38px;border-radius:9px}.traffic-summary .traffic-bar i{height:100%;min-width:0;display:flex;align-items:center;justify-content:center;padding:0 7px;font-style:normal;color:#fff;font-size:10px;font-weight:800;transition:width .2s}.traffic-summary .traffic-bar i span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-summary .traffic-bar.empty::after{content:'Nenhum link ativo';margin:auto;color:var(--muted);font-size:11px}.target-row .drag-handle{position:absolute;left:12px;top:18px;width:26px;height:26px;border:0;background:transparent;color:#8b92a3;font-size:22px;cursor:grab;touch-action:none}.target-row .target-number{left:43px}.target-row{padding-left:78px!important}.target-row.dragging{opacity:.45;border-color:var(--primary);box-shadow:0 10px 25px rgba(102,87,232,.15)}.target-fields .target-toggle{align-self:end;display:flex;align-items:center;justify-content:center;height:38px;margin-bottom:0;border-radius:99px;padding:0 13px;cursor:pointer;transition:.2s}.target-fields .target-toggle input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.target-fields .target-toggle.active{background:#e5f8ef;color:var(--green);box-shadow:inset 0 0 0 1px #bcebd5}.target-fields .target-toggle.inactive{background:#fcebed;color:var(--red);box-shadow:inset 0 0 0 1px #f4c5cc}.target-fields .target-toggle span::before{content:'●';margin-right:6px}.fullscreen-dialog .target-row{background:#fff}.fullscreen-dialog .traffic-summary{position:sticky;top:-22px;z-index:3;box-shadow:0 8px 18px rgba(25,32,50,.06)}@media(max-width:700px){.links-overview-row{align-items:stretch;flex-direction:column}.fullscreen-shell>header,.fullscreen-shell>main,.fullscreen-shell>footer{padding-left:15px;padding-right:15px}.fullscreen-shell>footer{flex-wrap:wrap}.fullscreen-shell>footer .btn{flex:1}.fullscreen-dialog .target-row{padding:58px 42px 16px 15px!important}.target-row .drag-handle{left:15px;top:14px}.target-row .target-number{left:50px;top:15px}.target-fields .target-toggle{width:100%}}
.group-actions{min-width:280px}.group-actions form:first-child{display:grid;gap:8px;padding:7px}.group-actions input,.group-actions textarea{font-size:11px}
.url-preview strong{overflow-wrap:anywhere}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,var(--nav),#0b1020);color:#eef1ff;padding:26px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand{font-size:19px;font-weight:800;letter-spacing:.04em;display:flex;align-items:center;gap:11px;padding:0 8px 25px}.brand span,.login-brand>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#8578ff,#5545d8);font-size:13px;box-shadow:0 6px 20px rgba(102,87,232,.35)}.group-switch{padding:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:12px;margin-bottom:20px}.group-switch label{display:block;color:#aeb5c7;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.12em;margin-bottom:7px}.group-switch select{width:100%;color:#fff;background:var(--nav2);border:0;padding:7px;border-radius:6px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{padding:11px 12px;border-radius:9px;display:flex;gap:12px;align-items:center;color:#bcc3d3}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.nav-label{color:#6f788f;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:22px 12px 7px}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:17px 5px 0;display:flex;align-items:center;gap:9px}.sidebar-user>div{min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{font-size:10px;color:#9099ad;margin-top:2px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edeafd;color:var(--primary);font-weight:800;flex:0 0 auto}main{margin-left:260px;min-height:100vh}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);padding:20px 34px;display:flex;align-items:center;gap:16px}.topbar small,.card>small,.step-title small,.card-head small,.eyebrow,.dialog-card>small{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--primary)}.topbar h1{margin:4px 0 0;font-size:22px}.group-pill{margin-left:auto;background:#f0eefc;color:var(--primary2);padding:7px 11px;border-radius:99px;font-weight:700;font-size:12px}.content{padding:28px 34px 50px;max-width:1600px}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:var(--shadow)}.card h2{margin:5px 0 8px;font-size:18px}.card p{color:var(--muted);line-height:1.6}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:1.5fr 1fr}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stats article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.stats small,.stats strong{display:block}.stats small{color:var(--muted);font-weight:600}.stats strong{font-size:28px;margin-top:9px}.hero-card{min-height:250px;padding:40px;background:radial-gradient(circle at 90% 20%,#eeeaff 0,transparent 42%),#fff}.hero-card h2{font-size:27px;max-width:480px;margin:14px 0 10px}.btn{border:0;border-radius:9px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:13px}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.secondary{color:var(--primary);background:#f0eefc}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--text)}.btn.wide{width:100%;padding:13px}.btn.small{padding:7px 10px;font-size:11px}.card-head,.page-actions,.step-title,.form-footer,.row-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-dot{font-size:11px;color:var(--green)}.people>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.people>div>span:nth-child(2){flex:1}.people strong,.people small{display:block}.people small{font-size:11px;color:var(--muted);margin-top:2px}.people i{width:8px;height:8px;background:var(--green);border-radius:50%}.empty{text-align:center;color:var(--muted);padding:28px!important}.page-actions{margin-bottom:18px}.page-actions p{color:var(--muted)}.table-card{padding:0;overflow:visible}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:14px 17px;background:#fafafa}td{padding:15px 17px;border-top:1px solid var(--line);vertical-align:middle}td strong,td small{display:block}td small{font-size:11px;color:var(--muted);margin-top:4px}.link-text{border:0;background:none;color:var(--primary);cursor:pointer;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:10px;font-weight:800;padding:5px 8px;border-radius:99px;display:inline-block}.status.ok{background:#e7f8f0;color:var(--green)}.status.off{background:#fcebed;color:var(--red)}.status.pending{background:#fff5dd;color:var(--amber)}details.actions{position:relative}details.actions summary{list-style:none;cursor:pointer;font-weight:800;font-size:17px}details.actions>div{position:absolute;right:0;top:25px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px;box-shadow:var(--shadow);min-width:130px;z-index:5}details.actions a,details.actions button{display:block;width:100%;border:0;background:none;text-align:left;padding:8px;border-radius:5px;cursor:pointer;font-size:12px}details.actions a:hover,details.actions button:hover{background:#f5f5f8}.danger{color:var(--red)!important}.campaign-form{display:grid;gap:20px;max-width:1100px}.step-title{justify-content:flex-start;margin-bottom:22px}.step-title>b{width:35px;height:35px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center}.step-title>button{margin-left:auto}.step-title h2{margin:2px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.span-2{grid-column:span 2}label{display:block;font-size:12px;font-weight:700;color:#424b5f}input,select,textarea{display:block;width:100%;border:1px solid #d7dae1;border-radius:8px;background:#fff;padding:10px 11px;margin-top:6px;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(102,87,232,.11)}textarea{resize:vertical}.url-preview{margin-top:17px;padding:13px 15px;border-radius:9px;background:#f7f6fd}.url-preview small,.url-preview strong{display:block}.url-preview small{font-size:9px;color:var(--muted);font-weight:800}.url-preview strong{color:var(--primary);margin-top:5px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.choice{display:flex;gap:10px;padding:15px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.choice input,.check input{width:auto;margin:2px 0}.choice strong,.choice small{display:block}.choice small{color:var(--muted);font-weight:400;margin-top:4px}.check{display:flex;align-items:center;gap:7px}.traffic-summary{background:#f8f8fb;padding:14px;border-radius:10px;margin-bottom:15px}.traffic-summary>div:first-child{display:flex;justify-content:space-between}.traffic-bar{height:9px;background:#e5e7eb;border-radius:9px;margin:9px 0 12px;overflow:hidden;display:flex}.traffic-bar i{height:100%}.target-row{position:relative;border:1px solid var(--line);border-radius:12px;padding:16px 44px 16px 50px;margin-bottom:12px}.target-number{position:absolute;left:15px;top:19px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edeafd;color:var(--primary);font-weight:800}.target-fields{display:grid;grid-template-columns:1fr 2fr 110px auto;gap:11px;align-items:end}.target-fields .wide-field{grid-column:span 3}.target-row>.icon-btn{position:absolute;right:12px;top:12px}.icon-btn{border:0;background:transparent;color:#9aa1b0;font-size:19px;cursor:pointer}.click-badge{position:absolute;right:13px;bottom:13px;font-size:10px;color:var(--muted)}.form-footer{justify-content:flex-end}.history{max-width:1100px;margin-top:20px}.history>div{display:grid;grid-template-columns:140px 180px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.history small{overflow:hidden;text-overflow:ellipsis}.alert{padding:12px 15px;border-radius:9px;background:#e8f8f1;color:#137d54;margin-bottom:16px;font-weight:600}.alert.error{background:#fcecee;color:#b72d40}.domain-grid{grid-template-columns:1.4fr 1fr;margin-bottom:22px}.inline-form{display:flex;gap:10px;align-items:end}.inline-form label{flex:1}.dns-box{margin-top:18px;background:#f5f6fa;padding:14px;border-radius:9px}.dns-box strong,.dns-box code{display:block}.dns-box code{margin-top:7px;color:var(--primary)}.guide{padding-left:21px;color:var(--muted);line-height:2}.admin-grid{grid-template-columns:340px 1fr}.stack-form{display:grid;gap:14px}.stack-form fieldset{border:1px solid var(--line);border-radius:9px;display:grid;gap:9px;padding:13px}.stack-form legend{font-size:11px;font-weight:800}.narrow{max-width:650px}.login-body{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-brand{background:radial-gradient(circle at 20% 20%,#7565e7,#1b2041 70%);color:#fff;padding:10vw;display:flex;flex-direction:column;justify-content:center}.login-brand>span{width:55px;height:55px}.login-brand h1{font-size:45px;letter-spacing:.08em;margin:20px 0 4px}.login-brand p{color:#c9c9ed}.login-card{width:min(390px,80%);align-self:center;justify-self:center}.login-card h2{font-size:28px;margin:0}.login-card>p{color:var(--muted);margin-bottom:28px}.login-card label{margin:16px 0}.login-card .btn{margin-top:8px}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.25);width:min(520px,calc(100% - 30px))}dialog::backdrop{background:rgba(9,12,24,.62)}.dialog-card{padding:27px;position:relative}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.mobile-menu{display:none}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.mobile-menu{display:block;border:0;background:none;font-size:21px}main{margin-left:0}.content{padding:20px}.topbar{padding:17px 20px}.stats{grid-template-columns:1fr 1fr}.grid.two,.domain-grid,.admin-grid{grid-template-columns:1fr}.target-fields{grid-template-columns:1fr 1fr}.target-fields .wide-field{grid-column:span 2}.login-body{grid-template-columns:1fr}.login-brand{display:none}.login-card{min-height:100vh;display:flex;flex-direction:column;justify-content:center}}@media(max-width:560px){.stats,.form-grid,.choice-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.target-fields{grid-template-columns:1fr}.target-fields .wide-field{grid-column:auto}.content{padding:15px}.card{padding:18px}.step-title{flex-wrap:wrap}.history>div{grid-template-columns:1fr}.group-pill{display:none}}

/* A lista de campanhas ocupa toda a área útil; o modal encosta nas quatro bordas. */
.campaigns-page{display:flex;flex-direction:column;min-height:calc(100dvh - 170px)}
.campaigns-page>.page-actions{flex:0 0 auto}
.campaigns-table-card{display:flex;flex:1 1 auto;min-height:0;overflow:visible}
.campaigns-table-card>.table-scroll{flex:1 1 auto;min-height:0;overflow:auto}
.fullscreen-dialog,.fullscreen-dialog[open]{position:fixed!important;inset:0!important;width:min(1500px,calc(100vw - 40px))!important;min-width:0!important;max-width:calc(100vw - 40px)!important;height:min(900px,calc(100dvh - 40px))!important;min-height:0!important;max-height:calc(100dvh - 40px)!important;margin:auto!important;padding:0!important;border-radius:16px!important;overflow:hidden}
.fullscreen-dialog>.fullscreen-shell{width:100%;height:100%}
@media(max-width:900px){.campaigns-page{min-height:calc(100dvh - 132px)}}
@media(max-width:560px){.campaigns-page{min-height:calc(100dvh - 122px)}.campaigns-page>.page-actions{align-items:stretch}.campaigns-page>.page-actions .btn{flex:0 0 auto}.fullscreen-dialog,.fullscreen-dialog[open]{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:12px!important}}

.campaign-links-section{scroll-margin-top:20px}
.campaign-links-title{align-items:flex-start}
.campaign-save-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.campaign-save-actions .btn.primary{box-shadow:0 10px 22px rgba(102,87,232,.18)}
.campaign-links-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-10px 0 18px}
.campaign-links-heading p{margin:0}
.campaign-links-heading>span{flex:0 0 auto;color:var(--muted);font-size:12px}
.campaign-links-section .traffic-summary{margin-bottom:18px}
.campaign-links-section .traffic-bar{height:38px}
.campaign-links-section .traffic-bar i{height:100%;min-width:0;display:flex;align-items:center;justify-content:center;padding:0 7px;font-style:normal;color:#fff;font-size:10px;font-weight:800}
.campaign-links-section .traffic-bar i span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.campaign-links-section .target-row{background:#fff}
.campaign-links-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:700px){.campaign-links-title{align-items:flex-start;flex-wrap:wrap}.campaign-save-actions{width:100%;margin-left:0;justify-content:flex-end}.campaign-save-actions .btn{flex:1}.campaign-links-heading{align-items:flex-start;flex-direction:column}.campaign-links-actions{flex-direction:column}.campaign-links-actions .btn{width:100%}}

.campaign-links-section .click-badge{padding:4px 8px;border-radius:99px;background:#f2f1fb}
.campaign-links-section .click-badge strong{color:var(--primary);font-size:11px}

.target-status-summary{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px;padding-top:12px;border-top:1px solid var(--line)}
.target-status-card{display:inline-flex;flex-direction:column;align-items:stretch;gap:6px;max-width:none}
.target-status-button{display:inline-flex;align-items:center;gap:8px;max-width:100%;border:1px solid transparent;border-radius:99px;padding:7px 11px;background:#fff;cursor:pointer;font-size:10px;transition:transform .15s,box-shadow .15s}
.target-status-button:hover{transform:translateY(-1px)}
.target-status-button strong{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;color:var(--text);font-size:11px}
.target-status-button span{display:inline-flex;align-items:center;font-weight:800}
.target-status-button span::before{content:'';width:8px;height:8px;margin-right:5px;border-radius:50%}
.target-status-button.active{border-color:#bcebd5;background:#effaf5;color:var(--green)}
.target-status-button.active span::before{background:var(--green);box-shadow:0 0 0 0 rgba(22,163,106,.45);animation:status-pulse-green 1.6s infinite}
.target-status-button.inactive{border-color:#f4c5cc;background:#fff3f4;color:var(--red)}
.target-status-button.inactive span::before{background:var(--red);box-shadow:0 0 0 0 rgba(220,71,88,.42);animation:status-pulse-red 1.6s infinite}
.target-status-change-phone{border:1px dashed #c8c4f7;background:#fff;color:var(--primary);border-radius:99px;padding:6px 10px;font-size:10px;font-weight:800;cursor:pointer}
.target-status-change-phone:hover{background:#f0eefc}
.whatsapp-target{border-color:#d9d5ff;background:linear-gradient(180deg,#fff,#fbfaff)}
.whatsapp-target .target-fields textarea{min-height:58px}
.target-reordering,.target-reordering *{cursor:grabbing!important;user-select:none!important}
.target-row.dragging{opacity:.62;transform:scale(.995);border-color:var(--primary);background:#f8f7ff!important;box-shadow:0 12px 28px rgba(102,87,232,.18)}
.equalize-active:disabled{opacity:.55;cursor:not-allowed}
@keyframes status-pulse-green{0%{box-shadow:0 0 0 0 rgba(22,163,106,.45)}70%{box-shadow:0 0 0 7px rgba(22,163,106,0)}100%{box-shadow:0 0 0 0 rgba(22,163,106,0)}}
@keyframes status-pulse-red{0%{box-shadow:0 0 0 0 rgba(220,71,88,.42)}70%{box-shadow:0 0 0 7px rgba(220,71,88,0)}100%{box-shadow:0 0 0 0 rgba(220,71,88,0)}}
@media(prefers-reduced-motion:reduce){.target-status-button span::before{animation:none!important}}

.groups-admin-page{display:grid;gap:22px;width:calc(100vw - 328px);max-width:none}
.group-create-card{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:end;gap:24px}
.group-create-card h2{margin-bottom:0}
.group-create-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,2fr) auto;align-items:end;gap:14px}
.group-create-form textarea{min-height:38px;resize:vertical}
.group-create-form .btn{height:38px}
.groups-list-card{min-height:calc(100dvh - 315px)}
.groups-list-card>.table-scroll{overflow:visible}
.groups-list-card th:last-child,.groups-list-card td:last-child{width:250px}
.groups-list-card .row-actions{justify-content:flex-end;white-space:nowrap}
.groups-list-card details.actions>div{min-width:380px;right:0;z-index:30}
.groups-list-card .group-actions{padding:8px}
@media(max-width:900px){.groups-admin-page{width:calc(100vw - 40px)}.group-create-card{grid-template-columns:1fr}.group-create-form{grid-template-columns:1fr 2fr auto}}
@media(max-width:650px){.groups-admin-page{width:calc(100vw - 30px)}.group-create-form{grid-template-columns:1fr}.groups-list-card>.table-scroll{overflow-x:auto;overflow-y:visible}.groups-list-card details.actions>div{min-width:min(330px,calc(100vw - 48px))}}

/* Timeline estruturada de atividades da campanha (ALPHA). */
.activity-panel{max-width:1100px;margin-top:20px;padding:0;overflow:hidden}
.activity-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:25px 27px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 60%,#f7f5ff)}
.activity-heading h2{margin:5px 0 5px}.activity-heading p{margin:0}
.activity-live{flex:0 0 auto;padding:6px 10px;border:1px solid #dcd8fa;border-radius:99px;background:#f4f2ff;color:var(--primary);font-size:10px;font-weight:800}
.activity-filters{display:grid;grid-template-columns:minmax(180px,1.7fr) repeat(4,minmax(115px,1fr));gap:11px;padding:18px 27px;background:#fafafd;border-bottom:1px solid var(--line)}
.activity-filters label{font-size:10px;color:#697187}.activity-filters input,.activity-filters select{height:38px;margin-top:4px;padding:8px;font-size:11px}
.activity-filters input[type="date"]{cursor:pointer}
.activity-filters .activity-search{grid-column:span 2}.activity-filters .btn{align-self:end;height:38px}
.activity-timeline{position:relative;padding:7px 27px 20px}
.activity-date{position:relative;margin:20px 0 9px;padding-left:58px;color:#656d7f;font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.activity-date::before{content:'';position:absolute;left:16px;top:50%;width:24px;height:1px;background:#dfe2e9}
.activity-item{display:grid;grid-template-columns:46px minmax(0,1fr);position:relative;min-height:86px}
.activity-item:not(:last-child)::before{content:'';position:absolute;left:17px;top:36px;bottom:-3px;width:2px;background:#e5e7ef}
.activity-rail{position:relative;z-index:1;padding-top:3px}
.activity-avatar{display:grid;place-items:center;width:36px;height:36px;border:3px solid #fff;border-radius:50%;background:#ece9ff;color:var(--primary);box-shadow:0 0 0 1px #dcd8f7;font-size:10px;font-weight:900}
.activity-avatar.actor-automation,.activity-avatar.actor-integration,.activity-avatar.actor-api{background:#e8f5ff;color:#19709f;box-shadow:0 0 0 1px #cae7f7;font-size:15px}
.activity-avatar.actor-system{background:#e7f8f0;color:var(--green);box-shadow:0 0 0 1px #c5ebda}.activity-avatar.actor-legacy{background:#f2f3f6;color:#747b8b;box-shadow:0 0 0 1px #dde0e6}
.activity-body{min-width:0;margin:0 0 12px;padding:13px 15px;border:1px solid #e4e5eb;border-radius:11px;background:#fff;transition:border-color .15s,box-shadow .15s}
.activity-body:hover{border-color:#d3d0f1;box-shadow:0 7px 20px rgba(29,35,52,.06)}
.activity-top{display:flex;align-items:flex-start;gap:8px}.activity-summary{padding-top:1px;font-size:12px;line-height:1.45}
.activity-action-icon{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:6px;background:#f0eefc;color:var(--primary);font-weight:900}
.action-created .activity-action-icon,.action-activated .activity-action-icon{background:#e8f8f1;color:var(--green)}
.action-deleted .activity-action-icon,.action-deactivated .activity-action-icon{background:#fcecee;color:var(--red)}
.activity-item.legacy .activity-body{background:#fbfbfc;border-style:dashed}.activity-item.legacy .activity-action-icon{background:#f0f1f4;color:#7c8391}
.activity-values{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:stretch;gap:8px;margin:11px 0 4px}
.activity-value{min-width:0;padding:9px 11px;border-radius:8px;background:#f6f7f9;border-left:3px solid #c8ccd6}
.activity-value+ .activity-value{border-left-color:#7466e9;background:#f7f5ff}.activity-value small,.activity-value strong,.activity-value span{display:block}
.activity-value small{margin-bottom:4px;color:#858b99;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.activity-value strong{overflow-wrap:anywhere;font-size:11px;line-height:1.45}.activity-value span{margin-top:4px;color:#626a7b;font-size:10px;overflow-wrap:anywhere}
.activity-value-message strong{white-space:pre-wrap}.activity-arrow{display:grid;place-items:center;color:#989eaa;font-size:15px}
.activity-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:9px;color:#8b91a0;font-size:9px}
.activity-meta span{padding:3px 6px;border-radius:99px;background:#f2f3f6}.activity-meta .activity-origin{color:#626a78}.activity-meta .activity-field{color:var(--primary);background:#f0eefc}
.activity-initiated{margin-top:7px;padding:7px 9px;border-left:3px solid #70a7d1;border-radius:5px;background:#f1f8fd;color:#47718e;font-size:10px}
.activity-details-button{margin-top:8px;padding:0;border:0;background:none;color:var(--primary);cursor:pointer;font-size:10px;font-weight:800}
.activity-details{display:grid;gap:8px;margin-top:9px}.activity-details section{position:relative;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.activity-details small{display:block;margin-bottom:5px;color:#7b8290;font-size:9px;font-weight:800}.activity-details pre{max-height:190px;margin:0;padding-right:65px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#454d5e;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.activity-details .btn{position:absolute;right:8px;top:8px}
.activity-state{margin:19px 27px;padding:14px;border-radius:9px;text-align:center;color:#687083;background:#f5f6f9;font-size:11px}.activity-state.loading::before{content:'';display:inline-block;width:11px;height:11px;margin-right:7px;border:2px solid #cac6ed;border-top-color:var(--primary);border-radius:50%;vertical-align:-2px;animation:activity-spin .7s linear infinite}.activity-state.error{color:#b72d40;background:#fcecee}.activity-state.empty{color:#6f7685;background:#f7f7f9}
.activity-more{display:flex;margin:0 auto 24px}.activity-more[hidden],.activity-state[hidden]{display:none}
@keyframes activity-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.activity-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-filters .activity-search{grid-column:span 2}}
@media(max-width:620px){.activity-heading{padding:20px;flex-direction:column}.activity-filters{grid-template-columns:1fr 1fr;padding:15px 20px}.activity-filters .activity-search{grid-column:span 2}.activity-timeline{padding:5px 15px 18px}.activity-date{padding-left:48px}.activity-date::before{left:13px}.activity-item{grid-template-columns:40px minmax(0,1fr)}.activity-item:not(:last-child)::before{left:14px}.activity-avatar{width:31px;height:31px;border-width:2px}.activity-values{grid-template-columns:1fr}.activity-arrow{height:16px}.activity-state{margin:15px 20px}.activity-live{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.activity-state.loading::before{animation:none}}
body[data-theme="dark"] .activity-panel{color:#eef1f7;background:#171b25;border-color:#303645}
body[data-theme="dark"] .activity-heading{background:linear-gradient(135deg,#171b25 60%,#211d39);border-color:#303645}
body[data-theme="dark"] .activity-filters,body[data-theme="dark"] .activity-body,body[data-theme="dark"] .activity-details section{background:#1c212c;border-color:#343b4a}
body[data-theme="dark"] .activity-filters input,body[data-theme="dark"] .activity-filters select{color:#eef1f7;background:#141821;border-color:#3b4251}
body[data-theme="dark"] .activity-value,body[data-theme="dark"] .activity-meta span,body[data-theme="dark"] .activity-state{background:#252b37;color:#d8dce5}
body[data-theme="dark"] .activity-initiated{background:#1c2b38;color:#a9cee7}
body[data-theme="dark"] .activity-value+ .activity-value,body[data-theme="dark"] .activity-meta .activity-field{background:#282341}
body[data-theme="dark"] .activity-item.legacy .activity-body{background:#191e28}
body[data-theme="dark"] .activity-item:not(:last-child)::before{background:#353c4a}