:root{--ink:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-border);--bg:var(--color-bg);--violet:var(--color-primary);--pale:var(--color-primary-soft);--green:var(--color-success);--amber:var(--color-warning);--red:var(--color-error);--overlay:rgba(7,18,36,.45)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-body)/var(--leading-body) var(--font-ui)}a{color:var(--color-link);text-decoration:none}button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,summary{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus)}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:var(--color-surface);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);font-size:var(--text-card-title);font-weight:750;letter-spacing:-.6px}.brand small{display:block;font-size:var(--text-caption);letter-spacing:.2px;font-weight:400;color:var(--muted);margin-top:4px}.project{margin:36px 0 32px;padding:14px 10px;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;align-items:center;gap:12px}.projecticon{background:var(--color-primary-soft);color:var(--violet);height:35px;width:35px;border-radius:var(--radius-sm);display:grid;place-items:center;font-weight:700}.project small{display:block;color:var(--muted);font-size:var(--text-caption);margin-top:5px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--color-success);border-radius:50%;margin:0 3px}.navlabel{font-size:var(--text-caption);letter-spacing:1.4px;color:var(--color-text-muted);margin:0 8px 12px}nav button{width:100%;border:0;background:none;display:flex;align-items:center;gap:11px;padding:14px 11px;margin:3px 0;text-align:left;color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--text-body)}nav button span{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;line-height:1}nav button span .icon{display:block;vertical-align:initial}nav button.active{background:var(--pale);color:var(--violet);font-weight:600}nav button i{font-style:normal;margin-left:auto;font-size:var(--text-caption);line-height:var(--leading-body);flex-shrink:0;padding:2px 5px;background:var(--color-surface-subtle);border-radius:var(--radius-sm)}.sidebar-note{margin-top:auto;padding:21px 12px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary)}.sidebar-note p{font-size:var(--text-body);line-height:var(--leading-body)}.sidebar-note small{font-size:var(--text-caption);line-height:var(--leading-body);color:var(--muted)}.local{margin-top:23px;font-size:var(--text-caption);color:var(--muted)}main{margin-left:248px}.topbar{height:72px;background:var(--color-surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:var(--text-body)}.breadcrumb{color:var(--muted)}.breadcrumb span{padding:0 14px;color:var(--color-text-muted)}.breadcrumb b{color:var(--color-text-secondary);font-weight:500}.topbar a{color:var(--color-text-secondary)}.workspace{padding:20px 24px;max-width:1800px;margin:auto}.title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:var(--text-caption);letter-spacing:1.7px;color:var(--violet);font-weight:650}h1{font-size:var(--text-page-title);line-height:var(--leading-heading);letter-spacing:-.5px;margin:9px 0 9px;font-weight:680}.title-row p{color:var(--muted);font-size:var(--text-body);margin:0;line-height:var(--leading-body)}.primary{background:var(--violet);color:var(--color-on-primary);border:1px solid var(--violet);padding:var(--control-padding-y) var(--control-padding-x);border-radius:var(--radius-sm);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 8%,transparent);font-size:var(--text-body);white-space:nowrap}.secondary{border:1px solid var(--line);background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--control-padding-y) var(--control-padding-x);color:var(--color-text-secondary);font-size:var(--text-body)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{border:1px solid var(--line);border-radius:var(--radius-md);padding:18px 21px;background:var(--color-surface);min-height:107px}.stat .statlabel{font-size:var(--text-caption);color:var(--muted);display:flex;justify-content:space-between}.stat strong{display:block;font-size:var(--text-metric);line-height:var(--leading-heading);font-variant-numeric:tabular-nums;font-weight:650;margin:9px 0 4px;letter-spacing:-1px}.stat small{font-size:var(--text-caption);color:var(--muted)}.stat .symbol{font-size:var(--text-body);color:var(--color-text-muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.filters,.tools{display:flex;gap:10px;align-items:center}select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]){background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);padding:var(--control-padding-y) var(--control-padding-x);color:var(--color-text);font-size:var(--text-body);min-height:var(--control-height)}input:not([type=checkbox]):not([type=radio]):not([type=hidden]){width:290px}select{max-width:280px}.card{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.card-head{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-head h2{font-size:var(--text-card-title);margin:0;font-weight:600}.card-head small{color:var(--muted);font-size:var(--text-caption)}.badge{display:inline-block;border-radius:var(--radius-sm);font-size:var(--text-caption);padding:4px 6px;font-weight:550;white-space:nowrap;line-height:var(--leading-body)}.purple{background:var(--pale);color:var(--violet)}.green{background:var(--color-success-bg);color:var(--green)}.amber{background:var(--color-warning-bg);color:var(--amber)}.gray{background:var(--color-surface-subtle);color:var(--color-text-muted)}.red{background:var(--color-error-bg);color:var(--red)}.path-intro{display:flex;gap:24px;padding:18px 23px;background:var(--color-surface-subtle);border-bottom:1px solid var(--line);align-items:center;color:var(--muted);font-size:var(--text-body)}.legend{display:flex;gap:17px;margin-left:auto;white-space:nowrap}.legend span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--color-primary);border-radius:50%;margin-right:6px}.legend span:last-child:before{background:var(--color-success)}.journeys{padding:22px 23px;background-image:radial-gradient(var(--color-border) .75px,transparent .75px);background-size:16px 16px}.lane{margin-bottom:23px}.lane:last-child{margin:0}.lane-label{display:flex;align-items:center;gap:10px;margin-bottom:13px;font-size:var(--text-body);font-weight:600}.lane-label .number{background:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--violet);padding:4px 7px;font-size:var(--text-caption)}.flow{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding-bottom:5px}.node{min-width:205px;max-width:270px;flex:1;display:block;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:14px;box-shadow:0 3px 10px color-mix(in srgb,var(--brand-ink) 2%,transparent);color:var(--ink)}.node:hover{border-color:var(--violet);box-shadow:0 4px 14px color-mix(in srgb,var(--color-primary) 8%,transparent)}.node .node-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-caption);color:var(--muted);margin-bottom:9px}.node strong{font-size:var(--text-body);font-weight:600;display:block;line-height:var(--leading-body)}.node .url{font-size:var(--text-caption);color:var(--color-text-muted);margin:5px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node .tags{display:flex;gap:4px;flex-wrap:wrap}.node.form-node{border-top:3px solid var(--color-success)}.node.missing{opacity:.65;cursor:default}.connector{width:90px;min-width:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--text-caption);color:var(--color-text-muted);padding:0 6px;text-align:center;line-height:var(--leading-body)}.connector b{font-size:var(--text-body);color:var(--color-primary);font-weight:400}.below-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:20px}.compact-list{padding:4px 20px 10px}.compact-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:var(--text-body)}.compact-row:last-child{border:0}.compact-row a,.compact-row button{color:var(--color-text-secondary)}.text-button{border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit}.muted{color:var(--muted);font-size:11px!important}.footnote{font-size:var(--text-caption);color:var(--color-text-muted);line-height:var(--leading-body);margin-top:22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-body)}th{font-weight:500;color:var(--color-text-muted);background:var(--color-surface-subtle);text-align:left;padding:var(--table-heading-y) var(--table-cell-x);border-bottom:1px solid var(--line)}td{padding:var(--table-cell-y) var(--table-cell-x);border-bottom:1px solid var(--color-surface-subtle);vertical-align:top}tbody tr:hover{background:var(--color-primary-soft)}.page-title{font-size:var(--text-body);font-weight:550;line-height:var(--leading-body);color:var(--ink)}.page-url{color:var(--color-text-muted);font-size:var(--text-caption);display:block;margin-top:2px;overflow-wrap:anywhere}.chips{display:flex;gap:5px;flex-wrap:wrap}.empty{padding:55px 25px;text-align:center;color:var(--muted);line-height:1.9;background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-md)}.empty strong{display:block;color:var(--ink);font-size:var(--text-card-title);font-weight:600;margin-bottom:7px}.notice-box{border:1px solid var(--color-border);background:var(--pale);padding:13px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-info)}.notice-box.error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--red)}.progress{height:4px;border-radius:var(--radius-sm);background:var(--color-surface-subtle);margin-top:9px;overflow:hidden}.progress div{height:100%;background:var(--violet);transition:width .5s}.catalog-tabs{display:flex;gap:7px;margin-bottom:18px;flex-wrap:wrap}.catalog-tabs button{border:1px solid var(--line);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-sm);padding:var(--control-padding-y) var(--control-padding-x);font-size:var(--text-body);min-height:var(--control-height)}.catalog-tabs button.active{background:var(--pale);border-color:var(--color-primary);color:var(--violet)}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.element{padding:20px}.element h3{font-size:var(--text-card-title);line-height:var(--leading-body);margin:8px 0 10px}.element p{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-reading);white-space:pre-wrap;overflow-wrap:anywhere}.element details{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body)}.element summary{cursor:pointer;color:var(--violet);margin-top:10px}.element .placements{border-top:1px solid var(--line);margin-top:13px;padding-top:11px;display:flex;flex-direction:column;gap:8px;font-size:var(--text-caption)}.element .fields{display:flex;gap:5px;flex-wrap:wrap}.element .fields span{background:var(--color-surface-subtle);border-radius:var(--radius-sm);padding:5px 7px;color:var(--color-text-secondary);font-size:var(--text-caption)}.price-number{font-size:var(--text-page-title);color:var(--ink);font-weight:650;letter-spacing:-.6px}.context{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-reading)}.changes-summary{padding:16px 23px;font-size:var(--text-body);color:var(--color-text-muted);background:var(--color-surface-subtle)}.change-row{display:flex;gap:16px;align-items:start;padding:18px 23px;border-top:1px solid var(--line)}.change-row .change-main{flex:1}.change-row h3{font-size:var(--text-card-title);margin:3px 0 7px}.change-row button{margin-left:auto}.change-dot{height:8px;width:8px;background:var(--violet);border-radius:50%;margin-top:7px;flex-shrink:0}#shade{position:fixed;inset:0;background:var(--overlay);z-index:9;backdrop-filter:blur(2px)}#drawer{position:fixed;right:0;top:0;bottom:0;width:min(670px,100%);background:var(--color-surface);z-index:10;overflow:auto;box-shadow:-10px 0 50px color-mix(in srgb,var(--brand-ink) 13%,transparent);padding:25px 30px}#drawer[hidden],#shade[hidden]{display:none}.drawer-top{display:flex;justify-content:space-between;align-items:center}.close{border:1px solid var(--line);background:var(--color-surface);border-radius:var(--radius-sm);width:var(--control-height);height:var(--control-height);font-size:var(--text-body);color:var(--color-text-muted)}.drawer-title{font-size:var(--text-section-title);font-weight:600;line-height:var(--leading-heading);margin:20px 0 9px}.drawer-url{font-size:var(--text-body);overflow-wrap:anywhere;line-height:var(--leading-body)}.drawer-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:22px 0 17px;overflow:auto}.drawer-tabs button{border:0;background:none;color:var(--color-text-secondary);font-size:var(--text-body);padding:var(--control-padding-y) var(--control-padding-x);white-space:nowrap;min-height:var(--control-height)}.drawer-tabs button.active{color:var(--violet);border-bottom:2px solid var(--violet)}.drawer-section{padding:15px 0;border-bottom:1px solid var(--line)}.drawer-section h3{font-size:var(--text-card-title);margin:0 0 10px}.drawer-section p{font-size:var(--text-body);line-height:var(--leading-reading);color:var(--color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.drawer-section details{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary)}.drawer-section summary{cursor:pointer}.metadata{display:grid;grid-template-columns:100px 1fr;gap:10px;font-size:var(--text-body);line-height:var(--leading-body)}.metadata dt{color:var(--muted)}.metadata dd{margin:0;overflow-wrap:anywhere}.drawer-links{display:flex;gap:10px;margin:13px 0;font-size:var(--text-body)}.drawer-notice{font-size:var(--text-caption);color:var(--muted);line-height:var(--leading-body);margin-top:15px}.block-title{display:flex;justify-content:space-between;gap:8px;align-items:start}.block-title span{flex-shrink:0}.path-buttons{display:flex;gap:5px;flex-wrap:wrap}.path-buttons button{border:1px solid var(--line);background:var(--color-surface);padding:var(--control-padding-y) var(--control-padding-x);border-radius:var(--radius-sm);font-size:var(--text-body);color:var(--color-text-secondary);min-height:var(--control-height)}.path-buttons button.active{color:var(--violet);border-color:var(--color-primary);background:var(--pale)}dialog{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-md);max-width:1000px;width:90vw;padding:25px;color:var(--ink)}dialog::backdrop{background:var(--overlay);backdrop-filter:blur(3px)}.diff-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.diff-columns pre{background:var(--color-surface-subtle);border:1px solid var(--line);padding:15px;border-radius:var(--radius-sm);max-height:380px;overflow:auto;font-size:var(--text-body);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere}.diff-columns h3{font-size:var(--text-card-title)}.diff-columns img{max-width:100%;border:1px solid var(--line)}@media(min-width:1600px){.node{max-width:340px}.connector{width:120px}}@media(max-width:1150px){.sidebar{width:215px;padding:25px 14px}main{margin-left:215px}.workspace{padding:28px 25px}.topbar{padding:0 25px}.toolbar{flex-wrap:wrap}.tools{flex:1}input:not([type=checkbox]):not([type=radio]):not([type=hidden]){width:100%}.tools input:not([type=checkbox]):not([type=radio]):not([type=hidden]){flex:1}.below-grid{grid-template-columns:1fr}.legend{display:none}.stats{gap:9px}.stat{padding:15px}.flow{overflow-x:auto}.node{min-width:180px}}@media(max-width:750px){.sidebar{position:static;width:100%;height:auto;padding:15px}.brand{font-size:var(--text-card-title)}.project,.navlabel,.sidebar-note,.local{display:none}nav{display:flex;overflow-x:auto;margin-top:14px}nav button{width:auto;white-space:nowrap;padding:9px;font-size:var(--text-body)}nav button span{display:none}main{margin:0}.topbar{height:45px;padding:0 17px}.breadcrumb{font-size:var(--text-body)}.breadcrumb span{padding:0 5px}.workspace{padding:22px 17px}h1{font-size:var(--text-page-title)}.title-row{align-items:start}.primary{padding:var(--control-padding-y) var(--control-padding-x);font-size:var(--text-body)}.stats{grid-template-columns:repeat(2,1fr)}.stat{min-height:95px}.catalog-grid{grid-template-columns:1fr}.filters{width:100%}.filters select{min-width:0;flex:1}.tools{width:100%}.card-head{padding:15px}.journeys{padding:16px}.connector{min-width:65px}.node{min-width:180px}.path-intro{padding:15px}.diff-columns{grid-template-columns:1fr}#drawer{padding:20px}.footnote{font-size:var(--text-caption)}}

.icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}nav .icon{width:19px;height:19px}.stat .symbol .icon{width:18px;height:18px}.connector .icon{width:22px;height:22px}.node-label .icon{width:12px;height:12px}

.site-picker{padding:14px 0}.site-picker label{display:block;font-size:var(--text-body);letter-spacing:1px;color:var(--color-text-muted);margin-bottom:8px}.site-picker select{width:100%;font-size:var(--text-body);padding:var(--control-padding-y) var(--control-padding-x)}.site-picker button{margin-top:10px;font-size:var(--text-body)}
.tree{padding:12px 24px 24px}.tree-group{border-top:1px solid var(--color-border)}.tree-group>summary{display:flex;align-items:center;cursor:pointer;list-style:none}.tree-row{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:13px 0}.tree-name{min-width:0}.tree-name .text-button{text-align:left;white-space:normal}.tree-name small{display:block;color:var(--color-text-muted);font-size:var(--text-caption);overflow-wrap:anywhere;margin-top:4px}.tree-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tree-children{margin-left:24px;border-left:1px solid var(--color-border);padding-left:18px}.tree-leaf{border-top:1px solid var(--color-border);padding-left:22px}.tree .text-button{font-size:var(--text-body)}.tree-group>summary .tree-row{padding:15px 0}#site-dialog{width:min(470px,90vw);padding:28px;border:0;border-radius:var(--radius-md)}#site-form label{display:block;margin:18px 0;font-size:var(--text-body)}#site-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]){display:block;width:100%;margin-top:8px}#site-error{color:var(--color-error)}dialog::backdrop{background:var(--overlay)}
@media(max-width:750px){.site-picker{padding:8px 20px}.site-picker label{display:none}.site-picker select{width:calc(100% - 130px)}.site-picker button{margin-left:10px}.tree{padding:8px 12px}.tree-row{gap:8px;flex-wrap:wrap}.tree-tags{justify-content:flex-start}.tree-children{margin-left:8px;padding-left:8px}.tree .card-head{flex-wrap:wrap}.card-head:has([data-tree-action]){flex-wrap:wrap}.tree-leaf{padding-left:10px}}

[hidden]{display:none!important}.project-select{display:block;margin:24px 0 12px}.project-select label{font-size:var(--text-body);letter-spacing:1px;color:var(--muted)}.project-select select{display:block;width:100%;margin-top:8px;font-size:var(--text-body)}.project-select small{overflow-wrap:anywhere;font-size:var(--text-caption);margin-top:8px}.sidebar{overflow-y:auto}.account-tools{display:flex;align-items:center;gap:12px;font-size:var(--text-body)}.account-tools #account-label{max-width:210px;overflow-wrap:anywhere}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 20%,var(--color-primary-soft),transparent 65%),var(--bg)}.auth-card{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:38px;width:min(440px,100%);box-shadow:0 20px 60px color-mix(in srgb,var(--brand-ink) 7%,transparent)}.auth-card h1{font-size:var(--text-page-title);margin-top:32px}.auth-card p{font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted)}.auth-card label,.admin-grid label{display:block;font-size:var(--text-body);margin:20px 0}.auth-card input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.admin-grid input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.admin-grid select{display:block;width:100%;margin-top:8px;font-size:var(--text-body);min-height:var(--control-height)}.auth-card .primary{width:100%;font-size:var(--text-body)}.auth-card #back-to-login{margin-top:12px}.auth-card .auth-note{font-size:var(--text-caption);border-top:1px solid var(--line);padding-top:18px;margin-top:24px}#auth-error{color:var(--red);min-height:18px}#admin-dialog{max-width:850px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:18px}#admin-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-body);line-height:var(--leading-body);background:var(--pale);padding:14px}.topbar{gap:12px}
@media(max-width:1150px){.account-tools #account-label{display:none}.project-select{margin:16px 0 8px}.sidebar-note{padding:10px}.topbar{flex-wrap:wrap;height:auto;min-height:72px;padding-top:12px;padding-bottom:12px}}
@media(max-width:750px){.project-select{display:block;margin:14px 0 0;padding:8px 12px}.project-select label,.project-select small{display:none}.project-select select{margin:0;max-width:none}.topbar{gap:10px;padding:12px 17px}.account-tools{order:3;width:100%;justify-content:flex-end}.admin-grid{grid-template-columns:1fr}.auth-card{padding:25px}.sidebar{overflow:visible}}

/* h1seo: original SVG marks and semantic palette from the brand kit. */
.brand{display:block;letter-spacing:normal}.brand-logo{display:block;width:180px;max-width:100%;height:auto}.brand small{font:var(--text-caption)/var(--leading-body) var(--font-ui);letter-spacing:0;margin:4px 0 0 12px;color:var(--color-text-secondary)}.brand-logo-dark{display:none}:root[data-theme="dark"] .brand-logo-light{display:none}:root[data-theme="dark"] .brand-logo-dark{display:block}
.auth-card .brand-logo{width:240px}.auth-card .brand small{margin-left:16px;font-size:var(--text-caption)}.auth-tools{display:flex;justify-content:flex-end;margin-bottom:12px}.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--color-control-border);border-radius:var(--radius-sm);padding:0;color:var(--color-text-secondary);background:var(--color-surface);font-size:var(--text-body);white-space:nowrap}.theme-toggle:before{content:'';width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%);flex-shrink:0}.theme-toggle:hover,.secondary:hover{background:var(--color-surface-subtle)}.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.primary:active{background:var(--color-primary-active);border-color:var(--color-primary-active)}button:disabled{opacity:1;background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-border);box-shadow:none}input::placeholder{color:var(--color-text-muted)}.success-text{color:var(--color-success)}.text-button{color:inherit}nav button:hover:not(.active){background:var(--color-surface-subtle)}.topbar #open-site{white-space:nowrap}.account-tools{flex-wrap:wrap;justify-content:flex-end}.auth-card h1{letter-spacing:-.6px}
@media(max-width:750px){.sidebar .brand-logo{width:150px}.sidebar .brand small{font-size:var(--text-caption);margin-left:10px}.account-tools{gap:10px}.auth-card .brand-logo{width:220px}.auth-page{padding:18px}.auth-tools{margin-bottom:6px}}

/* Application layout adapters for the shared design-system components. */
.sidebar .local{margin-top:auto;padding-top:24px;display:flex;gap:8px;align-items:flex-start;line-height:1.5}.local .icon{width:14px;height:14px;color:var(--color-success)}
.site-picker .ui-select-trigger{margin:0;font-size:var(--text-body)}.site-picker .ui-select,.project-select .ui-select{display:block;width:100%;margin-top:8px}.site-picker #add-site{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:var(--color-link);font-size:var(--text-body)}.site-picker #add-site .icon{width:16px;height:16px}
.account-tools .text-button,.account-tools a{display:inline-flex;align-items:center;gap:5px;min-height:32px}.account-tools .icon{width:16px;height:16px}.filters{min-width:0}.filters>.ui-select:first-child{width:320px}.filters>.ui-select:nth-child(2){width:140px}.tools .secondary{flex-shrink:0}.admin-grid .ui-select{display:block;width:100%;margin-top:8px}.path-intro label{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.path-intro .ui-select{width:400px;max-width:100%;min-width:0}
.tree-group>summary:before{content:none}.tree-chevron{width:16px;height:16px;margin-right:8px;transition:transform var(--motion-fast)}.tree-group[open]>summary>.tree-chevron{transform:rotate(90deg)}nav .icon{width:18px;height:18px}.stat .symbol .icon{width:18px;height:18px}
@media(max-width:1150px){.toolbar .filters{flex:1}.toolbar .tools{min-width:240px}.filters>.ui-select:first-child{width:260px}}
@media(max-width:750px){.site-picker{display:flex;align-items:center;gap:10px;padding:8px 12px}.site-picker .ui-select{flex:1;min-width:0;margin:0}.site-picker #add-site{margin:0;font-size:var(--text-body);white-space:nowrap}.project-select .ui-select{margin:0}.toolbar .filters{width:100%;flex:none}.filters>.ui-select:first-child{width:auto;flex:1}.filters>.ui-select:nth-child(2){width:112px;flex:none}.toolbar .tools{min-width:0;width:100%;flex:none}.toolbar .tools input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-width:0}.path-intro label{display:block}.path-intro .ui-select{display:block;width:100%;margin-top:8px}.account-tools{justify-content:flex-start}.account-tools .icon{width:14px;height:14px}.title-row .primary{padding:var(--control-padding-y) var(--control-padding-x);font-size:var(--text-body)}.title-row .primary .icon{width:16px;height:16px}.tree .tools{flex-wrap:wrap}.tree .secondary{font-size:var(--text-body);padding:var(--control-padding-y) var(--control-padding-x)}}

/* Compact cabinet branding and crawl controls. */
.sidebar .brand-logo{width:136px}.sidebar .brand small{font-size:var(--text-caption);margin-left:9px}.sidebar .brand{margin-bottom:4px}.notice-dismissible{position:relative;padding-right:56px}.notice-close{position:absolute;right:12px;top:12px;min-height:32px;width:32px;height:32px}.notice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.notice-box p{margin:8px 0 12px}.retry-button{margin-top:6px}.notice-actions .retry-button{margin-top:0}.filter-active{border-color:var(--color-primary);color:var(--color-link);background:var(--color-primary-soft)}.notice-box .icon{width:16px;height:16px}.card-head:has([data-errors-filter]){flex-wrap:wrap}@media(max-width:750px){.sidebar .brand-logo{width:112px}.sidebar .brand small{font-size:var(--text-caption);margin-left:8px}.notice-actions .secondary{white-space:normal;text-align:left;font-size:var(--text-body);padding:var(--control-padding-y) var(--control-padding-x)}.notice-dismissible{padding-right:48px}.notice-close{right:8px;top:8px}}

/* SEO inventories use the same controls, badges and disclosure components. */
.seo-table{min-width:1050px;table-layout:fixed}.seo-table th:nth-child(1){width:24%}.seo-table th:nth-child(2){width:31%}.seo-table th:nth-child(3){width:29%}.seo-table th:nth-child(4){width:16%}.seo-table td,.redirect-table td{vertical-align:top;overflow-wrap:anywhere}.seo-meta-field+.seo-meta-field{margin-top:16px}.seo-meta-field p{margin:6px 0;white-space:pre-wrap}.seo-headings{margin-top:12px}.seo-headings summary{font-size:var(--text-body)}.seo-headings ol{list-style:none;padding:0;margin:12px 0}.seo-headings li{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;flex-wrap:wrap}.seo-headings li>span:nth-child(2){flex:1;min-width:120px}.seo-headings li>small{width:100%;padding-left:44px}.seo-error-row td:first-child{box-shadow:inset 3px 0 0 var(--color-error)}.redirect-table{min-width:850px}.redirect-table th:first-child{width:28%}.redirect-table th:last-child{width:18%}.redirect-chain{list-style:none;padding:0;margin:0}.redirect-chain li+li{margin-top:16px}.redirect-destination{display:flex;gap:8px;align-items:flex-start;font-size:var(--text-body)}.redirect-destination .icon{flex-shrink:0;margin-top:2px}.seo-table td:last-child .badge{white-space:normal}.seo-table td .retry-button{margin-top:8px}

.seo-pagination{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid var(--color-border);gap:8px}.seo-pagination small{color:var(--color-text-muted)}.seo-pagination button{font-size:var(--text-body);min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x)}

/* Cabinet loading preserves the card, toolbar and navigation layout. */
.skeleton-stat{display:flex;flex-direction:column;gap:14px;min-height:118px}.skeleton-card{min-height:450px}.skeleton-card .card-head{gap:24px}.skeleton-tree{padding:6px 23px 18px}.skeleton-tree-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--color-border)}.skeleton-tree-row>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:10px}.skeleton-tree-row>.ui-skeleton-control{max-width:100px;flex-shrink:0;height:24px}.skeleton-tree-child{margin-left:36px}.skeleton-table{padding:0 23px 16px}.skeleton-table-row{display:grid;grid-template-columns:2fr 2fr 1.4fr 1fr;gap:24px;border-bottom:1px solid var(--color-border);padding:24px 0}.skeleton-table-row>div{display:flex;flex-direction:column;gap:12px;min-width:0}.skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px}.skeleton-tile{display:flex;flex-direction:column;gap:18px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;min-height:250px}#export[aria-disabled=true]{pointer-events:none;color:var(--color-disabled-text);border-color:var(--color-border);background:var(--color-disabled-bg)}body[data-loading=true] #project-name{display:inline-block;min-width:100px;min-height:12px;color:transparent;background:var(--color-border);border-radius:var(--radius-sm);animation:ui-skeleton-pulse 1.7s ease-in-out infinite}
@media(max-width:750px){.skeleton-card .card-head{flex-wrap:nowrap;padding:16px;gap:16px}.skeleton-card .card-head>.ui-skeleton-control{max-width:80px}.skeleton-tree{padding:0 16px 16px}.skeleton-tree-child{margin-left:20px}.skeleton-tree-row{gap:12px}.skeleton-tree-row>.ui-skeleton-control{max-width:54px}.skeleton-table{padding:0 16px 16px}.skeleton-table-row{grid-template-columns:2fr 1.2fr;gap:16px}.skeleton-table-row>div:nth-child(n+3){display:none}.skeleton-grid{grid-template-columns:1fr;padding:16px}.skeleton-tile{min-height:190px}}
@media(prefers-reduced-motion:reduce){body[data-loading=true] #project-name{animation:none}}
/* Shared registry layouts */
.sidebar{overflow-y:auto;padding-top:18px;padding-bottom:18px}.sidebar .brand-logo{width:108px}.sidebar .brand small{margin-left:7px}.sidebar .project{margin-top:18px;margin-bottom:12px}.sidebar nav button{padding:6px 10px;margin:1px 0;min-height:var(--control-height);line-height:var(--leading-body)}.sidebar .site-picker{padding:10px 0 14px}.toolbar .filters{flex-wrap:wrap}.toolbar .ui-select{min-width:150px;max-width:260px}.report-card{margin-bottom:18px}.report-card table{min-width:720px}.report-card td{max-width:420px;line-height:var(--leading-body)}.report-card details{margin:7px 0}.report-card td p{margin:6px 0;overflow-wrap:anywhere}.report-card .card-head{flex-wrap:wrap}.report-placements{display:flex;flex-direction:column;gap:4px}.report-placements small{font-size:var(--text-caption);color:var(--muted);overflow-wrap:anywhere;margin-bottom:9px}.robots-text,.schema-check pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;background:var(--color-surface-subtle);padding:14px;font-size:var(--text-body);border-radius:var(--radius-sm)}.schema-check{padding:12px 0;border-top:1px solid var(--line)}.schema-check small{display:block;color:var(--muted);margin-top:5px}.error-text{color:var(--red)}.ordered-headings{padding-left:24px;counter-reset:headings}.ordered-headings li{margin:9px 0;padding-left:var(--heading-indent);font-size:var(--text-body);line-height:var(--leading-body)}.ordered-headings small{display:block;color:var(--muted)}#service-dialog{max-width:560px}#service-form label{display:block;margin:16px 0;font-size:var(--text-body)}#service-form input:not([type=hidden]),#service-form textarea{display:block;width:100%;margin-top:8px}#service-form textarea{resize:vertical;background:var(--color-surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;font:inherit}#service-form p{font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted)}#service-error{color:var(--red)!important}.auth-card .brand-logo{width:192px}#content>.card+.card{margin-top:18px}
@media(max-width:750px){.sidebar{overflow:visible}.sidebar .brand-logo{width:92px}.sidebar nav button{padding:6px 10px}.sidebar .project{margin:10px 0}.toolbar .filters{gap:8px}.toolbar .filters .ui-select{min-width:125px;flex:1;max-width:none}.report-card table{min-width:640px}.report-card .card-head label{font-size:var(--text-body)}.auth-card .brand-logo{width:176px}}

.sidebar #add-site{display:inline-flex;align-items:center;gap:6px;line-height:20px}

#dictionary-dialog{max-width:560px}#dictionary-form label{display:block;margin:16px 0;font-size:var(--text-body)}#dictionary-form input:not([type=hidden]),#dictionary-form textarea{display:block;width:100%;margin-top:8px}#dictionary-form textarea{resize:vertical;background:var(--color-surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;font:inherit}#dictionary-form p{font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted)}#dictionary-error{color:var(--red)!important}.report-category-filters{flex-wrap:wrap;margin:14px 0}.dictionary-actions{display:flex;gap:8px;flex-wrap:wrap}.dictionary-actions button{min-width:32px}

.form-observation{padding:10px 0;overflow-wrap:anywhere}.form-observation+.form-observation{border-top:1px solid var(--line)}.form-observation p{margin:8px 0}.form-observation .fields{margin:8px 0}

/* Shared React forms retain the existing label/control layout. */
.ui-form-fields{border:0;padding:0;margin:0;min-width:0;display:contents}