/* Detailed composition matched to the three supplied desktop references. */
.structure-design {
  --wf-panel: #0b1925;
  --wf-panel2: #122431;
  --wf-edge: #254156;
  --wf-text: #f1f6ff;
  --wf-soft: #9fbcd5;
  --wf-blue: #29aaff;
  --wf-muted: #8da8c0;
  font-size: 14px;
}
.structure-design .wf-heading { margin-bottom: 28px; }
.structure-design .wf-heading h1 { font-size: clamp(29px, 2.6vw, 37px); letter-spacing: -.6px; }
.structure-design .wf-heading .eyebrow { font-size: 12px; letter-spacing: 2px; }
.structure-design .wf-heading p { font-size: 16px; }
.structure-design .wf-heading .wf-new { background: linear-gradient(135deg,#25aaff,#0784ed); min-height: 49px; font-size: 15px; }
.structure-design .wf-panel { background: linear-gradient(115deg,#122330,#0a1824); border-radius: 12px; box-shadow: inset 0 1px #93c7ed06, 0 8px 25px #0000000c; }
.structure-design h2 { font-size: 20px; letter-spacing: -.2px; }
.structure-design p { font-size: 14px; }
.structure-design .secondary { font-size: 13px; min-height: 41px; border-color: #29465d; background: linear-gradient(135deg,#152a3b,#0d1c29); }
.structure-design .secondary:hover { background: #17384f; border-color: #3696d1; }
.structure-design .secondary.danger { border-color: #9e4146; background: linear-gradient(135deg,#452b30,#2c2028); }
.structure-design .secondary.danger:hover { border-color:#ee666d; background:#4b2931; }
.structure-design .wf-search { background: #0d1e2c; border-color: #29475d; }
.structure-design .wf-search input { font-size: 14px; }
.structure-design select { min-height: 40px; background:#0d1f2e; font-size:14px; }
.structure-design .badge { font-size: 12px; padding: 7px 11px; border-radius: 20px; white-space: nowrap; }
.structure-design .badge.green { background: #113e36; color: #46e3b3; }
.structure-design .badge.amber { background:#3b3523; color:#ffc258; }
.structure-design .badge.blue { background:#0d3554; color:#35b6ff; }
.structure-design .sd-section-title>i { background: linear-gradient(135deg,#174361,#0d293c); width:52px;height:52px;flex-basis:52px; }
.structure-design .sd-section-title p { font-size:14px; line-height:1.5; }
.structure-design .sd-panel-head { padding:20px; gap:14px; }
.structure-design .sd-summary { padding:20px 18px; }
.structure-design .sd-summary-grid>div { padding:22px 14px; column-gap:12px; }
.structure-design .sd-summary-grid>div:nth-child(odd) { border-right:1px solid var(--wf-edge); }
.structure-design .sd-summary-grid>div:nth-child(-n+2) { border-bottom:1px solid var(--wf-edge); }
.structure-design .sd-summary-grid i { width:48px;min-height:53px;background:linear-gradient(135deg,#173d57,#152b3c);border:1px solid #29485f; }
.structure-design .sd-summary-grid i svg { width:29px;height:29px; }
.structure-design .sd-summary-grid>div { grid-template-columns:48px 1fr; }
.structure-design .sd-summary-grid>div:nth-child(3) i { background:#0f3c34;color:#47e4b1;border-color:#175247; }
.structure-design .sd-summary-grid>div:nth-child(4) i { background:#3b3524;color:#ffbe4b;border-color:#5d492b; }
.structure-design .sd-summary-grid strong { font-size:25px; }
.structure-design .sd-summary-grid span { font-size:13px;line-height:1.45; }
.structure-design .sd-warning { background:linear-gradient(110deg,#3a301f66,#27282055);border-color:#74571e;padding:17px 18px; }
.structure-design .sd-warning p { font-size:13px; }
.structure-design .sd-explorer { padding:22px; }
.structure-design .sd-explorer .sd-section-title>i { border-radius:50%; }
.structure-design .sd-cascade { gap:38px;margin-top:24px; }
.structure-design .sd-level { min-height:104px; padding:18px 16px; gap:18px; background:linear-gradient(130deg,#172e40,#10212f); }
.structure-design .sd-level>i { width:62px;height:62px;flex-basis:62px;background:linear-gradient(130deg,#1d5079,#133148);border-color:#2997d5; }
.structure-design .sd-level>i svg { width:34px;height:34px; }
.structure-design .sd-level.locked>i { background:linear-gradient(130deg,#213447,#142332);border-color:#355066; }
.structure-design .sd-level b { font-size:15px;gap:12px; }
.structure-design .sd-level em { width:29px;height:29px;background:linear-gradient(130deg,#30b1ff,#197ec5);box-shadow:inset 0 1px #ffffff40; }
.structure-design .sd-level.locked em { background:linear-gradient(130deg,#51718c,#2b4358); }
.structure-design .sd-level select { min-height:26px;font-size:13px; background:transparent; padding:6px 0 0; }
.structure-design .sd-level:not(:last-child):after { right:-30px; }
.structure-design .sd-level-actions { top:5px;right:7px; }
.structure-design .sd-level-actions button { padding:3px; }
.structure-design .asset-record-crumbs { margin:12px 0; }
.structure-design .asset-record-crumbs:has(button:only-child) { display:none; }
.structure-design .sd-assets-layout { grid-template-columns:minmax(0,2.8fr) minmax(315px,1fr); }
.structure-design .sd-assets .sd-panel-head { flex-wrap:nowrap; }
.structure-design .sd-assets .sd-panel-head .sd-section-title { flex:1; }
.structure-design .sd-assets .sd-panel-head .wf-search { width:290px;flex:0 1 290px; }
.structure-design .sd-asset-list { padding:0 12px 16px;gap:13px; }
.structure-design .sd-asset-row { grid-template-columns:62px minmax(105px,.9fr) minmax(110px,1.05fr) minmax(75px,.6fr) minmax(105px,.85fr) minmax(110px,.85fr) auto;gap:18px;padding:19px 16px;min-height:105px;background:linear-gradient(105deg,#142633,#0d1c28); }
.structure-design .sd-asset-symbol { height:62px;background:linear-gradient(130deg,#1d5079,#133148);box-shadow:inset 0 1px #6fc6fb10; }
.structure-design .sd-asset-symbol svg { width:33px;height:33px; }
.structure-design .sd-asset-row small { font-size:10px;font-weight:650;letter-spacing:.4px;margin-bottom:9px; }
.structure-design .sd-asset-row b,.structure-design .sd-asset-row>div>span { font-size:14px; }
.structure-design .sd-asset-row .link-btn { font-size:15px; }
.structure-design .sd-asset-row .sd-actions { grid-column:auto;flex-wrap:nowrap;gap:10px; }
.structure-design .sd-asset-row .sd-actions button { padding:10px 13px; }
.structure-design .sd-grid .sd-asset-row { grid-template-columns:62px minmax(0,1fr); }
.structure-design .sd-grid .sd-asset-row .sd-actions { grid-column:1/-1; }
.structure-design .sd-view-buttons .selected { background:linear-gradient(120deg,#174975,#12334c); }
.structure-design .sd-failure-layout { grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:18px; }
.structure-design .wf-stats { gap:18px; }
.structure-design .wf-stat { min-height:120px;border-radius:12px;padding:18px 20px;gap:18px; }
.structure-design .wf-stat-icon { width:65px;height:65px;flex-basis:65px;border-radius:14px;background:linear-gradient(140deg,#15476e,#0a2d48);box-shadow:inset 0 1px #69c5ff14; }
.structure-design .wf-stat-icon svg { width:31px;height:31px; }
.structure-design .wf-stat-copy>span { font-size:12px;font-weight:650;letter-spacing:.3px; }
.structure-design .wf-stat-copy strong { font-size:30px;margin:6px 0; }
.structure-design .wf-stat-copy p { font-size:13px; }
.structure-design .sd-failure-stats .wf-stat-icon { background:linear-gradient(145deg,#2997ff,#0571f5);color:#fff;box-shadow:0 6px 17px #0072ee20,inset 0 1px #ffffff40; }
.structure-design .sd-failure-stats .wf-red .wf-stat-icon { background:linear-gradient(140deg,#ff6678,#f22849);box-shadow:0 6px 17px #f02d422a; }
.structure-design .sd-failure-stats .wf-amber .wf-stat-icon { background:linear-gradient(140deg,#ffe082,#ffb22a);color:#785819;box-shadow:0 6px 17px #ffb02a1c; }
.structure-design .sd-failure-stats .sd-purple .wf-stat-icon { background:linear-gradient(140deg,#b193ff,#8651f5);box-shadow:0 6px 17px #8954fc2b; }
.structure-design .sd-failure-stats .wf-stat:after { content:'';position:absolute;right:-5px;bottom:-10px;width:135px;height:75px;opacity:.28;background:currentColor;clip-path:polygon(0 95%,12% 70%,24% 40%,36% 20%,48% 14%,60% 25%,72% 43%,84% 60%,100% 72%,100% 100%,0 100%);pointer-events:none; }
.structure-design .sd-failure-stats .wf-stat { color:#288ae5; }
.structure-design .sd-failure-stats .wf-red { color:#e24b63; }
.structure-design .sd-failure-stats .wf-amber { color:#a88d47; }
.structure-design .sd-failure-stats .sd-purple { color:#8e62d5; }
.structure-design .sd-failure-stats .wf-stat>span,.structure-design .sd-failure-stats .wf-stat>div { position:relative;z-index:1; }
.structure-design:has(#sdPartSearch) .wf-stat.wf-amber { border-color:#d89125;background:linear-gradient(110deg,#372a1c,#241f19);box-shadow:inset 0 1px #ffd25c25; }
.structure-design:has(#sdPartSearch) .wf-stat.wf-amber .wf-stat-copy>span,.structure-design:has(#sdPartSearch) .wf-stat.wf-amber .wf-stat-copy p { color:#ffbd46; }
.structure-design .sd-duration .sd-section-title>i { background:none;width:28px;flex-basis:28px; }
.structure-design .sd-duration .sd-panel-head { flex-wrap:nowrap;padding:18px 20px; }
.structure-design .sd-duration .sd-panel-head>select { width:150px;max-width:150px;flex:0 0 150px; }
.structure-design .sd-duration-row { grid-template-columns:minmax(150px,.65fr) minmax(0,2fr) 64px;min-height:67px;padding:16px 0;gap:16px; }
.structure-design .sd-duration-row b { font-size:13px; }
.structure-design .sd-duration-row small { font-size:12px; }
.structure-design .sd-bar-track { height:27px;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#28435340 calc(25% - 1px),#28435340 25%); }
.structure-design .sd-bar-track i { background:linear-gradient(100deg,#39b0ff,#2582f7);box-shadow:inset 0 1px #b0dcff35; }
.structure-design .sd-recurrence .sd-panel-head { border-bottom:0;padding-bottom:6px; }
.structure-design .sd-recurrence { border-color:#906c27;background:linear-gradient(120deg,#2c2c22aa,#0c1b28); }
.structure-design .sd-recurrence h2 { color:#ffbe49; }
.structure-design .sd-recur-row { min-height:93px;padding:16px; }
.structure-design .sd-recur-row>i { width:57px;height:57px;flex-basis:57px;border:1px solid #8b6a27;background:linear-gradient(130deg,#514025,#292720); }
.structure-design .sd-recur-row>i svg { width:30px;height:30px; }
.structure-design .sd-recur-row b { font-size:17px;line-height:1.4; }
.structure-design .sd-recur-row small { font-size:12px; }
.structure-design .sd-history .sd-panel-head { flex-wrap:nowrap; }
.structure-design .sd-history .sd-section-title { flex:1; }
.structure-design .sd-history .wf-search { flex:0 1 300px;width:300px; }
.structure-design .sd-history .sd-panel-head>select { flex:0 1 195px;max-width:195px; }
.structure-design .wf-table th { padding:14px 18px;font-size:10px;letter-spacing:.45px;background:#142838; }
.structure-design .wf-table td { padding:15px 18px;font-size:13px; }
.structure-design .wf-table td b { font-size:13px; }
.structure-design .wf-table td small { font-size:12px;line-height:1.4;margin-top:6px; }
.structure-design .wf-asset i { width:39px;height:39px;flex-basis:39px;background:linear-gradient(130deg,#1d364d,#122638); }
.structure-design .wf-asset { gap:12px; }
.structure-design .sd-inventory-filters { border-radius:10px;padding:8px 16px;gap:15px; }
.structure-design .sd-inventory-filters select { min-height:43px; }
.structure-design .sd-inventory-layout { grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px; }
.structure-design .sd-part .sd-panel-head { padding:16px 20px; }
.structure-design .sd-part-main { grid-template-columns:95px minmax(145px,1fr) minmax(0,2fr);padding:18px 22px;gap:24px; }
.structure-design .sd-part-main>i { width:95px;height:98px;background:linear-gradient(130deg,#17354c,#0d2537); }
.structure-design .sd-part-main>i svg { width:48px;height:48px; }
.structure-design .sd-part-main h2 { font-size:24px;margin-bottom:7px; }
.structure-design .sd-part-main b { font-size:16px; }
.structure-design .sd-part-main small { font-size:12px; }
.structure-design .sd-stock { border-left:1px solid var(--wf-edge);padding-left:24px; }
.structure-design .sd-stock>div:first-child span { font-size:13px; }
.structure-design .sd-stock>div:first-child span+span { border-left:1px solid var(--wf-edge);padding-left:18px; }
.structure-design .sd-stock b { font-size:21px; }
.structure-design .sd-stock-bar { height:14px; }
.structure-design .sd-stock strong { font-size:14px; }
.structure-design .sd-part footer { margin:0 22px;padding:16px 0; }
.structure-design .sd-part footer>div:not(.sd-actions)>svg { width:33px;height:33px;padding:8px;box-sizing:content-box;border-radius:50%;background:#18394f;color:#9ed2fa; }
.structure-design .sd-part footer b { font-size:16px; }
.structure-design .sd-value { min-height:103px;background:linear-gradient(110deg,#142c3f,#0d2030); }
.structure-design .sd-value>i { width:62px;height:62px; }
.structure-design .sd-value svg { width:31px;height:31px; }
.structure-design .sd-value strong { font-size:29px; }
.structure-design .sd-summary:has(.sd-value) { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.structure-design .sd-summary:has(.sd-value)>.sd-section-title,.structure-design .sd-summary:has(.sd-value)>.sd-warning { grid-column:1/-1; }
.structure-design .sd-summary .sd-value { margin:0;padding:15px;gap:13px; }
.structure-design .sd-summary .sd-value strong { font-size:26px; }
.structure-design .sd-summary .sd-value>i { width:50px;height:60px;flex:0 0 50px; }
.structure-design .sd-summary .sd-value small { font-size:12px;line-height:1.5; }
.structure-design .sd-purchases .sd-panel-head { padding:15px 20px; }
.structure-design .sd-purchases .sd-panel-head>span { font-size:13px; }
.structure-design .sd-purchases .sd-panel-head>span b { font-size:20px;color:#2fafff; }
.structure-design .sd-purchases .primary { min-height:43px;display:flex;align-items:center;gap:8px;font-size:14px; }
.structure-design .sd-purchase { padding:12px 22px 20px; }
.structure-design .sd-purchase-steps { padding:0 16px 6px;font-size:13px;gap:19px; }
.structure-design .sd-purchase-steps svg { width:25px;height:25px;margin-right:10px; }
.structure-design .sd-purchase-fields { grid-template-columns:1.1fr 1.3fr 1fr .7fr 1fr .8fr 1fr auto;gap:16px; }
.structure-design .sd-purchase-fields>div:not(.sd-actions) { border-right:1px solid var(--wf-edge);padding-right:12px; }
.structure-design .sd-purchase-fields small { font-size:11px; }
.structure-design .sd-purchase-fields b { font-size:12px;line-height:1.4; }
.structure-design .sd-purchase-fields .sd-actions { flex-wrap:nowrap; }
[data-theme="light"] .structure-design { --wf-panel:#f5fafe;--wf-panel2:#ffffff;--wf-edge:#c9dce9;--wf-text:#152d42;--wf-soft:#506d83;--wf-blue:#1177b8; }
[data-theme="light"] .structure-design .wf-panel,[data-theme="light"] .structure-design .sd-asset-row,[data-theme="light"] .structure-design .sd-level,[data-theme="light"] .structure-design .sd-value { background:linear-gradient(120deg,#ffffff,#f0f7fc); }
[data-theme="light"] .structure-design .secondary,[data-theme="light"] .structure-design .wf-search,[data-theme="light"] .structure-design select { background:#f6fbff;border-color:#bdd7e7;color:#17374e; }
[data-theme="light"] .structure-design .sd-level select { background:transparent; }
[data-theme="light"] .structure-design .badge.green { background:#daf4e8;color:#11764e; }
[data-theme="light"] .structure-design .badge.amber { background:#fff0cc;color:#98610d; }
[data-theme="light"] .structure-design .badge.blue { background:#e2f3ff;color:#1470aa; }
[data-theme="light"] .structure-design .sd-recurrence h2 { color:#98610d; }
[data-theme="light"] .structure-design .sd-recurrence { background:linear-gradient(120deg,#fff9e9,#fff);border-color:#d6b778; }
[data-theme="light"] .structure-design .wf-table th { background:#e7f2f9; }
[data-theme="light"] .structure-design .secondary.danger { background:#ffedf0;border-color:#e4a1ab; }
[data-theme="light"] .structure-design:has(#sdPartSearch) .wf-stat.wf-amber { background:#fff8e9; }
[data-theme="light"] .structure-design:has(#sdPartSearch) .wf-stat.wf-amber .wf-stat-copy>span,[data-theme="light"] .structure-design:has(#sdPartSearch) .wf-stat.wf-amber .wf-stat-copy p { color:#9a620c; }
@media(max-width:1750px) {
  .structure-design .sd-assets-layout { grid-template-columns:minmax(0,2.8fr) minmax(360px,1fr); }
  .structure-design .sd-asset-row { grid-template-columns:46px minmax(82px,.9fr) minmax(98px,1fr) .65fr minmax(75px,.7fr) minmax(100px,.8fr) auto;gap:10px;padding:17px 12px; }
  .structure-design .sd-asset-symbol { height:51px; }
  .structure-design .sd-asset-row .sd-actions { gap:5px; }
  .structure-design .sd-asset-row .sd-actions button { font-size:12px;padding:9px;gap:5px; }
  .structure-design .sd-cascade { gap:28px; }
  .structure-design .sd-level { padding:16px 12px;gap:12px; }
  .structure-design .sd-level>i { width:49px;height:55px;flex-basis:49px; }
  .structure-design .sd-level:not(:last-child):after { right:-23px; }
  .structure-design .sd-assets .sd-panel-head .wf-search { flex-basis:210px; }
  .structure-design .sd-purchase-fields { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:1350px) {
  .structure-design .sd-assets-layout { grid-template-columns:1fr; }
  .structure-design .sd-summary-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .structure-design .sd-summary-grid>div { border:0!important; }
  .structure-design .sd-summary-grid>div+div { border-left:1px solid var(--wf-edge)!important; }
  .structure-design .sd-history .sd-panel-head { flex-wrap:wrap; }
  .structure-design .sd-history .sd-section-title { flex:1 0 100%; }
  .structure-design .sd-history .wf-search { flex:1; }
  .structure-design .sd-part-main { grid-template-columns:65px minmax(100px,1fr) minmax(0,1.6fr);gap:14px;padding:20px 16px; }
  .structure-design .sd-part-main>i { width:65px;height:78px; }
  .structure-design .sd-stock { padding-left:15px; }
  .structure-design .sd-summary:has(.sd-value) { grid-template-columns:1fr; }
}
@media(max-width:1050px) {
  .structure-design .sd-failure-layout,.structure-design .sd-inventory-layout { grid-template-columns:1fr; }
  .structure-design .sd-cascade { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .structure-design .sd-level:nth-child(2):after { display:none; }
  .structure-design .sd-asset-row { grid-template-columns:46px 1fr 1.1fr .7fr .8fr 1fr; }
  .structure-design .sd-asset-row .sd-actions { grid-column:2/-1; }
  .structure-design .sd-assets .sd-panel-head { flex-wrap:wrap; }
  .structure-design .sd-assets .sd-section-title { flex:1 0 100%; }
}
@media(max-width:700px) {
  .structure-design .wf-heading p { font-size:14px; }
  .structure-design h2 { font-size:17px; }
  .structure-design .sd-section-title p { font-size:12px; }
  .structure-design .sd-section-title>i { width:42px;height:42px;flex-basis:42px; }
  .structure-design .wf-stat { padding:14px 12px;gap:10px;min-height:113px; }
  .structure-design .wf-stat-icon { width:43px;height:47px;flex-basis:43px;border-radius:11px; }
  .structure-design .wf-stat-icon svg { width:25px;height:25px; }
  .structure-design .wf-stat-copy>span { font-size:11px;letter-spacing:0; }
  .structure-design .wf-stat-copy strong { font-size:25px; }
  .structure-design .wf-stat-copy p { font-size:11px; }
  .structure-design .sd-explorer { padding:16px; }
  .structure-design .sd-cascade { gap:12px;margin-top:18px; }
  .structure-design .sd-level { padding:24px 10px 12px;gap:9px;min-height:111px; }
  .structure-design .sd-level>i { width:31px;height:42px;flex-basis:31px; }
  .structure-design .sd-level>i svg { width:24px;height:24px; }
  .structure-design .sd-level b { font-size:12px;gap:5px; }
  .structure-design .sd-level em { width:21px;height:21px; }
  .structure-design .sd-level select { font-size:12px;white-space:normal; }
  .structure-design .sd-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .structure-design .sd-summary-grid>div:nth-child(3) { border-left:0!important; }
  .structure-design .sd-summary-grid>div:nth-child(-n+2) { border-bottom:1px solid var(--wf-edge)!important; }
  .structure-design .sd-asset-row { grid-template-columns:46px 1fr 1fr;gap:13px;padding:15px; }
  .structure-design .sd-asset-row .sd-actions { grid-column:1/-1;gap:10px; }
  .structure-design .sd-asset-row .sd-actions button { padding:10px 15px;font-size:13px; }
  .structure-design .sd-asset-row>div:nth-child(3) { grid-column:2/-1; }
  .structure-design .sd-assets .sd-panel-head { padding:16px; }
  .structure-design .sd-assets .sd-panel-head .wf-search { flex:1; }
  .structure-design .sd-duration .sd-panel-head { flex-wrap:wrap;padding:16px; }
  .structure-design .sd-duration .sd-panel-head>select { flex:1 0 100%;max-width:none; }
  .structure-design .sd-duration-row { grid-template-columns:minmax(0,1fr) 63px;gap:10px; }
  .structure-design .sd-history .sd-panel-head>select { flex:1 0 100%;max-width:none; }
  .structure-design .sd-history .wf-search { flex:1 0 100%; }
  .structure-design .sd-part-main { grid-template-columns:64px minmax(0,1fr);padding:18px;gap:17px; }
  .structure-design .sd-part-main>i { width:64px; }
  .structure-design .sd-stock { grid-column:1/-1;padding:17px 0 0;border-left:0;border-top:1px solid var(--wf-edge); }
  .structure-design .sd-stock>div:first-child span+span { padding-left:18px; }
  .structure-design .sd-purchase-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .structure-design .sd-purchase-fields .sd-actions { grid-column:1/-1; }
  .structure-design .sd-purchase-steps { flex-wrap:wrap;padding:0;gap:9px;font-size:11px; }
  .structure-design .sd-purchase-steps svg { width:20px;height:20px;margin-right:3px; }
  .structure-design .sd-purchase-steps>.badge { flex:1 0 100%;text-align:center; }
  .structure-design .sd-summary .sd-value { display:flex;margin-right:0; }
  .structure-design .sd-summary:has(.sd-value) { grid-template-columns:1fr; }
  .structure-design .sd-grid { grid-template-columns:1fr; }
  .structure-design .sd-grid .sd-asset-row { grid-template-columns:46px minmax(0,1fr); }
}