.tracking-panel{display:grid;gap:20px;min-width:0;color:var(--ink,#24354b)}
.tracking-panel *{box-sizing:border-box}
.tracking-panel .hidden{display:none!important}
.tracking-head{display:flex;justify-content:space-between;align-items:start;gap:16px}
.tracking-head h3,.tracking-panel h4{margin:0;color:var(--ink,#24354b)}
.tracking-head p,.tracking-builder-head p,.tracking-history-head p{margin:6px 0 0;color:var(--muted,#667989);line-height:1.5}
.tracking-head p{max-width:62ch}
.tracking-badge{flex:none;padding:8px 12px;border:1px solid var(--line,#d5e1ea);border-radius:999px;background:var(--soft,#edf2f7);color:var(--ink,#24354b);font-size:12px;font-weight:850;white-space:nowrap}
.tracking-badge.live{background:#dbf6e7;border-color:#a0d5b8;color:#135a38}
html[data-theme=dark] .tracking-badge.live{background:#143a2b;border-color:#377453;color:#c9f5d8}
@media(prefers-color-scheme:dark){html[data-theme=system] .tracking-badge.live{background:#143a2b;border-color:#377453;color:#c9f5d8}}
.tracking-link,.tracking-settings label,.tracking-stage-form label{display:grid;gap:7px;min-width:0;color:var(--ink,#24354b)}
.tracking-link>div{display:flex;gap:8px;flex-wrap:wrap}
.tracking-link input{flex:1 1 260px;min-width:0}
.tracking-link a.secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.tracking-settings{display:flex;align-items:end;gap:9px;flex-wrap:wrap}
.tracking-settings label{flex:1 1 230px}
.tracking-builder,.tracking-stage-form{display:grid;gap:16px;padding:18px;border:1px solid var(--line,#d5e1ea);border-radius:16px;background:var(--surface,#fff)}
.tracking-builder-details{min-width:0;border:1px solid var(--line,#d5e1ea);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#24354b)}
.tracking-builder-details>summary{padding:14px 18px;cursor:pointer;font-weight:800;list-style-position:inside}
.tracking-builder-details[open]>summary{border-bottom:1px solid var(--line,#d5e1ea)}
.tracking-builder-details .tracking-builder{border:0;border-radius:0}
.tracking-form-help{display:block;color:var(--muted,#667989);font-size:12px;line-height:1.45}
.tracking-builder-head{display:flex;justify-content:space-between;align-items:start;gap:12px}
.tracking-builder-head button{flex:none}
.tracking-template-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}
.tracking-template-menu button{display:grid;gap:5px;min-height:72px;text-align:left;white-space:normal}
.tracking-template-menu small{font-weight:500;color:var(--muted,#667989)}
.tracking-template-action{font-size:11px;font-weight:800;color:#0784ed}
.tracking-option-list{display:grid;gap:7px;list-style:none;margin:0;padding:0}
.tracking-option-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line,#d5e1ea);border-radius:11px;color:var(--ink,#24354b)}
.tracking-option-list li>span{min-width:0;overflow-wrap:anywhere}
.tracking-option-list li>div,.tracking-event-actions,.tracking-form-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tracking-option-use{min-width:auto!important;padding-inline:10px!important}
.tracking-remove-stage{color:#aa3442!important;border-color:color-mix(in srgb,#aa3442 40%,var(--line,#d5e1ea))!important}
.tracking-option-list button,.tracking-event-actions button{min-width:34px;min-height:34px;padding:4px 9px}
.tracking-stage-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.8fr) minmax(140px,.5fr);align-items:end;gap:12px}
.tracking-search-row{display:flex;gap:7px;min-width:0}
.tracking-search-row input{flex:1;min-width:0}
.tracking-add-option{flex:none;min-width:42px!important;min-height:42px;font-size:20px!important;line-height:1}
.tracking-suggestions{display:grid;gap:2px;max-height:210px;overflow-y:auto;padding:5px;border:1px solid var(--line,#d5e1ea);border-radius:11px;background:var(--surface,#fff);box-shadow:var(--shadow,0 12px 28px #182b381c);z-index:3}
.tracking-suggestions button{width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink,#24354b);text-align:left;cursor:pointer}
.tracking-suggestions button:hover,.tracking-suggestions button:focus{background:var(--soft,#edf2f7)}
.tracking-final{display:inline-flex!important;align-items:center;gap:9px!important;min-height:42px;font-weight:700;line-height:1.3}
.tracking-final input[type=checkbox]{display:block;flex:none;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;padding:0!important;accent-color:#0784ed;cursor:pointer}
.tracking-until input{width:100%}
.tracking-stage-form textarea{width:100%;resize:vertical}
.tracking-form-actions>button{min-height:42px}
.tracking-history-head p{font-size:12px}
.tracking-timeline{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.tracking-event{padding:12px 14px;border:1px solid var(--line,#d5e1ea);border-radius:13px;background:var(--surface,#fff);color:var(--ink,#24354b)}
.tracking-event.current{border-color:#0784ed;background:color-mix(in srgb,var(--surface,#fff) 92%,#0784ed)}
.tracking-event.future{border-style:dashed;background:color-mix(in srgb,var(--surface,#fff) 72%,var(--soft,#edf2f7))}
.tracking-event.future .tracking-event-number{background:#aebbc5;color:#24354b}
.tracking-event.future .tracking-event-content{color:var(--muted,#718092)}
.tracking-event-main{display:flex;align-items:start;gap:11px}
.tracking-event-number{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:var(--soft,#edf2f7);color:var(--ink,#24354b);font-size:12px;font-weight:850}
.tracking-event.current .tracking-event-number{background:#0784ed;color:#fff}
.tracking-event-content{flex:1;min-width:0}
.tracking-event-content strong{overflow-wrap:anywhere}
.tracking-current-label{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:999px;background:#0784ed;color:#fff;font-size:10px;font-weight:800}
.tracking-event p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.tracking-event time,.tracking-event small{color:var(--muted,#718092);font-size:12px}
.tracking-event-actions{justify-content:flex-end;margin-top:7px}
.tracking-empty{padding:12px;color:var(--muted,#718092)}
.tracking-batch{display:grid;gap:16px;padding:18px;border:1px solid var(--line,#d5e1ea);border-radius:16px;background:var(--surface,#fff);min-width:0}
.tracking-batch-form,.tracking-batch label,.tracking-current-select{display:grid;gap:8px;min-width:0}
.tracking-batch input:not([type=radio]),.tracking-batch select,.tracking-current-select select{width:100%;min-width:0}
.tracking-batch-template-name{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tracking-batch-date{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.tracking-batch-date label{flex:1 1 180px}
.tracking-batch [data-batch-rows]{display:grid;gap:12px}
.tracking-batch-row{display:grid;grid-template-columns:90px minmax(180px,1fr) minmax(150px,.5fr);align-items:end;gap:12px;padding:14px;border:1px solid var(--line,#d5e1ea);border-radius:12px;background:var(--soft,#edf2f7)}
.tracking-batch-current{display:flex!important;align-items:center;gap:8px!important;min-height:42px;cursor:pointer}
.tracking-batch-current input[type=radio]{width:18px!important;height:18px!important;min-height:18px!important;min-width:18px!important;margin:0;accent-color:#0784ed;flex:none}
.tracking-batch-translation{grid-column:2/4;min-width:0;color:var(--muted,#667989)}
.tracking-batch-translation summary{cursor:pointer;padding:6px 0}
.tracking-batch-row-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}
.tracking-current-select{margin-top:14px;max-width:560px;font-weight:700}
.tracking-history-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tracking-stage-dialog{width:min(720px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--line,#d5e1ea);border-radius:18px;background:var(--surface,#fff);color:var(--ink,#24354b);box-shadow:0 24px 80px #06132155;overflow-y:auto;overscroll-behavior:contain}
.tracking-stage-dialog:not([open]){display:none!important}
.tracking-stage-dialog::backdrop{background:#06132199;backdrop-filter:blur(3px)}
.tracking-stage-close{display:block;margin:12px 14px 0 auto;min-height:36px}
.tracking-stage-dialog .tracking-stage-form{grid-template-columns:minmax(0,1fr);padding:16px 20px 20px;border:0;border-radius:0}
.tracking-stage-dialog .tracking-stage-form>*{grid-column:1/-1}
.tracking-stage-dialog .tracking-stage-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.tracking-stage-dialog .tracking-stage-form label{font-size:12px}
.tracking-stage-dialog .tracking-stage-form input:not([type=checkbox]),.tracking-stage-dialog .tracking-stage-form textarea{width:100%;min-width:0}
@media(max-width:760px){.tracking-history-title{align-items:stretch}.tracking-history-title button{width:100%}.tracking-stage-dialog{max-height:calc(100dvh - 20px)}.tracking-stage-dialog .tracking-stage-form{padding:14px}.tracking-stage-dialog .tracking-stage-row{grid-template-columns:1fr}.tracking-stage-dialog .tracking-form-actions>button{flex:1 1 100%}}
@media(max-width:760px){.tracking-batch-template-name,.tracking-batch-row{grid-template-columns:1fr}.tracking-batch-translation{grid-column:1}.tracking-batch .tracking-form-actions button{flex:1 1 100%}.tracking-batch-date button{flex:1 1 100%}}
@media(max-width:760px){.tracking-head,.tracking-builder-head{display:grid}.tracking-stage-row{grid-template-columns:1fr}.tracking-link>div>*{flex:1 1 100%}.tracking-settings>*{flex:1 1 100%}.tracking-event-main{flex-wrap:wrap}.tracking-event time{margin-left:36px}}