.erp-campus-portal{position:fixed;inset:0;z-index:1000;background:#101e2b}
.erp-campus-frame{display:block;width:100%;height:100%;border:0}
.erp-campus-actions{position:absolute;left:24px;bottom:24px;display:flex;gap:8px;z-index:2;flex-wrap:wrap;max-width:calc(100% - 48px)}
.erp-campus-actions button{border:1px solid #b9d2d8;border-radius:10px;background:rgba(248,253,255,.94);color:#173443;font:600 14px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;min-height:42px;padding:10px 18px;cursor:pointer;box-shadow:0 6px 20px #0003}
.erp-campus-actions button:hover{background:white;outline:2px solid #36b8be}
.erp-campus-actions button:focus-visible{outline:3px solid #36b8be;outline-offset:3px}
@media(max-width:760px){.erp-campus-actions{left:10px;bottom:10px;max-width:calc(100% - 20px)}.erp-campus-actions button{font-size:12px;padding:8px 12px}}
@media print{.erp-campus-portal{display:none!important}}

body.erp-campus-open{overflow:hidden}
body.erp-campus-open .notify-fab,body.erp-campus-open .notify-toast,body.erp-campus-open .notify-panel{display:none!important}
/* Building workspace: original business components stay mounted with their handlers. */
.erp-campus-portal.is-background{z-index:0;pointer-events:none}
body.erp-campus-business{overflow:hidden;background:#173243}
#app>.layout.campus-module-workspace{position:relative;z-index:1;height:100dvh;padding:18px 24px 20px;gap:16px;background:rgba(12,31,43,.32);--el-color-primary:#168a91;--el-border-radius-base:9px}
.campus-module-workspace>.el-header,.campus-module-workspace>.layout-footer,.campus-module-workspace>.body-wrap>.el-aside{display:none}
.campus-module-chrome{flex:none;border:1px solid #ffffff45;border-radius:18px;background:rgba(14,35,48,.94);color:#f3fbff;box-shadow:0 12px 36px #00121e26;padding:18px 22px 0}
.campus-module-heading{display:flex;align-items:center;gap:20px}
.campus-module-title{flex:1;min-width:0}
.campus-module-title>span{font-size:12px;letter-spacing:2px;color:#a8c8d5}
.campus-module-title h1{font-size:26px;line-height:1.5;font-weight:650;margin:3px 0 0}
.campus-module-user{display:flex;flex-direction:column;gap:5px;font-size:13px}
.campus-module-user>span{color:#aac3ce;font-size:12px}
.campus-back{padding:10px 14px;border:1px solid #abcdd745;background:#ffffff0d;border-radius:9px;color:#eaf7ff;cursor:pointer;white-space:nowrap;font:600 13px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.campus-back:hover{background:#ffffff1f}
.campus-module-tabs{display:flex;gap:8px;overflow-x:auto;padding:16px 0 12px;scrollbar-width:thin}
.campus-module-tabs button{font:500 14px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;flex:none;color:#c4d6de;background:transparent;border:1px solid transparent;border-radius:9px;padding:10px 16px;cursor:pointer}
.campus-module-tabs button:hover{background:#ffffff12;color:#fff}
.campus-module-tabs button.active{color:#093e45;background:#a6ebdf;border-color:#c5fff0;box-shadow:0 2px 12px #76d6ce17}
.campus-module-tabs button:focus-visible,.campus-back:focus-visible{outline:3px solid #84e8df;outline-offset:2px}
.campus-module-workspace>.body-wrap{min-height:0;flex:1;border:1px solid #e9f6ff8c;border-radius:18px;background:rgba(243,248,251,.94);box-shadow:0 12px 40px #021c3330;overflow:hidden}
.campus-module-workspace>.body-wrap>.el-main{padding:22px 24px;min-width:0;background:transparent}
.campus-module-workspace .page-card{border-color:#d9e5e9;border-radius:14px;box-shadow:0 4px 20px #193c4d08}
.campus-module-workspace .el-table{--el-table-header-bg-color:#edf5f7;--el-table-row-hover-bg-color:#eef9f7;font-size:14px}
.campus-module-workspace .el-button{font-weight:500}
@media(max-width:900px){#app>.layout.campus-module-workspace{padding:10px;gap:10px}.campus-module-heading{gap:10px;flex-wrap:wrap}.campus-module-user{display:none}.campus-module-title h1{font-size:22px}.campus-module-chrome{padding:14px 14px 0}.campus-module-workspace>.body-wrap>.el-main{padding:12px}}
@media print{#app>.layout.campus-module-workspace{display:flex!important;position:static;padding:0;height:auto;background:white}.campus-module-chrome{display:none!important}.campus-module-workspace>.body-wrap{overflow:visible;background:white;box-shadow:none;border:0}.campus-module-workspace>.body-wrap>.el-main{overflow:visible}}

body.erp-campus-business .notify-fab,body.erp-campus-business .notify-toast{display:none!important}
@media(max-width:600px){.campus-module-heading{display:grid;grid-template-columns:1fr 1fr}.campus-module-title{grid-column:1/-1;grid-row:1}.campus-module-heading>.campus-back:last-child{display:none}.campus-module-title h1{font-size:24px}.campus-module-workspace .mat-layout{flex-direction:column}.campus-module-workspace .mat-cat-panel{width:100%!important;min-width:0}.campus-module-workspace .mat-cat-panel .mat-cat-tree{max-height:180px}.campus-module-workspace .mat-main{width:100%;min-width:0}.campus-module-workspace>.body-wrap>.el-main{overflow-x:auto}}

.campus-overview-hidden>.el-header,.campus-overview-hidden>.layout-footer,.campus-overview-hidden>.body-wrap>.el-main,.campus-overview-hidden>.body-wrap>.el-aside{display:none!important}
.campus-overview-hidden>.body-wrap{display:block;overflow:visible;flex:none;height:0}
body.erp-campus-open #app>.layout.campus-overview-hidden{height:0}
@media print{.campus-overview-hidden>.body-wrap{display:flex!important}}