/* TR Global v046 — style hierarchy, table controls and guided style creation */
body[data-style-page] .style-workflow-context{display:grid;gap:14px;margin:0 0 16px}
body[data-style-page] .style-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 14px;border:1px solid #dce7f5;border-radius:18px;background:#f8fbff;color:#53617f}
body[data-style-page] .style-breadcrumb button,body[data-style-page] .style-breadcrumb span{border:0;background:transparent;padding:8px 10px;border-radius:10px;font:inherit;color:#53617f;font-weight:850;line-height:1.25}
body[data-style-page] .style-breadcrumb button{display:inline-flex;align-items:center;min-height:44px}
body[data-style-page] .style-breadcrumb button{cursor:pointer}
body[data-style-page] .style-breadcrumb button:hover,body[data-style-page] .style-breadcrumb button:focus-visible{background:#eaf1ff;color:#071447;outline:3px solid rgba(48,72,184,.18)}
body[data-style-page] .style-breadcrumb b{color:#a0762c;font-size:.78rem}
body[data-style-page] .style-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid #dce7f5;border-radius:18px;background:#fff}
body[data-style-page] .style-view-switch{display:flex;gap:8px;flex-wrap:wrap}
body[data-style-page] .style-view-switch button{min-height:42px;border:1px solid #dce7f5;background:#f8fbff;color:#071447;border-radius:12px;padding:0 13px;font:inherit;font-weight:900;cursor:pointer}
body[data-style-page] .style-view-switch button.active{background:#071447;color:#fff;border-color:#071447}
body[data-style-page] .style-column-picker{position:relative}
body[data-style-page] .style-column-picker>summary{list-style:none;display:flex;align-items:center;min-height:42px;border:1px solid #dce7f5;border-radius:12px;padding:0 13px;background:#fff;color:#071447;font-weight:900;cursor:pointer}
body[data-style-page] .style-column-picker>summary::-webkit-details-marker{display:none}
body[data-style-page] .style-column-menu{position:absolute;right:0;z-index:20;top:calc(100% + 8px);width:min(320px,84vw);display:grid;gap:8px;padding:14px;border:1px solid #dce7f5;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(6,35,94,.16)}
body[data-style-page] .style-column-menu label{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 8px;border-radius:10px;color:#071447;font-weight:800}
body[data-style-page] .style-column-menu label:hover{background:#f4f7ff}
body[data-style-page] .style-column-menu input{width:19px;height:19px;accent-color:#3048b8}
body[data-style-page] .style-table-shell{position:relative;border:1px solid #dce7f5;border-radius:18px;background:#fff;overflow:auto;max-height:68vh}
body[data-style-page] .style-index-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}
body[data-style-page] .style-index-table th,body[data-style-page] .style-index-table td{padding:12px 13px;border-bottom:1px solid #e8eef7;text-align:left;vertical-align:middle;background:#fff;color:#53617f;white-space:nowrap}
body[data-style-page] .style-index-table th{position:sticky;top:0;z-index:5;background:#f8fbff;color:#071447;font-size:.74rem;text-transform:uppercase;letter-spacing:.07em}
body[data-style-page] .style-index-table tr:hover td{background:#f8fbff}
body[data-style-page] .style-index-table .style-sticky-code{position:sticky;left:0;z-index:4;min-width:130px;color:#071447;font-weight:950;box-shadow:8px 0 14px rgba(6,35,94,.05)}
body[data-style-page] .style-index-table .style-sticky-status{position:sticky;left:130px;z-index:4;min-width:145px;box-shadow:8px 0 14px rgba(6,35,94,.04)}
body[data-style-page] .style-index-table th.style-sticky-code,body[data-style-page] .style-index-table th.style-sticky-status{z-index:8;background:#eef4ff}
body[data-style-page] .style-index-table button{border:0;background:transparent;color:#064cb3;font:inherit;font-weight:950;cursor:pointer;padding:5px 0}
body[data-style-page] .style-index-table .btn{padding:8px 11px;min-height:38px;border:1px solid #dce7f5;background:#fff;border-radius:10px}
body[data-style-page] .style-mobile-index{display:none;gap:12px}
body[data-style-page] .style-mobile-row{display:grid;gap:10px;border:1px solid #dce7f5;border-radius:18px;padding:15px;background:#fff}
body[data-style-page] .style-mobile-row header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body[data-style-page] .style-mobile-row strong{color:#071447;font-size:1rem}
body[data-style-page] .style-mobile-row p{margin:0;color:#53617f;line-height:1.55}
body[data-style-page] .style-mobile-row footer{display:flex;gap:8px;flex-wrap:wrap}
body[data-style-page] .style-mobile-row footer button{flex:1;min-width:120px}
body[data-style-page] .style-hierarchy-v046{display:grid;gap:14px}
body[data-style-page] .style-hierarchy-v046 details{border:1px solid #dce7f5;border-radius:18px;background:#fff;overflow:hidden}
body[data-style-page] .style-hierarchy-v046 details details{margin:10px;border-radius:14px;box-shadow:none}
body[data-style-page] .style-hierarchy-v046 summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#f8fbff;cursor:pointer;color:#071447}
body[data-style-page] .style-hierarchy-v046 summary::-webkit-details-marker{display:none}
body[data-style-page] .style-hierarchy-v046 summary span{display:grid;gap:2px}
body[data-style-page] .style-hierarchy-v046 summary small{color:#64728d;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:950}
body[data-style-page] .style-hierarchy-v046 summary strong{font-size:.95rem}
body[data-style-page] .style-hierarchy-v046 summary em{font-style:normal;color:#064cb3;font-size:.78rem;font-weight:950}
body[data-style-page] .style-hierarchy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px;padding:12px}
body[data-style-page] .style-details-drawer[hidden]{display:none}
body[data-style-page] .style-details-drawer{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr) min(440px,94vw);background:rgba(7,20,71,.42)}
body[data-style-page] .style-details-drawer-backdrop{grid-column:1;cursor:pointer}
body[data-style-page] .style-details-drawer-panel{grid-column:2;background:#fff;height:100%;overflow:auto;padding:24px;box-shadow:-30px 0 80px rgba(7,20,71,.24)}
body[data-style-page] .style-details-drawer-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #e4ebf6}
body[data-style-page] .style-details-drawer-head h3{margin:4px 0 0;color:#071447;font-size:1.45rem}
body[data-style-page] .style-details-drawer-head button{width:44px;height:44px;border:1px solid #dce7f5;border-radius:12px;background:#fff;color:#071447;font-size:1.4rem;cursor:pointer}
body[data-style-page] .style-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
body[data-style-page] .style-drawer-grid span{display:grid;gap:5px;padding:12px;border:1px solid #e3ebf7;border-radius:13px;background:#f8fbff;color:#53617f}
body[data-style-page] .style-drawer-grid b{color:#071447;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
body[data-style-page] .style-drawer-actions{display:flex;gap:10px;flex-wrap:wrap}
body[data-style-page] .style-drawer-actions .btn{flex:1;min-width:150px}

/* Guided five-step style creation */
body[data-style-page] .style-create-form.style-wizard-ready{display:block}
.style-wizard-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px}
.style-wizard-progress button{display:grid;gap:3px;min-height:64px;padding:9px;border:1px solid #dce7f5;border-radius:14px;background:#f8fbff;color:#53617f;text-align:left;font:inherit;cursor:pointer}
.style-wizard-progress button b{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#eaf1ff;color:#3048b8;font-size:.78rem}
.style-wizard-progress button span{font-size:.75rem;font-weight:900;line-height:1.25}
.style-wizard-progress button.active{background:#071447;color:#fff;border-color:#071447}
.style-wizard-progress button.active b,.style-wizard-progress button.complete b{background:#fff;color:#071447}
.style-wizard-progress button.complete{border-color:#a9ddbd;background:#eefdf4;color:#136b35}
.style-wizard-draft{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;border:1px solid #dce7f5;border-radius:14px;background:#f8fbff;color:#53617f}
.style-wizard-draft strong{color:#071447}
.style-wizard-step{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.style-wizard-step.active{display:grid}
.style-wizard-step>header,.style-wizard-step>.style-step-help,.style-wizard-step>.style-wizard-actions,.style-wizard-step>.style-review-panel{grid-column:1/-1}
.style-wizard-step>header{display:grid;gap:5px;margin-bottom:2px}
.style-wizard-step>header h4{margin:0;color:#071447;font-size:1.25rem}
.style-wizard-step>header p{margin:0;color:#64728d;line-height:1.55}
.style-wizard-step .span-2,.style-wizard-step fieldset{grid-column:1/-1}
.style-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:14px;border-top:1px solid #e5edf8}
.style-wizard-actions>div{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.style-wizard-actions button{min-height:46px}
.style-review-panel{display:grid;gap:14px}
.style-review-path{padding:14px 16px;border-radius:14px;background:#071447;color:#fff;font-weight:900;line-height:1.6}
.style-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.style-review-grid span{display:grid;gap:5px;padding:12px;border:1px solid #dce7f5;border-radius:13px;background:#f8fbff;color:#53617f}
.style-review-grid b{color:#071447;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.style-autosave-state{color:#64728d;font-size:.82rem;font-weight:800}
@media(max-width:900px){body[data-style-page] .style-table-shell{display:none}body[data-style-page] .style-spreadsheet-shell{display:block}body[data-style-page] .style-mobile-index{display:grid}.style-wizard-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.style-wizard-step.active,.style-review-grid{grid-template-columns:1fr}}
@media(max-width:620px){body[data-style-page] .style-view-toolbar{align-items:stretch}body[data-style-page] .style-view-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}body[data-style-page] .style-view-switch button:last-child{grid-column:1/-1}body[data-style-page] .style-column-picker{width:100%}body[data-style-page] .style-column-picker>summary{justify-content:center}.style-wizard-progress{grid-template-columns:1fr}.style-wizard-actions{align-items:stretch;flex-direction:column}.style-wizard-actions>div{width:100%;margin:0}.style-wizard-actions button{flex:1}.style-drawer-grid{grid-template-columns:1fr}}