/* V2 mockup alignment: shared shell, compact workspace and real-data charts. */
.app-body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f7fc;color:#132944}
.app-body .app-shell{grid-template-columns:218px minmax(0,1fr)}
.app-body .nexus-sidebar{background:linear-gradient(160deg,#102b49 0%,#0a1d34 100%)}
.app-body .app-brand{font-size:22px;min-height:74px;padding:21px 18px;letter-spacing:-.6px}
.app-body .nexus-navigation{padding:8px 10px}.app-body .nav-group{padding:6px 0}.app-body .nav-group>p{font-size:10px;letter-spacing:.08em;margin:12px 10px 8px}
.app-body .nav-group>a{font-size:13px;min-height:42px;padding:10px 12px;gap:11px;margin:3px 0}
.app-body .nav-group>a.active{background:linear-gradient(90deg,#174e8b,#123e70);box-shadow:none}
.app-body .nav-group>a>svg{width:18px!important;height:18px!important;flex:none;stroke-width:1.65}
.app-body .workspace-topbar{min-height:74px;background:#ffffffde;padding:14px 26px}
.app-body .workspace-main.nexus-main{padding:26px 26px 48px;max-width:1680px}
.app-body .workspace-main h1{font-size:28px;letter-spacing:-.035em;line-height:1.2}
.app-body .page-heading{margin-bottom:22px;gap:18px}.app-body .page-heading .eyebrow{font-size:11px;letter-spacing:.06em;color:#566b84}
.app-body .panel{padding:22px;background:linear-gradient(135deg,#fff,#fcfdff);border:1px solid #e0e9f4;border-radius:13px;box-shadow:0 4px 16px #153b6504}
.app-body .panel h2{font-size:16px;letter-spacing:-.02em}.app-body .panel-heading{margin-bottom:18px}
.app-body .nexus-metrics{gap:16px;margin-bottom:20px}.app-body .nexus-metrics article{position:relative;padding:20px;min-height:128px;background:linear-gradient(120deg,#fff,#fbfdff);box-shadow:0 3px 14px #173a6203}
.app-body .nexus-metrics article>span{padding-right:40px;font-size:12px;display:block}.app-body .nexus-metrics article>span svg{position:absolute;right:18px;top:28px;width:38px!important;height:38px!important;padding:9px;border-radius:10px;background:#e7f2ff;color:#0866f5}
.app-body .nexus-metrics article>strong{font-size:30px;margin:10px 0 6px;line-height:1.1;font-variant-numeric:tabular-nums}
.app-body .overview-grid{gap:18px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.app-body .condition-donut-layout{display:flex;align-items:center;justify-content:center;gap:24px;margin:22px 0}
.app-body .condition-donut{width:166px;height:166px;border-radius:50%;display:grid;place-items:center;flex:none;transform:rotate(-90deg)}
.app-body .condition-donut>div{width:124px;height:124px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(90deg);box-shadow:0 0 0 4px #fff7}
.app-body .condition-donut strong{font-size:27px;line-height:1.2;color:#142b46;font-variant-numeric:tabular-nums}.app-body .condition-donut span{font-size:12px;color:#5b7089}
.app-body .condition-list{flex:1;min-width:0;margin:0}.app-body .condition-list>div{grid-template-columns:9px minmax(0,1fr) auto;display:grid;gap:8px;padding:8px 0;font-size:12px;align-items:center}.app-body .condition-list small{display:none}.app-body .condition-list strong{font-size:12px;font-weight:600}.app-body .condition-dot{width:8px;height:8px}
.app-body .button:not(.secondary):not(.quiet):not(.danger),.app-body button:not(.secondary):not(.quiet):not(.danger){background:linear-gradient(180deg,#1474ff,#0061f0);box-shadow:0 3px 7px #0866f512}
.app-body .button.secondary,.app-body button.secondary{background:#fff;border-color:#d8e5f6;color:#0862dd;box-shadow:none}
.app-body .button:hover,.app-body button:hover{filter:brightness(.97)}.app-body a:focus-visible,.app-body button:focus-visible{outline:3px solid #70aaff;outline-offset:3px}
.app-body .inventory-summary{display:flex;gap:20px;margin:0 0 18px;flex-wrap:wrap}.app-body .inventory-summary>div{display:flex;align-items:baseline;gap:7px;border:0;background:transparent;box-shadow:none;padding:0}.app-body .inventory-summary strong{font-size:19px}.app-body .inventory-summary span{font-size:12px;color:#5d718c}
.app-body .inventory-filters{grid-template-columns:minmax(230px,2fr) repeat(3,minmax(110px,1fr));gap:14px;align-items:end;padding:18px}.app-body .inventory-filters .form-field:first-child{grid-column:span 2}.app-body .inventory-filters .form-actions{margin:0;display:flex;flex-wrap:wrap;gap:8px}.app-body .inventory-filters label{font-size:12px}
.app-body .inventory-status-tabs{display:flex;gap:8px;border-bottom:1px solid #dce6f2;margin:6px 0 0;overflow-x:auto;white-space:nowrap}.app-body .inventory-status-tabs a{display:flex;align-items:center;gap:7px;min-height:46px;padding:10px 13px;text-decoration:none;color:#526a85;border-bottom:3px solid transparent;font-size:13px}.app-body .inventory-status-tabs a.active{color:#0866f5;border-color:#0866f5;font-weight:600}.app-body .inventory-status-tabs span{background:#e9f2ff;color:#0755c3;padding:2px 6px;border-radius:5px;font-size:11px}
.app-body .condition-chip{display:inline-block;border-radius:5px;background:#eef3fb;color:#314e73;padding:4px 7px;font-size:11px;font-weight:600}.app-body .condition-nm{background:#def7e9;color:#14714f}.app-body .condition-lp{background:#e8f4ff;color:#2863a4}.app-body .condition-mp{background:#fff4dc;color:#846018}
.app-body .table-wrap{background:#fff;border-radius:10px}.app-body th{background:#f4f8fd;font-size:12px;font-weight:500;color:#5a708b}.app-body td{font-size:13px;padding:13px 14px}.app-body .table-wrap td>a{text-decoration:none}.app-body .table-wrap td>a:hover{text-decoration:underline}
@media(max-width:1150px){.app-body .condition-donut-layout{gap:14px;flex-wrap:wrap}.app-body .condition-donut{width:142px;height:142px}.app-body .condition-donut>div{width:108px;height:108px}.app-body .inventory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-body .app-shell{grid-template-columns:190px minmax(0,1fr)}.app-body .workspace-main.nexus-main{padding:22px 18px}.app-body .overview-grid{grid-template-columns:1fr}.app-body .nav-group>a{padding:10px;font-size:12px}.app-body .app-brand{font-size:20px}}
@media(max-width:767px){.app-body .app-shell{grid-template-columns:minmax(0,1fr)}.app-body .workspace-main.nexus-main{padding:22px 16px 36px}.app-body .workspace-topbar{padding:12px 16px;min-height:64px}.app-body .workspace-main h1{font-size:26px}.app-body .panel{padding:18px}.app-body .nexus-metrics{gap:10px}.app-body .nexus-metrics article{padding:16px;min-height:124px}.app-body .nexus-metrics article>span{padding-right:0;font-size:11px;max-width:calc(100% - 28px)}.app-body .nexus-metrics article>span svg{width:28px!important;height:28px!important;right:12px;top:16px;padding:6px}.app-body .nexus-metrics article>strong{font-size:27px}.app-body .condition-donut-layout{flex-wrap:nowrap}.app-body .inventory-filters{grid-template-columns:1fr}.app-body .inventory-filters .form-field:first-child{grid-column:auto}.app-body .inventory-summary{gap:16px}.app-body .inventory-status-tabs a{min-height:48px}.app-body .inventory-filters .form-actions{width:100%}.app-body .nexus-navigation .nav-group>a{font-size:13px;min-height:44px}.app-body .nexus-metrics a{font-size:12px}}

.app-body .dashboard-activity-feed{padding:0;margin:0;list-style:none}.app-body .dashboard-activity-feed li{display:flex;gap:12px;align-items:center;min-height:70px;padding:12px 0;border-bottom:1px solid #edf2f8}.app-body .dashboard-activity-feed li:last-child{border:0}.app-body .activity-symbol{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;color:#087052;background:#e3f8ef}.app-body .activity-symbol svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.app-body .dashboard-activity-feed li>div:first-of-type{min-width:0;flex:1}.app-body .dashboard-activity-feed a{display:inline-flex;align-items:center;min-height:26px;font-size:13px;line-height:1.4;font-weight:600;color:#17334f;text-decoration:none}.app-body .dashboard-activity-feed li>div>span{display:block;font-size:11px;color:#5c7089;line-height:1.6}.app-body .activity-meta{flex:none;display:flex;align-items:flex-end;flex-direction:column;gap:5px;max-width:100px;text-align:right}.app-body .activity-meta strong{color:#344f70;font-size:11px;border-radius:5px;padding:3px 6px;background:#edf3fa}.app-body .activity-meta strong.positive{color:#08704b;background:#e0f8ed}.app-body .activity-meta time{font-size:10px;color:#5b718d}.app-body .revenue-panel .bar-space{height:180px}.app-body .stock-panel .condition-donut-layout{min-height:200px}
@media(max-width:767px){.app-body .activity-meta{max-width:75px}.app-body .dashboard-activity-feed li{gap:8px}.app-body .activity-symbol{width:30px;height:30px}.app-body .dashboard-activity-feed a{font-size:12px}.app-body .activity-meta time{font-size:10px}}
.app-body .settings-tabs{display:flex;gap:18px;border-bottom:1px solid #dce6f2;padding:0 0 0;margin:0 0 24px;overflow-x:auto}.app-body .settings-tabs a{white-space:nowrap;text-decoration:none;min-height:46px;padding:12px 10px;border-radius:0;border:0;border-bottom:3px solid transparent;background:transparent;color:#506783;font-size:13px}.app-body .settings-tabs a[aria-current=page]{color:#0866f5;border-bottom-color:#0866f5;background:transparent}.app-body .settings-mock-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px;align-items:start}.app-body .settings-primary,.app-body .settings-secondary{display:grid;gap:20px;min-width:0}.app-body .organization-identity{display:flex;align-items:center;gap:18px;margin:20px 0 26px}.app-body .organization-monogram{display:grid;place-items:center;width:66px;height:66px;flex:none;border-radius:14px;background:linear-gradient(145deg,#173d65,#0d243e);color:white;font-weight:650;font-size:23px;box-shadow:0 4px 10px #15325312}.app-body .organization-identity h3,.app-body .plan-identity h3{font-size:18px;margin:0 0 6px}.app-body .organization-identity p,.app-body .plan-identity p{font-size:12px;color:#5b7290;margin:0}.app-body .count-pill{font-size:11px;background:#e9f2ff;color:#0755c3;border-radius:5px;padding:3px 7px;margin-left:5px}.app-body .member-identity{display:flex;align-items:center;gap:10px;min-width:140px}.app-body .member-initial{display:grid;place-items:center;width:32px;height:32px;background:#e7effa;color:#3b5c86;border-radius:50%;flex:none;font-weight:600}.app-body .role-chip,.app-body .status-chip{display:inline-block;padding:4px 7px;border-radius:5px;font-size:11px;white-space:nowrap}.app-body .role-chip{background:#edf1fc;color:#4b5386}.app-body .role-owner{background:#f0e9ff;color:#6f42bb}.app-body .role-admin{background:#e4f0ff;color:#0861cb}.app-body .role-editor{background:#def7ec;color:#156b4e}.app-body .status-chip{background:#e3f8ec;color:#11754c}.app-body .settings-more{display:inline-flex;align-items:center;min-height:42px;font-size:12px;margin-top:10px;text-decoration:none}.app-body .settings-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.app-body .settings-usage>div{border:1px solid #e6eef8;border-radius:10px;padding:14px 10px;background:linear-gradient(#fff,#f9fcff);min-width:0}.app-body .settings-usage strong{display:block;font-size:22px;margin:16px 0 7px;overflow-wrap:anywhere}.app-body .settings-usage span:last-child{font-size:11px;color:#546c88}.app-body .usage-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e4f1ff;color:#075ece;font-size:24px}.app-body .settings-usage>div:first-child .usage-icon{background:#e4f8ee;color:#148558}.app-body .settings-usage>div:last-child .usage-icon{background:#f0eaff;color:#6d45bf}.app-body .plan-identity{display:flex;gap:16px;align-items:center;margin:24px 0}.app-body .plan-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:#e8f2ff;color:#0866f5}.app-body .plan-symbol svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.7}.app-body .settings-plan>h3{font-size:13px;margin-top:24px}.app-body .plan-limits{margin:16px 0 26px}.app-body .plan-limits>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f8;font-size:13px}.app-body .plan-limits dt{color:#4e6682}.app-body .plan-limits dd{font-weight:600;margin:0}.app-body .module-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.app-body .module-access-item{display:flex;gap:10px;border:1px solid #e3ebf5;border-radius:9px;padding:14px 10px;align-items:center}.app-body .module-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:#eaf3ff;color:#075ac8}.app-body .module-access-item strong{font-size:12px}.app-body .module-access-item small{display:block;font-size:10px;margin-top:5px;color:#5d718a}.app-body .settings-owner-actions{display:grid;gap:10px}
@media(max-width:1150px){.app-body .settings-mock-grid{grid-template-columns:1fr}.app-body .settings-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.app-body .settings-secondary{grid-template-columns:1fr}.app-body .settings-tabs{gap:6px}.app-body .module-access-grid{grid-template-columns:1fr}.app-body .settings-usage strong{font-size:20px}.app-body .settings-usage{gap:6px}.app-body .settings-usage>div{padding:12px 8px}}
.app-body .import-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:22px;margin:0 0 20px;background:#fff;border:1px solid #e1eaf5;border-radius:13px;gap:20px}.app-body .import-stepper li{display:flex;gap:12px;align-items:flex-start;position:relative}.app-body .import-stepper li>span{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#e5edf7;color:#405b7c;font-weight:600;font-size:13px}.app-body .import-stepper li[aria-current=step]>span{background:#0866f5;color:#fff;box-shadow:0 3px 8px #0866f51c}.app-body .import-stepper strong{display:block;font-size:12px;padding:2px 0 6px}.app-body .import-stepper small{display:block;font-size:11px;color:#5b718e}.app-body .transfer-upload-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:20px;align-items:stretch;margin-bottom:20px}.app-body .csv-dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:280px;padding:25px 18px;background:linear-gradient(135deg,#f6faff,#fafdff);border:1px dashed #8eb7f0;border-radius:10px;margin:25px 0 22px;transition:background .15s}.app-body .csv-dropzone.drag-over,.app-body .csv-dropzone.has-file{background:#edf6ff;border-color:#0866f5}.app-body .csv-file-icon{width:46px;height:46px;color:#91a6c3;margin-bottom:14px}.app-body .csv-file-icon svg{width:46px;height:46px;stroke:currentColor;fill:none;stroke-width:1.5}.app-body .csv-dropzone label{font-size:15px;font-weight:600;margin:0}.app-body .csv-dropzone p{font-size:12px;color:#5b7390;margin:8px 0 16px}.app-body .csv-dropzone input[type=file]{max-width:100%;font-size:12px;min-height:44px;border:0;background:transparent;padding:0;cursor:pointer}.app-body .csv-dropzone input::file-selector-button{background:#0866f5;border:0;border-radius:7px;color:white;padding:11px 18px;margin-right:10px;cursor:pointer;font:inherit}.app-body .csv-dropzone small{font-size:11px;color:#566d89;line-height:1.7}.app-body .csv-chosen-file{color:#145c46!important;font-weight:600;overflow-wrap:anywhere}.app-body .csv-chosen-file:empty{display:none}.app-body .transfer-upload-actions{display:flex;justify-content:flex-end}.app-body .transfer-tip{display:flex;gap:12px;margin:25px 0}.app-body .transfer-tip>span{display:grid;place-items:center;width:34px;height:34px;background:#e7f2ff;color:#0860cf;border-radius:9px;flex:none;font-size:13px;font-weight:600}.app-body .transfer-tip h3{font-size:13px;margin:0 0 6px}.app-body .transfer-tip p{font-size:12px;line-height:1.7;color:#58708e;margin:0}.app-body .transfer-note{padding:14px;background:#eaf3ff;border-radius:9px;color:#315d90;font-size:12px;line-height:1.7}.app-body .transfer-recent .empty-state{padding:28px;font-size:13px}.app-body .transfer-tip a{display:inline-flex;align-items:center;min-height:24px}
@media(max-width:1100px){.app-body .import-stepper{gap:12px}.app-body .import-stepper li{flex-direction:column;gap:8px}.app-body .transfer-upload-grid{grid-template-columns:1fr}.app-body .transfer-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.app-body .transfer-help>h2,.app-body .transfer-help>.transfer-note{grid-column:1/-1}}
@media(max-width:767px){.app-body .import-stepper{padding:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app-body .import-stepper li{flex-direction:row;gap:9px}.app-body .import-stepper strong{font-size:11px;line-height:1.4}.app-body .import-stepper small{font-size:10px;line-height:1.5}.app-body .import-stepper li>span{width:26px;height:26px;font-size:12px}.app-body .transfer-help{display:block}.app-body .csv-dropzone{min-height:260px;padding:20px 12px}.app-body .transfer-upload-actions button{width:100%}}
.app-body .settings-mock-grid .panel,.app-body .transfer-upload-grid .panel{margin:0}
.app-body .module-page .panel p>a{display:inline-flex;align-items:center;min-height:28px}
.app-body .module-page .table-wrap td>a{display:inline-flex;align-items:center;min-height:28px;margin:2px 0}


/* Shared logo reconstructed as a crisp vector from the v2 design reference. */
.brand .kortkollen-brand-mark{width:34px;height:34px;flex:none;overflow:visible}
.brand .brand-wordmark{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:inherit;font-weight:750;letter-spacing:-.8px;line-height:1.1;color:#102743}
.app-body .app-brand .brand-wordmark{color:#fff;font-size:22px}.app-body .app-brand{gap:10px}.app-body .app-brand .kortkollen-brand-mark{width:32px;height:32px}
@media(max-width:900px){.app-body .app-brand .brand-wordmark{font-size:20px}.app-body .app-brand .kortkollen-brand-mark{width:30px;height:30px}}
.app-body .stock-section-nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #dce6f2;margin:0 0 18px}.app-body .stock-section-nav a{padding:12px 14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-size:13px}.app-body .stock-relations{scroll-margin-top:20px;margin:26px 0}.app-body .stock-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.app-body .stock-related-grid .panel{margin:0;min-width:0}.app-body .stock-linked-list{list-style:none;padding:0;margin:12px 0}.app-body .stock-linked-list li{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #e9eff7;align-items:center;font-size:13px}.app-body .stock-linked-list li:last-child{border-bottom:0}.app-body .stock-linked-list li>div{min-width:0}.app-body .stock-linked-list a,.app-body .stock-related-grid>.panel>a{display:inline-flex;align-items:center;min-height:28px;font-size:13px;text-decoration:none}.app-body .stock-linked-list small{display:block;font-size:11px;font-weight:400;color:#526780;line-height:1.6}.app-body .stock-linked-list strong{text-align:right;flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums}.app-body .stock-linked-list strong small{max-width:150px}.app-body .stock-related-grid h3{font-size:13px;margin:20px 0 8px}
@media(max-width:1000px){.app-body .stock-related-grid{grid-template-columns:1fr}}@media(max-width:767px){.app-body .stock-linked-list li{gap:10px}.app-body .stock-linked-list strong{font-size:12px}.app-body .stock-linked-list strong small{max-width:120px}.app-body .stock-section-nav a{padding:10px;font-size:12px}}