*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#eef2f6;color:#1d1d1d;font-size:17px}header.top{display:flex;align-items:center;gap:18px;background:#fff;padding:12px 18px;border-bottom:1px solid #ccc}.brand{display:flex;align-items:center;gap:14px}.logo{font-weight:900;font-size:28px;letter-spacing:5px;color:#123b72;border-bottom:4px solid #b60000;padding:3px 8px}h1{margin:0;font-size:25px}.user{margin-left:auto;font-size:15px}.nav{display:flex;gap:8px;background:#fff;padding:8px 12px;border-bottom:1px solid #ccc;overflow-x:auto}.nav span{flex:1}.nav a,.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #aaa;background:#f9f9f9;border-radius:8px;padding:9px 13px;color:#111;text-decoration:none;font:inherit;font-weight:600}.primary{background:#075fc4!important;color:#fff!important;border-color:#075fc4!important}.danger{background:#b00020!important;color:#fff!important;border-color:#b00020!important}.big{min-height:56px;font-size:18px;padding:12px 16px}main{padding:12px}.quick{display:flex;gap:10px;margin-bottom:12px}.scanbar{display:flex;gap:8px;flex:1}.scanbar input{font-size:20px;min-height:56px}.ism-mobile-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.card{background:#fff;border:1px solid #ccc;border-radius:10px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.login{max-width:480px;margin:60px auto}.ladder-list{display:flex;flex-direction:column;gap:8px}.ladder-row{display:grid;grid-template-columns:1fr auto;gap:4px;border:1px solid #ddd;border-radius:8px;padding:12px;text-decoration:none;color:#111;background:#fafafa}.ladder-row strong{font-size:20px}.ladder-row span{color:#555}.ladder-row em{grid-row:1/3;grid-column:2;font-style:normal;align-self:center;font-weight:700}.ladder-row.selected{background:#d6e9ff;border-color:#3b82f6}.ism-mobile-form,.grid{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center}.one{grid-template-columns:1fr}.ism-mobile-form label{font-weight:650}input,select,textarea{width:100%;min-height:48px;border:1px solid #aaa;border-radius:7px;padding:10px;font:inherit;background:#fff}textarea{min-height:110px}.photo-status{display:flex;flex-direction:column;gap:8px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.doc-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto}.doc-list a,.mini-card{display:flex;justify-content:space-between;border:1px solid #ddd;border-radius:8px;padding:10px;text-decoration:none;color:#111;background:#fafafa}.doc-list small{color:#666}.result-buttons{display:grid;gap:10px}.result-buttons label{border:2px solid #ddd;border-radius:10px;padding:12px;background:#fafafa}.note,.hint{background:#fff8d6;border:1px solid #e1c95a;border-radius:8px;padding:12px}.scan-card{max-width:720px;margin:20px auto}.scan-form{display:grid;gap:12px}.scan-form input{font-size:24px;min-height:64px}.camera-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;border:2px solid #075fc4;background:#eef5ff;color:#075fc4;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer}.camera-button input{display:none}.LADDER_RELEASED{color:#08752a}.LADDER_WITH_DEFECTS{color:#b00020}.LADDER_OUT_OF_SERVICE{color:#555}.error{background:#ffe1e1;color:#900;padding:10px;border-radius:8px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #e1e1e1;padding:7px;text-align:left}tr:hover{background:#eef5ff}code{font-size:12px}footer{padding:12px;color:#666;font-size:12px}@media(max-width:900px){body{font-size:18px}.ism-mobile-layout{grid-template-columns:1fr}.quick{flex-direction:column}.ism-mobile-form,.grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.user{margin-left:0}header.top{display:block}.nav a{white-space:nowrap}}
.status-box{border:1px solid #ddd;border-radius:8px;padding:10px;margin:8px 0 14px 0;font-weight:700;background:#fafafa}
.status-box.LADDER_RELEASED{background:#e9f8ee;color:#08752a}
.status-box.LADDER_WITH_DEFECTS{background:#ffecec;color:#b00020}
.status-box.LADDER_OUT_OF_SERVICE{background:#eeeeee;color:#555}
input:disabled,select:disabled,textarea:disabled{background:#f0f0f0;color:#555}
.camera-button.disabled{opacity:.45;pointer-events:none}

/* v1.2 UI fixes */
.logo-full{width:210px;height:62px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;box-shadow:inset 0 -3px 0 #b60000;position:relative}
.logo-full:before,.logo-full:after{content:"";position:absolute;top:8px;bottom:8px;width:2px;background:#d48a2a}
.logo-full:before{left:70px}.logo-full:after{left:140px}
.logo-full .ism{font-weight:900;font-size:32px;letter-spacing:16px;color:#123b72;line-height:32px;margin-left:14px}
.logo-full .phot{font-weight:900;font-size:13px;letter-spacing:2px;color:#123b72;margin-left:78px;margin-top:-2px}
.logo{display:none!important}

.LADDER_RELEASED{color:#08752a!important;font-weight:800}
.LADDER_WITH_DEFECTS{color:#b58900!important;font-weight:900}
.LADDER_OUT_OF_SERVICE{color:#b00020!important;font-weight:900}

.status-box.LADDER_RELEASED{background:#e9f8ee!important;color:#08752a!important;border-color:#08752a}
.status-box.LADDER_WITH_DEFECTS{background:#fff4cc!important;color:#8a6500!important;border-color:#d6a800}
.status-box.LADDER_OUT_OF_SERVICE{background:#ffe1e1!important;color:#b00020!important;border-color:#b00020}

.locked-form input[readonly],
.locked-form textarea[readonly],
.locked-form select:disabled{
  background:#e6e6e6!important;
  color:#555!important;
  border-color:#c9c9c9!important;
  cursor:not-allowed;
}
.locked-form .camera-button{opacity:.45;pointer-events:none}
.camera-button.disabled{opacity:.45;pointer-events:none}

/* v1.3b hard lock */
.locked-form input,
.locked-form select,
.locked-form textarea,
.field-locked {
  background:#dcdcdc!important;
  color:#555!important;
  border-color:#b8b8b8!important;
  cursor:not-allowed!important;
}
.locked-form .camera-button,.camera-button.disabled{opacity:.45!important;pointer-events:none!important;filter:grayscale(1)}

/* v1.4 save/pdf/scan fixes */
.edit-state-note{padding:10px;border-radius:8px;margin:8px 0 12px 0;font-weight:800}
.edit-state-note.locked{background:#eee;border:1px solid #bbb;color:#555}
.edit-state-note.editing{background:#e8f1ff;border:1px solid #075fc4;color:#075fc4}

/* v1.5 client company logo */
.logo-full,.logo{display:none!important}
.logo-img{
  width:260px;
  max-width:34vw;
  height:auto;
  object-fit:contain;
  display:block;
  background:#fff;
}
.brand{
  align-items:center!important;
}
@media(max-width:900px){
  .logo-img{width:210px;max-width:70vw;margin-bottom:6px}
}

/* v1.6 polish */
header.top{position:sticky;top:0;z-index:20}
.nav{position:sticky;top:87px;z-index:19}
.logo-img{max-height:64px;width:240px;object-fit:contain}
.ladder-row{transition:background .12s,border-color .12s}
.ladder-row:active{transform:scale(.995)}
.detail-card{min-width:0}
.action-grid .button,.action-grid button{width:100%}
.doc-list a:hover,.mini-card:hover{background:#eef5ff}
table tr{height:42px}
.scanbar input{font-weight:600}
@media(max-width:900px){
  .nav{top:0;position:relative}
  .logo-img{width:220px;max-height:58px}
  .top small{display:block;margin-bottom:4px}
}

/* v1.7 inspection date statuses */
.LADDER_NOT_CHECKED{color:#476582!important;font-weight:900}
.LADDER_DUE{color:#c45f00!important;font-weight:900}
.LADDER_DUE_SOON{color:#b58900!important;font-weight:900}
.status-box.LADDER_NOT_CHECKED{background:#eef3f8!important;color:#476582!important;border-color:#8aa4bd}
.status-box.LADDER_DUE{background:#fff0df!important;color:#c45f00!important;border-color:#e07b00}
.status-box.LADDER_DUE_SOON{background:#fff4cc!important;color:#8a6500!important;border-color:#d6a800}

/* v1.8 nav/new ladder */
.quick .button{white-space:nowrap}
@media(max-width:900px){.quick .button{width:100%}}

/* v1.9 reports/windows logic */
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.toolbar label{font-weight:800}
.toolbar select,.toolbar input{width:auto;min-width:160px}
@media(max-width:900px){.toolbar{display:grid;grid-template-columns:1fr}.toolbar select,.toolbar input,.toolbar button{width:100%}}

/* v2.0 Windows-like inspection */
.windows-inspection{max-width:1180px;margin:0 auto}
.inspection-form{display:block}
.section-title{font-weight:900;font-size:20px;margin:18px 0 10px 0;padding:8px 10px;background:#eef2f6;border-left:5px solid #075fc4;border-radius:6px}
.form-grid{display:grid;grid-template-columns:190px 1fr;gap:10px;align-items:center}
.result-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.result-card{min-height:72px;border:2px solid #ddd;border-radius:10px;padding:16px;font-weight:900;background:#fafafa;display:flex;align-items:center;gap:10px}
.result-card.ok{border-color:#86c59a;background:#eef9f1}
.result-card.warn{border-color:#d6a800;background:#fff8d6}
.result-card.stop{border-color:#c23;background:#ffecec}
.check-table th,.check-table td{font-size:14px;vertical-align:middle}
.check-table input[type=radio]{width:24px;height:24px;min-height:24px}
.check-table input[type=text],.check-table input:not([type]){min-height:38px}
.signature-box{border:2px dashed #aaa;border-radius:8px;min-height:70px;padding:18px;background:#fafafa;color:#555}
.sticky-actions{position:sticky;bottom:0;background:#fff;padding:12px;border-top:1px solid #ddd;z-index:10}
@media(max-width:900px){
  .form-grid{grid-template-columns:1fr}
  .result-row{grid-template-columns:1fr}
  .check-table{font-size:13px;display:block;overflow-x:auto}
}

/* v2.1 ISM Mobile Enterprise */
.ism-mobile-mobile{max-width:720px;margin:0 auto;padding:8px}
.ism-mobile-title{font-size:32px;font-weight:900;margin:12px 0 4px}
.ism-mobile-subtitle{font-size:14px;color:#666;margin-bottom:16px}
.ism-mobile-scan-panel{display:grid;gap:12px;background:#fff;border:1px solid #ccc;border-radius:12px;padding:16px}
.ism-mobile-scan-panel label{font-size:20px;font-weight:900}
.ism-mobile-scan-panel input{font-size:28px;min-height:72px;font-weight:900;border:3px solid #075fc4}
.ism-mobile-card-status{border-radius:14px;padding:18px;margin:14px 0;border:3px solid #ddd;background:#fff}
.ism-mobile-card-status h2{font-size:38px;margin:0 0 8px}
.ism-mobile-card-status div{font-size:24px;font-weight:900}
.ism-mobile-card-status.LADDER_RELEASED{border-color:#08752a;background:#e9f8ee;color:#08752a}
.ism-mobile-card-status.LADDER_WITH_DEFECTS,.ism-mobile-card-status.LADDER_DUE_SOON{border-color:#d6a800;background:#fff4cc;color:#8a6500}
.ism-mobile-card-status.LADDER_OUT_OF_SERVICE{border-color:#b00020;background:#ffe1e1;color:#b00020}
.ism-mobile-card-status.LADDER_DUE{border-color:#e07b00;background:#fff0df;color:#c45f00}
.ism-mobile-card-status.LADDER_NOT_CHECKED{border-color:#8aa4bd;background:#eef3f8;color:#476582}
.ism-mobile-info{display:grid;gap:8px;margin:12px 0}
.ism-mobile-info div{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid #ddd;border-radius:10px;padding:12px;font-size:18px}
.ism-mobile-info span{font-weight:800;text-align:right}
.ism-mobile-actions{display:grid;gap:12px;margin-top:16px}
@media(max-width:700px){
  body{font-size:19px}
  .nav a{min-height:52px}
  .ism-mobile-title{font-size:30px}
  .ism-mobile-scan-panel input{font-size:26px;min-height:76px}
}

/* Enterprise Beta 3.2 Prüfung + signature */
.signature-canvas{width:100%;max-width:760px;height:170px;background:#fff;border:2px solid #555;border-radius:8px;touch-action:none;display:block}
.signature-actions{margin-top:8px}
.check-table th,.check-table td{vertical-align:top}
.result-row{margin-top:10px}

/* Enterprise Beta 4.0 */
.combo-block{display:grid;grid-template-columns:1fr;gap:8px}.combo-block input{background:#fff}

/* Beta 4.1 G-Form source */
.error code,.note code{font-weight:800}

.filter-panel{background:#f7f8fb;border:1px solid #d7dbe5;border-radius:12px;padding:12px;margin:12px 0}
.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;align-items:end}
.filter-grid label{display:block;font-weight:700;margin-bottom:4px}
.filter-grid input,.filter-grid select{width:100%;min-height:38px}
.filter-actions{display:flex;gap:8px;align-items:center}
@media(max-width:900px){.filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:560px){.filter-grid{grid-template-columns:1fr}}

/* Enterprise 6.2 status filters */
.filter-panel{background:#f7f8fb;border:1px solid #d7dbe5;border-radius:12px;padding:12px;margin:12px 0}
.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;align-items:end}
.filter-grid label{display:block;font-weight:700;margin-bottom:4px}
.filter-grid input,.filter-grid select{width:100%;min-height:38px}
.filter-actions{display:flex;gap:8px;align-items:center}
@media(max-width:900px){.filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:560px){.filter-grid{grid-template-columns:1fr}}

/* ISM modular navigation */
.app-header{background:#fff;border-bottom:1px solid #d8dce5;padding:14px 24px 10px 24px;position:sticky;top:0;z-index:10}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-left{display:flex;align-items:center;gap:16px}
.brand-logo{width:220px;max-height:62px;object-fit:contain}
.brand-left h1{margin:0;font-size:26px}
.version{font-size:13px;color:#667085;margin-top:3px}
.admin-nav{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.admin-nav a,.module-nav a,.sub-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#1f2937;text-decoration:none;font-weight:600}
.admin-nav a:hover,.module-nav a:hover,.sub-nav a:hover{background:#f2f4f7}
.user-label{font-size:14px;color:#344054;margin-right:8px}
.module-nav{display:flex;gap:10px;margin-top:14px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.module-nav a.active{background:#0b5cab;color:#fff;border-color:#0b5cab}
.sub-nav{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eef0f4;flex-wrap:wrap}
.sub-nav a.active{background:#e8f1fb;border-color:#0b5cab;color:#0b5cab}
.app-main{padding:18px 24px}
footer{padding:8px 24px;color:#667085;font-size:12px}
@media(max-width:900px){
 .brand-row{align-items:flex-start;flex-direction:column}
 .admin-nav{justify-content:flex-start}
 .brand-logo{width:170px}
}

/* legacy diagnostic styles */
.test-table{width:100%;border-collapse:collapse;font-size:14px}
.test-table th,.test-table td{border:1px solid #d0d5dd;padding:8px;vertical-align:top}
.test-table th{background:#eef2f7}
.test-table select,.test-table input{width:100%}
.report-box{width:100%;font-family:Consolas,monospace}
.note.success{background:#e7f7ed;border-color:#2e9b57}

.note.warn{background:#fff5e6;border-color:#f59e0b;color:#7c4a03}

.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f6fb}
.login-card{width:420px;background:white;border:1px solid #d0d5dd;border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.login-card input{width:100%;margin-bottom:12px}
.login-logo img{max-width:220px}
.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;margin:8px 0 16px}
.choice{display:block;margin:6px 0}

.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700}
.badge.ok{background:#e7f7ed;color:#116b35}
.badge.warn{background:#fff4df;color:#8a5200}
.badge.info{background:#e7f0ff;color:#0b4ea2}
.badge.bad{background:#ffe7e7;color:#9b1c1c}
button.danger,.danger{background:#b42318;color:white;border:0;border-radius:8px;padding:9px 14px}

.defect-action-panel{border-left:5px solid #b42318;background:#fffafa}
.defect-action-panel .danger{display:inline-block;margin-top:8px}
.note.warn{background:#fff4e5;border-color:#f59e0b;color:#7c4a03}

a.big.danger,.big.danger{display:inline-block;text-align:center;background:#b42318;color:white;border-radius:8px;padding:12px 16px;text-decoration:none;font-weight:700}
a.button.big,.button.big{display:inline-block;text-align:center;border-radius:8px;padding:12px 16px;text-decoration:none}

/* 10.2 Camera Capture */
.ism-camera-btn,.ism-camera-clear{margin-left:8px;margin-top:6px}
#ismCameraOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:99999;align-items:center;justify-content:center;padding:16px}
#ismCameraOverlay.open{display:flex}
body.ism-camera-open{overflow:hidden}
.ism-camera-box{background:#fff;border-radius:14px;padding:14px;max-width:900px;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;max-height:96vh}
.ism-camera-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:18px}
#ismCameraClose{font-size:26px;border:0;background:#eee;border-radius:8px;width:42px;height:38px}
.ism-camera-viewport{position:relative;width:100%;height:min(60vh,520px);background:#111;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;contain:layout paint}
#ismCameraVideo{width:100%;height:100%;background:#111;object-fit:contain;transform-origin:center center;will-change:transform}
.ism-camera-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ism-camera-controls button{padding:10px 14px;border-radius:8px;border:1px solid #ccc;background:#f8f8f8;font-weight:700}
#ismCameraShot{background:#0057b8;color:#fff;border-color:#0057b8}
.ism-camera-zoom{display:block;margin-top:12px;font-weight:700}
.ism-camera-zoom input{width:100%}
.ism-camera-note{font-size:12px;color:#555;margin-top:8px}
@media (max-width:700px){
  .ism-camera-box{height:95vh;overflow:auto}
  .ism-camera-viewport{height:55vh}
  .ism-camera-controls button{flex:1 1 100%}
}

/* 10.7 clean rollback */
.maengel-action-right,.canonical-selected-status,.documents-real-sync{display:none!important}
.maengel-action-inline{display:block;text-align:center;margin:8px 0}
.clean-documents .doc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #ddd;border-radius:8px;margin:6px 0;background:#fff}
a.big.danger,.big.danger{display:inline-block;text-align:center;background:#b42318;color:white;border-radius:8px;padding:12px 16px;text-decoration:none;font-weight:700}
a.button.big,.button.big{display:inline-block;text-align:center;border-radius:8px;padding:12px 16px;text-decoration:none}

/* 10.8 real template status fix */
.maengel-action-inline{display:inline-block!important;text-align:center}

.repair-workflow{border-left:5px solid #0057b8}
.signature-box{border:1px solid #aaa;border-radius:8px;background:#fff;margin:8px 0;max-width:720px}
#repairSignatureCanvas{width:100%;height:180px;touch-action:none;display:block;background:#fff;border-radius:8px}
.repair-actions{margin-top:12px}
.error{background:#ffe7e7;color:#8a0000;border:1px solid #c40000;border-radius:8px;padding:10px;margin:10px 0;font-weight:700}

/* 10.10 Mängel Refactor */
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.repair-workflow{border-left:5px solid #0057b8;padding-left:12px}
@media(max-width:700px){.photo-pair{grid-template-columns:1fr}}

/* 11.0 access manager */
.access-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;align-items:center;justify-content:center;padding:16px}
.access-modal.open{display:flex}
.access-modal-box{background:#fff;border-radius:12px;padding:18px;max-width:640px;width:100%;max-height:85vh;overflow:auto}
.access-modal-box label{display:block;margin:6px 0}
.signature-box{border:1px solid #aaa;border-radius:8px;background:#fff;margin:8px 0;max-width:720px}
#managerSignatureCanvas{width:100%;height:180px;touch-action:none;display:block;background:#fff;border-radius:8px}
.badge.ok{background:#e7f7ed;color:#116b35}
.badge.bad{background:#ffe7e7;color:#9b1c1c}

/* 11.1 visible rights */
.admin-nav a[href="/users"], .admin-nav a[href="/system"]{font-weight:700}
.access-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;align-items:center;justify-content:center;padding:16px}
.access-modal.open{display:flex}
.access-modal-box{background:#fff;border-radius:12px;padding:18px;max-width:640px;width:100%;max-height:85vh;overflow:auto}
.access-modal-box label{display:block;margin:6px 0}
.note{padding:8px 10px;border-radius:8px;background:#f6f7fb}



/* 11.4.3 UX stability cleanup */
.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:800;border:1px solid #ddd;white-space:nowrap}
.status-pill.LADDER_RELEASED{background:#e7f7ed;color:#116b35;border-color:#73b889}
.status-pill.LADDER_WITH_DEFECTS{background:#fff4df;color:#8a5200;border-color:#e0a842}
.status-pill.LADDER_OUT_OF_SERVICE{background:#ffe7e7;color:#9b1c1c;border-color:#d77676}
.status-pill.LADDER_DUE,.status-pill.LADDER_DUE_SOON{background:#fff4df;color:#8a5200;border-color:#e0a842}
.status-pill.LADDER_NOT_CHECKED{background:#eef3f8;color:#476582;border-color:#8aa4bd}
.doc-list-admin{max-height:340px}.doc-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid #ddd;border-radius:8px;background:#fafafa;padding:6px}.doc-row>a{border:0!important;background:transparent!important;padding:6px!important}.compact{min-height:36px!important;padding:6px 10px!important;font-size:13px!important}
.user-edit-card{max-width:980px;margin:0 auto}.compact-user-form{display:grid;gap:14px}.form-section{border:1px solid #e1e1e1;border-radius:10px;padding:12px;background:#fbfbfb}.form-section h3{margin:0 0 10px}.form-row{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.rights-grid label,.compact-check-grid label{display:flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:8px;background:#fff;padding:8px}.rights-grid input,.compact-check-grid input{width:auto;min-height:auto}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.muted{color:#666;margin:8px 0 0;font-size:14px}.compact-modal{max-width:760px}.compact-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:55vh;overflow:auto}.form-actions{display:flex;gap:10px;align-items:center}.sticky-actions{position:sticky;bottom:8px;background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
@media(max-width:700px){.form-row,.two-actions,.doc-row{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}}

/* 11.4.4 UX stability: full-row status colors and compact user admin */
.status-row.LADDER_RELEASED td{background:#eaf8ef!important;border-top:1px solid #bfe6cb;border-bottom:1px solid #bfe6cb}
.status-row.LADDER_WITH_DEFECTS td{background:#fff3d8!important;border-top:1px solid #f0ce86;border-bottom:1px solid #f0ce86}
.status-row.LADDER_OUT_OF_SERVICE td{background:#ffe3e3!important;border-top:1px solid #e49b9b;border-bottom:1px solid #e49b9b}
.status-row.LADDER_DUE td,.status-row.LADDER_DUE_SOON td{background:#fff5df!important;border-top:1px solid #e6c184;border-bottom:1px solid #e6c184}
.status-row.LADDER_NOT_CHECKED td{background:#eef3f8!important;border-top:1px solid #c7d4df;border-bottom:1px solid #c7d4df}
.status-row td:first-child{border-left:4px solid transparent}
.status-row.LADDER_RELEASED td:first-child{border-left-color:#20824a}
.status-row.LADDER_WITH_DEFECTS td:first-child{border-left-color:#cc8500}
.status-row.LADDER_OUT_OF_SERVICE td:first-child{border-left-color:#bf1d1d}
.status-row.LADDER_DUE td:first-child,.status-row.LADDER_DUE_SOON td:first-child{border-left-color:#cc8500}
.status-row.LADDER_NOT_CHECKED td:first-child{border-left-color:#718da6}
.page-head-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.compact-grid-2{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px 18px}
.user-edit-clean .form-section,.user-create-clean .form-section{padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fbfdff;margin:12px 0}
.user-edit-clean h3,.user-create-clean h4{margin:0 0 8px 0}
.small-rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.small-rights-grid label,.compact-check-grid label{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid #e2e8f0;border-radius:9px;background:#fff}
.admin-rights-details summary,.compact-access-details summary{cursor:pointer;font-weight:800;padding:8px 0}
.access-actions-clean{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}
.clean-sticky-actions{position:static!important;display:flex;gap:10px;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb;background:transparent!important}
.compact-users-table-wrap{overflow:auto;margin-bottom:18px}
.compact-users-table th,.compact-users-table td{vertical-align:top;padding:8px 10px}
.user-create-clean{display:block!important;max-width:980px}
.user-create-clean label{font-weight:700;margin-bottom:4px}
.user-create-clean input,.user-create-clean select,.user-edit-clean input,.user-edit-clean select{width:100%;box-sizing:border-box}
.compact-inline-section{max-width:460px}
@media(max-width:760px){.compact-grid-2,.access-actions-clean{grid-template-columns:1fr}.page-head-row{display:block}}

/* 11.4.5 unified ladder status colours */
.status-row.LADDER_RELEASED td{background:#e8f7ee!important;border-color:#b7e1c5!important}
.status-row.LADDER_NOT_CHECKED td{background:#edf2f8!important;border-color:#c8d6e2!important}
.status-row.LADDER_WITH_DEFECTS td{background:#fff3d6!important;border-color:#edcc7a!important}
.status-row.LADDER_DUE_SOON td{background:#fff8d9!important;border-color:#e7d276!important}
.status-row.LADDER_DUE td{background:#ffe8d6!important;border-color:#e9a36f!important}
.status-row.LADDER_OUT_OF_SERVICE td{background:#ffe1e1!important;border-color:#dc8b8b!important}
.status-row td:first-child{border-left:7px solid transparent!important}
.status-row.LADDER_RELEASED td:first-child{border-left-color:#1f8d4d!important}
.status-row.LADDER_NOT_CHECKED td:first-child{border-left-color:#54728d!important}
.status-row.LADDER_WITH_DEFECTS td:first-child{border-left-color:#c98300!important}
.status-row.LADDER_DUE_SOON td:first-child{border-left-color:#b5a000!important}
.status-row.LADDER_DUE td:first-child{border-left-color:#d86918!important}
.status-row.LADDER_OUT_OF_SERVICE td:first-child{border-left-color:#bf1d1d!important}
.status-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid;border-radius:999px;padding:5px 10px;font-weight:800;white-space:nowrap}
.status-pill.LADDER_RELEASED{background:#dff4e8!important;color:#126c37!important;border-color:#79bc8e!important}
.status-pill.LADDER_NOT_CHECKED{background:#e8eef5!important;color:#45637d!important;border-color:#9bb0c2!important}
.status-pill.LADDER_WITH_DEFECTS{background:#fff0c2!important;color:#8a5a00!important;border-color:#d9a338!important}
.status-pill.LADDER_DUE_SOON{background:#fff7bf!important;color:#756800!important;border-color:#cbb800!important}
.status-pill.LADDER_DUE{background:#ffe1c8!important;color:#b34d00!important;border-color:#db7a2f!important}
.status-pill.LADDER_OUT_OF_SERVICE{background:#ffdede!important;color:#9b1414!important;border-color:#d46b6b!important}
.ladder-row em.LADDER_RELEASED{background:#dff4e8;color:#126c37;border:1px solid #79bc8e}
.ladder-row em.LADDER_NOT_CHECKED{background:#e8eef5;color:#45637d;border:1px solid #9bb0c2}
.ladder-row em.LADDER_WITH_DEFECTS{background:#fff0c2;color:#8a5a00;border:1px solid #d9a338}
.ladder-row em.LADDER_DUE_SOON{background:#fff7bf;color:#756800;border:1px solid #cbb800}
.ladder-row em.LADDER_DUE{background:#ffe1c8;color:#b34d00;border:1px solid #db7a2f}
.ladder-row em.LADDER_OUT_OF_SERVICE{background:#ffdede;color:#9b1414;border:1px solid #d46b6b}
.ladder-row em{border-radius:999px;padding:5px 10px}

/* 11.4.5 professional user administration */
.user-pro-form,.user-create-pro{display:flex;flex-direction:column;gap:14px}
.user-pro-layout{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:stretch}
.pro-panel{background:#fbfcfe;border:1px solid #d9e1ea;border-radius:12px;padding:14px;box-shadow:0 1px 1px rgba(0,0,0,.03)}
.pro-panel h3{margin:0 0 12px 0;color:#173b63;font-size:18px}.pro-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-block label{display:block;font-weight:700;margin-bottom:5px;color:#34495e}.field-block input[disabled]{background:#eef2f6;color:#46586b}.module-cards{display:grid;gap:10px}.module-card{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;border:1px solid #d8e1ea;border-radius:10px;background:#fff;padding:12px;cursor:pointer}.module-card input{width:20px;min-height:20px}.module-card span{font-weight:800}.module-card small{grid-column:2;color:#6b7785}.scope-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scope-box{border:1px solid #dbe3eb;background:#fff;border-radius:10px;padding:12px}.scope-box p{min-height:22px;margin:6px 0 10px;color:#526273;word-break:break-word}.advanced-pro-rights summary{font-weight:800;color:#173b63;cursor:pointer}.pro-actions{display:flex!important;gap:10px;justify-content:flex-end;align-items:center;background:#fff;border-top:1px solid #e3e8ef;padding-top:12px}.user-create-pro .compact-grid-2{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;background:#fbfcfe;border:1px solid #d9e1ea;border-radius:12px;padding:14px}.user-create-pro .form-section{background:#fbfcfe;border:1px solid #d9e1ea;border-radius:12px;padding:14px}.compact-users-table td{vertical-align:middle}.compact-users-table td:nth-child(5){font-size:13px;color:#4b5c6d;max-width:360px;word-break:break-word}.compact-users-table .button{min-height:38px;padding:7px 10px}@media(max-width:900px){.user-pro-layout,.pro-grid.two,.scope-summary-grid,.user-create-pro .compact-grid-2{grid-template-columns:1fr}.pro-actions{justify-content:stretch}.pro-actions .button,.pro-actions button{width:100%}}

/* 11.4.6 Professional user administration cleanup */
.pro-users-page .page-head-row{margin-bottom:14px}
.user-admin-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px;align-items:start}
.user-list-panel,.user-create-panel,.pro-panel{background:#fff;border:1px solid #d8dee8;border-radius:14px;padding:16px;box-shadow:0 1px 3px rgba(16,24,40,.05)}
.user-create-panel{position:sticky;top:12px}
.compact-users-table th{background:#f6f8fb;font-weight:800;color:#344054}
.compact-users-table td{vertical-align:top}
.scope-cell{display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.35;color:#475467;max-width:320px;word-break:break-word}
.role-pill{display:inline-flex;align-items:center;border-radius:999px;background:#eef4ff;border:1px solid #c7d7fe;padding:3px 9px;font-size:13px;font-weight:700;color:#1849a9}
.small-module-cards{grid-template-columns:1fr 1fr}
.pro-users-page h3{margin-top:0;color:#101828}
.pro-users-page h4{margin:8px 0;color:#344054}
.pro-users-page label{font-weight:650;color:#344054}
.pro-users-page .muted{color:#667085}
.user-pro-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px}
.pro-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.module-card{border:1px solid #d0d5dd;border-radius:12px;padding:12px;background:#fbfcfe;display:flex;gap:10px;align-items:flex-start;min-height:76px}
.module-card span{display:block;font-weight:800;color:#101828}
.module-card small{display:block;color:#667085;margin-top:3px}
.scope-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.scope-box{border:1px solid #e4e7ec;border-radius:12px;padding:12px;background:#f9fafb}
.scope-box p{min-height:24px;margin:6px 0 10px;color:#475467;word-break:break-word}
.advanced-pro-rights summary{cursor:pointer;font-weight:800;color:#344054}
@media(max-width:1050px){.user-admin-layout,.user-pro-layout,.pro-grid.two,.scope-summary-grid{grid-template-columns:1fr}.user-create-panel{position:relative;top:auto}}

/* v12.0.4 QR scanner */
.qr-scan-link{white-space:nowrap;align-self:center;text-decoration:none;}
.qr-scan-card{max-width:760px;margin:0 auto;}
.qr-reader{position:relative;width:100%;max-width:680px;margin:16px auto;border-radius:18px;overflow:hidden;background:#0f172a;aspect-ratio:4/3;box-shadow:0 10px 30px rgba(15,23,42,.18);}
.qr-reader video{width:100%;height:100%;object-fit:cover;display:block;}
.qr-reader-frame{position:absolute;inset:18%;border:4px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 0 0 999px rgba(0,0,0,.22);pointer-events:none;}
.qr-scan-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:12px 0;}
.qr-scan-status{padding:12px 14px;border-radius:12px;background:#f1f5f9;color:#334155;font-weight:700;text-align:center;}
.qr-scan-status.ok{background:#dcfce7;color:#166534;}
.qr-scan-status.error{background:#fee2e2;color:#991b1b;}

.form-error{
  grid-column: 1 / -1;
  background:#fff1f2;
  border:1px solid #fecdd3;
  color:#9f1239;
  border-radius:10px;
  padding:8px 10px;
  font-weight:700;
  margin:2px 0 6px;
}

/* v12.0.6 Industrial QR scanner */
.qr-reader.scan-running .qr-reader-frame{border-color:#38bdf8;box-shadow:0 0 0 999px rgba(0,0,0,.24),0 0 18px rgba(56,189,248,.7)}
.qr-reader.scan-ok .qr-reader-frame{border-color:#22c55e;box-shadow:0 0 0 999px rgba(0,0,0,.24),0 0 18px rgba(34,197,94,.75)}
.qr-reader.scan-error .qr-reader-frame{border-color:#ef4444;box-shadow:0 0 0 999px rgba(0,0,0,.24),0 0 18px rgba(239,68,68,.75)}
.ism-html5-qr-reader{position:absolute;inset:0;width:100%;height:100%;}
.ism-html5-qr-reader video{width:100%!important;height:100%!important;object-fit:cover!important;}
.ism-html5-qr-reader #html5-qrcode-button-camera-permission,
.ism-html5-qr-reader #html5-qrcode-button-camera-start,
.ism-html5-qr-reader #html5-qrcode-button-camera-stop{display:none!important}
.ism-html5-qr-reader img{display:none!important}
.ism-html5-qr-reader div{border:0!important;box-shadow:none!important}
.qr-scan-status.running{background:#e0f2fe;color:#075985;}
@media(max-width:760px){.qr-scan-card{margin:0}.qr-reader{max-width:100%;border-radius:14px}.qr-reader-frame{inset:15%;}}

.qr-camera-select{display:block;width:min(680px,100%);margin:8px auto 0;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-weight:600}
.qr-scan-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.qr-reader video{transform:translateZ(0);}

/* v12.0.8 Bericht professional cleanup */
.report-card .note{margin-bottom:14px}
.report-group{border:1px solid #d8e0ea;border-radius:14px;margin:14px 0;padding:12px;background:#f8fafc}
.report-group h3{margin:0 0 10px;color:#0f2f57}
.report-subgroup{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:10px 0;padding:10px}
.report-subgroup h4{margin:0 0 8px;color:#334155}
.compact-table th,.compact-table td{padding:6px 8px;font-size:14px}
.defect-inline td{background:#fff7ed!important;color:#9a3412;font-size:13px}
.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.signature-grid h3{margin:0 0 8px}
.signature-grid .signature-box{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:8px}
.signature-grid canvas{width:100%;height:180px;background:#fff;border-radius:8px;touch-action:none}
.form-actions.right{display:flex;justify-content:flex-end;margin-top:14px}
.empty-state{padding:20px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b}
@media(max-width:900px){.signature-grid{grid-template-columns:1fr}.compact-table{font-size:13px}}

/* 12.1.4 LTS: stable ladder photo preview */
.photo-upload-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.photo-preview-wrap{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid #d8dee8;border-radius:10px;background:#f8fafc}
.ladder-photo-preview{width:96px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #cbd5e1;background:#fff}
.gform-note{border-left:4px solid #1d4ed8;background:#eff6ff}

/* 12.1.9 Bericht filters */
.report-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end;margin:14px 0 18px;padding:12px;border:1px solid var(--border,#d8dee8);border-radius:12px;background:#f8fafc}
.report-filter-grid label{font-weight:600;display:flex;flex-direction:column;gap:6px}
.report-filter-grid select{width:100%;padding:9px 10px;border:1px solid var(--border,#cfd7e3);border-radius:8px;background:white}
.filter-actions{display:flex;gap:8px;flex-wrap:wrap}
.qr-scan-card{scroll-margin-top:10px}


/* 12.1.11 LTS Benutzer professional vertical layout */
.users-vertical-page{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.users-vertical-page .page-head-row{margin-bottom:0}
.users-full-panel{width:100%;position:relative!important;top:auto!important}
.users-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.users-section-head h3{margin:0;color:#101828}
.users-search{max-width:340px;min-height:42px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 12px}
.users-pro-table{font-size:14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.users-pro-table th{position:sticky;top:0;background:#f8fafc;color:#334155;z-index:1}
.users-pro-table td{vertical-align:middle!important;padding:9px 10px}
.users-pro-table tr:hover{background:#f8fbff}
.role-pill{display:inline-flex;align-items:center;border-radius:999px;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;padding:4px 9px;font-weight:800;font-size:12px;white-space:nowrap}
.role-pill-admin{background:#ecfdf3;border-color:#86efac;color:#166534}
.role-pill-manager{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}
.role-pill-prufer,.role-pill-prüfer{background:#f8fafc;border-color:#cbd5e1;color:#475569}
.module-chip{display:inline-flex;border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;padding:4px 8px;font-weight:700;color:#334155}
.scope-cell{display:flex;flex-direction:column;gap:3px;color:#475569;font-size:13px}
.users-create-below{border-top:4px solid #1d4ed8}
.users-create-grid-pro{gap:14px}
.users-create-main-fields{grid-template-columns:repeat(3,minmax(180px,1fr))!important;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}
.users-create-main-fields label,.users-module-section label,.users-access-details label{font-weight:700;color:#334155}
.users-module-cards{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
.users-access-details{background:#fbfdff!important}
.users-scope-grid{grid-template-columns:1fr 1fr!important}
.users-create-actions{justify-content:flex-end!important;position:static!important;box-shadow:none!important;border:0!important;padding:0!important;margin-top:4px}
@media(max-width:900px){.users-section-head{flex-direction:column}.users-search{max-width:none}.users-create-main-fields,.users-module-cards,.users-scope-grid{grid-template-columns:1fr!important}.users-create-actions button{width:100%}}


/* 13.1.2 Regale form stabilization */
.regale-form{grid-template-columns:190px minmax(0,1fr)!important;align-items:center!important}
.regale-form .full-row{grid-column:1 / -1!important}
.regale-form .note.full-row{margin:2px 0 6px 190px;max-width:520px}
.regale-save-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:12px;position:static!important}
.regale-save-actions .primary{min-width:220px}
.regale-form .photo-upload-panel{min-height:auto}
.regale-form input[type=number],.regale-form input[name=year]{max-width:100%}
@media(max-width:900px){.regale-form{grid-template-columns:1fr!important}.regale-form .note.full-row{margin:0}.regale-save-actions{justify-content:stretch;flex-direction:column}.regale-save-actions .primary,.regale-save-actions .button{width:100%}}
.signature-canvas{width:100%;height:180px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;touch-action:none}

/* 13.2 Regale Professional Alignment */
.regale-module-layout .list-card,.regale-module-layout .detail-card{min-width:0}
.regale-form,.regale-readonly-form{grid-template-columns:190px minmax(0,1fr)!important;align-items:center!important}
.regale-form .full-row{grid-column:1 / -1!important}
.regale-form .note.full-row{margin:2px 0 6px 190px;max-width:620px}
.regale-save-actions{display:flex!important;gap:10px;justify-content:flex-end;align-items:center;margin-top:12px;position:static!important}
.regale-save-actions .primary{min-width:220px}
.regale-form .photo-upload-panel,.regale-readonly-form .photo-upload-panel{min-height:auto;align-items:flex-start}
.regale-form input[type=number],.regale-form input[name=year]{max-width:100%}
.RACK_RELEASED{color:#08752a!important;font-weight:800}
.RACK_WITH_DEFECTS{color:#b58900!important;font-weight:900}
.RACK_OUT_OF_SERVICE{color:#b00020!important;font-weight:900}
.RACK_NOT_INSPECTED{color:#476582!important;font-weight:900}
.status-box.RACK_RELEASED{background:#e9f8ee!important;color:#08752a!important;border-color:#08752a}
.status-box.RACK_WITH_DEFECTS{background:#fff4cc!important;color:#8a6500!important;border-color:#d6a800}
.status-box.RACK_OUT_OF_SERVICE{background:#ffe1e1!important;color:#b00020!important;border-color:#b00020}
.status-box.RACK_NOT_INSPECTED{background:#eef3f8!important;color:#476582!important;border-color:#8aa4bd}
.regale-readonly-form input[readonly]{background:#e6e6e6!important;color:#555!important;border-color:#c9c9c9!important;cursor:not-allowed}
@media(max-width:900px){.regale-form,.regale-readonly-form{grid-template-columns:1fr!important}.regale-form .note.full-row{margin:0}.regale-save-actions{justify-content:stretch;flex-direction:column}.regale-save-actions .primary,.regale-save-actions .button{width:100%}}

/* 14.0.7 LTS: one combined photo action column and one global QR scanner entry. */
.photo-button-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;grid-column:1/-1}
.photo-button-row .camera-button{margin:0}
.global-scan-row{display:flex;justify-content:flex-end;padding:.35rem 1rem .75rem 1rem}
.global-scan-row .qr-scan-link{white-space:nowrap}
@media (max-width: 720px){.global-scan-row{justify-content:stretch}.global-scan-row .qr-scan-link{width:100%;text-align:center}}

/* 14.0.9 LTS: one clean photo control row; no duplicated camera helper buttons inside photo panels. */
.photo-upload-panel{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
.photo-upload-panel .photo-button-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;border:0!important;padding:0!important;margin:0!important}
.photo-upload-panel .photo-button-row .camera-button{min-width:190px;max-width:240px;margin:0!important}
.photo-upload-panel .ism-camera-btn,.photo-upload-panel .ism-camera-clear{display:none!important}
.photo-preview-wrap{display:flex;align-items:center;gap:12px}

/* 14.1.0 LTS UI TEST — ISM Enterprise visual redesign, business logic unchanged */
:root{--ism-navy:#08284a;--ism-navy-2:#0d335d;--ism-blue:#0b5cab;--ism-orange:#f28c18;--ism-bg:#f3f6fb;--ism-border:#d8e0ea;--ism-text:#132238;--ism-muted:#637083}
body.ism-enterprise-ui{margin:0;background:var(--ism-bg);color:var(--ism-text);font-size:15px;font-family:Segoe UI,Inter,Arial,sans-serif}.enterprise-topbar{height:86px;background:linear-gradient(180deg,#061f3b,#0b2c50);display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 2px 14px rgba(7,24,48,.22);position:sticky;top:0;z-index:50}.enterprise-brand{width:300px;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:10px 18px;background:rgba(255,255,255,.04)}.enterprise-icon{width:52px;height:52px;object-fit:contain;border-radius:8px}.enterprise-brand b{font-size:28px;line-height:1;letter-spacing:.5px}.enterprise-brand small{display:block;font-size:9px;font-weight:800;line-height:1.08;letter-spacing:.5px}.enterprise-mainnav{display:flex;align-items:stretch;gap:0;overflow-x:auto;flex:1}.enterprise-mainnav a{min-width:86px;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-left:1px solid rgba(255,255,255,.08);font-size:23px;opacity:.95}.enterprise-mainnav a span{font-size:13px;font-weight:500}.enterprise-mainnav a:hover,.enterprise-mainnav a.active{background:rgba(39,118,194,.38)}.enterprise-usernav{display:flex;align-items:center;gap:6px;padding:0 14px;color:#dce8f5;font-size:12px}.enterprise-usernav a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:6px 8px;background:rgba(255,255,255,.06)}.enterprise-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 122px)}.enterprise-sidebar{background:#fff;border-right:1px solid var(--ism-border);padding:18px 0}.enterprise-sidebar h3{font-size:13px;font-weight:600;color:#475467;margin:0;padding:0 18px 10px}.enterprise-sidebar section{border-bottom:1px solid #eef2f7;margin-bottom:10px;padding-bottom:10px}.enterprise-sidebar a{display:flex;align-items:center;gap:10px;color:#182435;text-decoration:none;padding:11px 18px;font-size:14px;border-left:4px solid transparent}.enterprise-sidebar a:hover{background:#f2f6fb}.enterprise-sidebar a.active{background:#1f62aa;color:#fff;border-left-color:#f28c18}.enterprise-main{padding:28px 30px 54px;overflow:auto}.enterprise-main>.card,.enterprise-main .card{border:1px solid var(--ism-border);border-radius:12px;background:#fff;box-shadow:0 1px 4px rgba(15,38,72,.05)}.enterprise-footer{position:fixed;left:0;right:0;bottom:0;height:38px;background:#fff;border-top:1px solid var(--ism-border);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px 0 210px;color:#344054;font-size:13px;z-index:60;box-shadow:0 -1px 8px rgba(10,31,68,.05)}.enterprise-footer .online{color:#178a2f;font-weight:700}body.ism-enterprise-ui h1,body.ism-enterprise-ui h2{color:#132238}body.ism-enterprise-ui h1{font-size:26px;margin:0 0 18px}.enterprise-main table{background:#fff;border:1px solid var(--ism-border);border-radius:10px;overflow:hidden;border-collapse:separate;border-spacing:0}.enterprise-main th{background:#f8fafc;color:#26364a;font-weight:700;border-bottom:1px solid var(--ism-border)}.enterprise-main td,.enterprise-main th{padding:12px 14px;border-bottom:1px solid #edf1f6}.enterprise-main tr:hover{background:#f7fbff}.enterprise-main a.button,.enterprise-main .button,.enterprise-main button{border:1px solid #ccd5e2;border-radius:7px;background:#fff;color:#14233a;min-height:40px;box-shadow:none}.enterprise-main .primary,.enterprise-main button.primary{background:#0b5cab!important;border-color:#0b5cab!important;color:#fff!important}.enterprise-main .danger{background:#fff!important;color:#a92121!important;border-color:#efc7c7!important}.enterprise-main input,.enterprise-main select,.enterprise-main textarea{border:1px solid #cfd8e4;border-radius:7px;min-height:42px;background:#fff}.badge,.status-box{border-radius:999px}.LADDER_RELEASED,.REGAL_OK{color:#178a2f!important}.LADDER_WITH_DEFECTS,.REGAL_DEFECTS{color:#d97706!important}.LADDER_OUT_OF_SERVICE,.REGAL_OUT_OF_SERVICE{color:#c62828!important}.photo-status,.photo-box{border-color:#c8ced8!important;border-radius:12px!important}.ism-brand-panel{background:linear-gradient(180deg,#08284a,#0d335d);border-radius:12px;color:#fff;padding:22px;display:flex;align-items:center;gap:28px}.ism-brand-panel img{height:78px;object-fit:contain}.login-body{background:linear-gradient(135deg,#f3f6fb,#e6edf6);}.login-card{border-radius:20px;border:1px solid var(--ism-border);box-shadow:0 20px 50px rgba(8,40,74,.14)}.login-logo img{max-width:320px;width:100%;display:block;margin:0 auto 12px}.login-card h1{color:#08284a;line-height:1.1}.login-card h1 small{font-size:16px;color:#f28c18}.login-card button.primary{width:100%;background:#0b5cab!important;border-color:#0b5cab!important}
@media(max-width:1050px){.enterprise-topbar{height:auto;flex-wrap:wrap}.enterprise-brand{width:100%;height:70px}.enterprise-mainnav{order:3;width:100%;height:72px}.enterprise-usernav{margin-left:auto}.enterprise-shell{grid-template-columns:1fr}.enterprise-sidebar{display:flex;overflow-x:auto;padding:0;border-right:0;border-bottom:1px solid var(--ism-border)}.enterprise-sidebar section{display:flex;border-bottom:0;margin:0;padding:0}.enterprise-sidebar h3{display:none}.enterprise-sidebar a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.enterprise-sidebar a.active{border-bottom-color:#f28c18}.enterprise-main{padding:18px 14px 60px}.enterprise-footer{padding-left:14px;font-size:11px}}
@media(max-width:650px){.enterprise-mainnav a{min-width:74px}.enterprise-mainnav a span{font-size:12px}.enterprise-usernav span{display:none}.enterprise-footer{display:none}.enterprise-main{padding-bottom:18px}}

/* 14.1.1 LTS UI cleanup: company branding and reduced navigation */
.enterprise-brand-company{min-width:280px;gap:12px;}
.enterprise-company-logo{height:46px;max-width:145px;object-fit:contain;background:#fff;border-radius:8px;padding:4px;box-shadow:0 1px 6px rgba(0,0,0,.14)}
.enterprise-brand-company span b{font-size:18px;line-height:1.05;}
.enterprise-brand-company span small{display:block;font-size:10px;letter-spacing:.08em;color:#dcecff;margin-top:2px;}
.enterprise-sidebar .sidebar-note{display:block;margin:8px 12px 2px;padding:9px 10px;border-radius:10px;background:#f3f6fa;color:#65758a;font-size:12px;line-height:1.3;}
.login-logo img{max-width:220px;max-height:105px;object-fit:contain;background:white;border-radius:10px;padding:8px;}

/* 14.1.2 LTS Language Fix: topbar/sidebar/footer/login use unified locale dictionary. */


/* 14.1.3 LTS Language/Branding Fix: no version in header/login, blue sidebar, explicit language switch. */
.enterprise-brand-company span small{font-size:11px;color:#d9e8f8;letter-spacing:.02em;text-transform:none;}
.enterprise-brand-company span b{font-size:20px;line-height:1.1;}
.enterprise-usernav a.active-lang{background:#f28c18;color:#08284a;border-color:#f28c18;font-weight:900;}
.enterprise-sidebar{background:linear-gradient(180deg,#08284a,#0b2c50)!important;color:#fff;border-right:0;box-shadow:2px 0 14px rgba(8,40,74,.15)}
.enterprise-sidebar h3{color:#cfe0f2!important;text-transform:none;}
.enterprise-sidebar a{color:#edf6ff!important;border-left-color:transparent;}
.enterprise-sidebar a:hover{background:rgba(255,255,255,.10)!important;}
.enterprise-sidebar a.active{background:#1f62aa!important;color:#fff!important;border-left-color:#f28c18!important;}
.enterprise-sidebar section{border-bottom:1px solid rgba(255,255,255,.12)!important;}
.sidebar-program-logo{padding:16px 14px 12px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px;}
.sidebar-program-logo img{width:170px!important;height:170px!important;max-height:none!important;object-fit:contain!important;background:#fff!important;border-radius:16px!important;padding:0!important;margin:0 auto!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important;}
.ism-login-v413{background:linear-gradient(135deg,#eef4fb,#dfe9f5);}
.login-card-v413{width:520px;max-width:calc(100vw - 32px);padding:28px 34px 34px;position:relative;overflow:hidden;}
.login-card-v413:before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:linear-gradient(180deg,#08284a,#0b5cab);}
.login-language-switch{display:flex;justify-content:flex-end;gap:7px;margin-bottom:8px;}
.login-language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:32px;border:1px solid #cbd5e1;border-radius:8px;text-decoration:none;color:#0b2c50;background:#fff;font-weight:800;font-size:13px;}
.login-language-switch a.active{background:#f28c18;border-color:#f28c18;color:#08284a;}
.login-company-logo{text-align:center;margin:2px 0 18px;}
.login-company-logo img{max-width:260px;max-height:86px;object-fit:contain;background:#fff;}
.login-product-row{display:flex;gap:14px;align-items:center;margin:8px 0 16px;}
.login-product-row img{width:64px;height:64px;object-fit:contain;border-radius:14px;background:#f8fafc;border:1px solid #d8e0ea;padding:6px;}
.login-product-row h1{margin:0!important;font-size:28px!important;line-height:1.1;color:#08284a!important;}
.login-product-row p{margin:6px 0 0;color:#f28c18;font-weight:800;}
.login-card-v413 .note{margin:12px 0 18px;}
.login-card-v413 label{font-weight:700;color:#17233a;display:block;margin:8px 0 6px;}
.login-card-v413 button.primary{margin-top:6px;min-height:54px;font-size:18px;}
@media(max-width:1050px){.sidebar-program-logo{display:none}.enterprise-sidebar{background:#fff!important;color:var(--ism-text)!important}.enterprise-sidebar a{color:#182435!important}.enterprise-sidebar h3{color:#475467!important}}

/* 14.1.4 LTS language/branding cleanup */
.enterprise-brand-logo-only{width:190px;min-width:190px;justify-content:center;padding:8px 14px;}
.enterprise-brand-logo-only .enterprise-company-logo{max-width:155px;max-height:58px;object-fit:contain;background:#fff;border-radius:8px;padding:5px;}
.login-card-v414{width:760px;display:grid;grid-template-columns:245px 1fr;padding:0;overflow:hidden;}
.login-card-v414:before{display:none;}
.login-brand-strip{background:linear-gradient(180deg,#08284a,#0b315c);color:#fff;padding:30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;}
.login-brand-strip-logo{width:178px!important;height:178px!important;object-fit:contain!important;background:#fff;border-radius:18px;padding:0;box-shadow:0 6px 18px rgba(0,0,0,.16);}
.login-brand-strip-title{font-size:20px;font-weight:800;line-height:1.15;}
.login-brand-strip-subtitle{font-size:14px;color:#ff9d2e;font-weight:800;}
.login-form-panel{padding:28px 34px 34px;position:relative;}
.login-card-v414 .login-company-logo img{max-width:260px;}
.login-card-v414 .login-product-row img{display:none;}
.login-card-v414 .login-product-row{margin-top:4px;}
@media(max-width:760px){.login-card-v414{grid-template-columns:1fr;width:calc(100vw - 32px)}.login-brand-strip{padding:18px}.login-brand-strip-logo{width:178px!important;height:178px!important;object-fit:contain!important;background:#fff;border-radius:18px;padding:0;box-shadow:0 6px 18px rgba(0,0,0,.16);}.enterprise-brand-logo-only{width:150px;min-width:150px}}


/* 14.1.7 LTS Inspector Layout Guard
   Fix: when a normal inspector/user has no sidebar, the content must use full width.
   This prevents the /ladders page from collapsing into the 190px sidebar column. */
.enterprise-shell.no-sidebar{grid-template-columns:minmax(0,1fr)!important;}
.enterprise-shell.no-sidebar .enterprise-main{grid-column:1 / -1!important;width:100%!important;max-width:none!important;}
body.plain-inspector-ui .enterprise-main{padding:28px 30px 54px!important;}
body.plain-inspector-ui .quick{display:flex!important;gap:12px!important;align-items:stretch!important;width:100%!important;}
body.plain-inspector-ui .scanbar{display:flex!important;gap:10px!important;flex:1 1 auto!important;min-width:0!important;}
body.plain-inspector-ui .scanbar input{flex:1 1 auto!important;min-width:240px!important;}
body.plain-inspector-ui .ism-mobile-layout{display:grid!important;grid-template-columns:minmax(360px,.95fr) minmax(520px,1.05fr)!important;gap:16px!important;width:100%!important;}
body.plain-inspector-ui .ladder-row em{white-space:nowrap;}
@media(max-width:1050px){body.plain-inspector-ui .ism-mobile-layout{grid-template-columns:1fr!important;}body.plain-inspector-ui .quick{flex-direction:column!important;}body.plain-inspector-ui .scanbar input{min-width:0!important;}}


/* 14.1.9 LTS: clean generated ISM logo and language/layout hardening */
.sidebar-program-logo{padding:18px 16px 16px!important;text-align:center;}
.sidebar-program-logo img{width:170px!important;height:170px!important;max-height:none!important;object-fit:contain!important;background:#fff!important;border-radius:16px!important;padding:0!important;margin:0 auto!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important;}
.login-brand-strip-logo{width:178px!important;height:178px!important;object-fit:contain!important;background:#fff;border-radius:18px;padding:0;box-shadow:0 6px 18px rgba(0,0,0,.16);}
.login-product-row img{width:64px!important;height:64px!important;object-fit:contain!important;}
.enterprise-sidebar h3{text-transform:none!important;letter-spacing:0!important;}
.enterprise-mainnav a.active{border-bottom:3px solid #f28c18;}
@media(max-width:1050px){.sidebar-program-logo img{width:170px!important;height:170px!important;max-height:none!important;object-fit:contain!important;background:#fff!important;border-radius:16px!important;padding:0!important;margin:0 auto!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important;}.login-brand-strip-logo{width:178px!important;height:178px!important;object-fit:contain!important;background:#fff;border-radius:18px;padding:0;box-shadow:0 6px 18px rgba(0,0,0,.16);}}


/* 14.2.0 LTS: PWA/mobile adaptation and storage cleanup UI guard */
@media (max-width: 820px){
  html, body{width:100%;max-width:100%;overflow-x:hidden!important;}
  body.ism-enterprise-ui{font-size:14px;background:#f3f6fb;}
  .enterprise-topbar{position:sticky;top:0;height:auto;display:grid!important;grid-template-columns:1fr;align-items:start;}
  .enterprise-brand-logo-only{width:100%!important;min-width:0!important;height:64px!important;justify-content:flex-start!important;padding:8px 12px!important;}
  .enterprise-brand-logo-only .enterprise-company-logo{max-width:150px!important;max-height:48px!important;}
  .enterprise-usernav{position:absolute;right:8px;top:12px;padding:0!important;gap:4px!important;}
  .enterprise-usernav span{display:none!important;}
  .enterprise-usernav a{font-size:12px!important;padding:6px 7px!important;min-height:32px!important;}
  .enterprise-mainnav{width:100%!important;display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;height:70px!important;-webkit-overflow-scrolling:touch;}
  .enterprise-mainnav a{min-width:88px!important;scroll-snap-align:start;font-size:20px!important;}
  .enterprise-mainnav a span{font-size:11px!important;white-space:nowrap;}
  .enterprise-shell{display:block!important;min-height:auto!important;}
  .enterprise-sidebar{display:flex!important;overflow-x:auto!important;white-space:nowrap;background:#08284a!important;padding:0!important;position:sticky;top:134px;z-index:35;}
  .enterprise-sidebar .sidebar-program-logo{display:none!important;}
  .enterprise-sidebar section{display:flex!important;margin:0!important;padding:0!important;border:0!important;}
  .enterprise-sidebar h3{display:none!important;}
  .enterprise-sidebar a{min-height:46px!important;padding:12px 14px!important;border-left:0!important;border-bottom:3px solid transparent!important;font-size:13px!important;}
  .enterprise-sidebar a.active{border-bottom-color:#f28c18!important;}
  .enterprise-main{padding:12px 10px 64px!important;overflow:visible!important;width:100%!important;}
  .quick{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;}
  .scanbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;}
  .scanbar input{font-size:16px!important;min-height:48px!important;min-width:0!important;width:100%!important;}
  .quick .button,.quick button{width:100%!important;min-height:46px!important;}
  .ism-mobile-layout{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;}
  .card{padding:12px!important;border-radius:12px!important;width:100%!important;min-width:0!important;}
  .ladder-row{grid-template-columns:1fr!important;gap:8px!important;position:relative;padding:12px!important;}
  .ladder-row em{grid-column:auto!important;grid-row:auto!important;justify-self:flex-start!important;max-width:100%;white-space:normal!important;}
  .ism-mobile-form,.grid,.form-grid,.regale-form,.regale-readonly-form{grid-template-columns:1fr!important;gap:8px!important;}
  input,select,textarea{font-size:16px!important;min-height:46px!important;}
  table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:nowrap;}
  .filter-grid{grid-template-columns:1fr!important;}
  .enterprise-footer{height:auto!important;min-height:46px!important;padding:6px 10px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px 10px!important;font-size:11px!important;}
}
@media (max-width: 420px){
  .enterprise-mainnav a{min-width:78px!important;}
  .enterprise-usernav a:not(.active-lang):not([href*="logout"]){display:none!important;}
  .enterprise-footer{grid-template-columns:1fr!important;}
}

/* 14.2.2 LTS mobile repair: keep module/lang navigation visible and make the
   ladder detail usable as a separate card on phones. */
@media(max-width:760px){
  body{font-size:17px;overflow-x:hidden;}
  .app-header{position:relative!important;top:auto!important;padding:10px 10px 0 10px!important;z-index:30;}
  .brand-row{display:block!important;}
  .brand-row .brand{display:flex!important;align-items:center;gap:10px;margin-bottom:8px;}
  .brand-row .admin-nav,.admin-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px;justify-content:flex-start!important;padding-bottom:8px;max-width:100%;}
  .admin-nav a{flex:0 0 auto!important;min-height:44px;padding:9px 12px!important;}
  .module-nav,.sub-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px;white-space:nowrap;padding-bottom:8px;}
  .module-nav a,.sub-nav a{flex:0 0 auto!important;min-height:50px;padding:10px 14px!important;}
  .quick{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .scanbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .ism-mobile-layout{display:block!important;}
  .list-card,.detail-card{width:100%!important;margin:0 0 12px 0!important;}
  .detail-card{scroll-margin-top:8px;border-top:4px solid #0b5cab;}
  .ladder-row{grid-template-columns:1fr!important;gap:8px!important;}
  .ladder-row em{grid-row:auto!important;grid-column:auto!important;justify-self:flex-start;}
  .action-grid{grid-template-columns:1fr!important;}
  .doc-row{grid-template-columns:1fr!important;gap:8px!important;}
  .doc-row .danger,.doc-row button{width:100%;}
}


/* 14.2.3 LTS: mobile navigation visibility, split detail view and clean ISM logo */
@media (max-width: 820px){
  .enterprise-sidebar{background:#08284a!important;box-shadow:0 2px 10px rgba(8,40,74,.20)!important;}
  .enterprise-sidebar a{color:#eaf4ff!important;opacity:1!important;text-shadow:0 1px 1px rgba(0,0,0,.20);}
  .enterprise-sidebar a.active{color:#fff!important;background:#1f62aa!important;border-bottom-color:#f28c18!important;}
  .enterprise-sidebar a:not(.active){background:rgba(255,255,255,.04)!important;}
  .enterprise-usernav{max-width:calc(100vw - 160px);overflow-x:auto!important;white-space:nowrap;}
  .enterprise-usernav a{display:inline-flex!important;color:#fff!important;opacity:1!important;}
  .enterprise-usernav a.active-lang{background:#f28c18!important;color:#08284a!important;border-color:#f28c18!important;}
  .enterprise-usernav a[href*="logout"]{background:rgba(255,255,255,.10)!important;}
  .enterprise-mainnav a{color:#fff!important;opacity:1!important;}
  .enterprise-mainnav a span{color:#fff!important;opacity:1!important;}
}
@media (max-width: 420px){
  .enterprise-usernav a:not(.active-lang):not([href*="logout"]){display:inline-flex!important;}
  .enterprise-usernav{right:6px!important;gap:3px!important;}
  .enterprise-usernav a{font-size:11px!important;padding:6px 6px!important;}
}
@media (max-width: 760px){
  .mobile-split-layout.has-selection .list-card{display:none!important;}
  .mobile-split-layout.has-selection .detail-card{display:block!important;margin-top:0!important;border-top:4px solid #0b5cab!important;box-shadow:0 2px 12px rgba(8,40,74,.10)!important;}
  .mobile-back-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:42px;margin:0 0 12px 0;padding:8px 12px;border:1px solid #ccd5e2;border-radius:10px;background:#fff;color:#0b5cab!important;text-decoration:none;font-weight:800;}
  .mobile-split-layout:not(.has-selection) .mobile-back-button{display:none!important;}
  .detail-card h2{font-size:26px!important;line-height:1.15!important;margin-top:0!important;}
}
@media (min-width: 761px){.mobile-back-button{display:none!important;}}
.sidebar-program-logo img{object-fit:contain!important;}

/* 14.2.4 LTS: restore clean mobile behavior */
@media (max-width: 820px){
  /* Mobile: footer/status bar is intentionally hidden to maximize working area. */
  .enterprise-footer, footer.enterprise-footer{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;}
  .enterprise-main{padding-bottom:18px!important;}
  /* Ensure all side/module labels remain readable when inactive. */
  .enterprise-sidebar a,
  .enterprise-sidebar a span,
  .enterprise-sidebar a:visited,
  .enterprise-sidebar a:not(.active),
  .enterprise-usernav a,
  .enterprise-mainnav a,
  .enterprise-mainnav a span{color:#fff!important;opacity:1!important;filter:none!important;text-shadow:0 1px 1px rgba(0,0,0,.30)!important;}
  .enterprise-sidebar a:not(.active){background:rgba(255,255,255,.08)!important;}
  .enterprise-sidebar a.active{background:#1f62aa!important;color:#fff!important;}
}
@media (max-width:760px){
  /* On phones selected ladder/rack opens as its own panel; list is hidden. */
  .mobile-split-layout.has-selection .list-card{display:none!important;}
  .mobile-split-layout.has-selection .detail-card{display:block!important;}
  .mobile-back-button{display:inline-flex!important;}
}

/* 14.2.5 LTS: iPhone QR camera / HTTPS guidance */
.qr-manual-box{margin-top:16px;padding:14px;border:1px solid #d5dde8;border-radius:12px;background:#f8fafc;}
.qr-manual-box label{display:block;font-weight:800;margin-bottom:8px;color:#132238;}
.qr-manual-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;}
.qr-manual-row input{min-height:44px;border:1px solid #cfd8e4;border-radius:8px;padding:8px 10px;font-size:16px;}
.qr-manual-row button{min-height:44px;border-radius:8px;padding:8px 14px;background:#0b5cab!important;color:#fff!important;border-color:#0b5cab!important;font-weight:800;}
.qr-scan-status.error b{color:#7a1111;}
@media(max-width:760px){
  .qr-manual-row{grid-template-columns:1fr!important;}
  .qr-manual-row button{width:100%;}
  .qr-scan-status{font-size:15px;line-height:1.35;}
}


/* 14.2.6 LTS Mobile + Documents + Users cleanup */
.user-actions-cell{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.user-actions-cell form{margin:0}.user-delete-form{margin-top:1rem;text-align:right}.doc-row a small{display:block;opacity:.74;margin-top:.2rem}.doc-row{align-items:flex-start}.doc-row form{margin-left:auto}.ism-mobile-form label{overflow-wrap:anywhere}.ism-mobile-form input,.ism-mobile-form select,.ism-mobile-form textarea{max-width:100%;box-sizing:border-box}.inspection-form,.regale-inspection-form{max-width:100%;overflow-x:hidden}
@media (max-width: 760px){
  body{overflow-x:hidden}.quick{gap:.55rem}.quick .button,.quick button{min-height:44px}.mobile-split-layout{display:block}.mobile-split-layout.has-selection .list-card{display:none}.mobile-split-layout.has-selection .detail-card{display:block}.mobile-empty-create-panel{display:none!important}.mobile-back-button{display:inline-flex!important;margin:0 0 .75rem 0;padding:.7rem .9rem;border-radius:12px;background:#eef4ff;color:#123;text-decoration:none;font-weight:700}.detail-card h2{font-size:1.28rem;line-height:1.25}.status-box{font-size:.9rem;line-height:1.35;overflow-wrap:anywhere}.ism-mobile-form{display:block}.ism-mobile-form label{display:block;margin-top:.82rem;font-weight:700;line-height:1.25}.ism-mobile-form input,.ism-mobile-form select,.ism-mobile-form textarea{width:100%;font-size:16px;min-height:44px}.combo-block{display:block}.photo-button-row,.action-grid,.form-actions{display:flex;flex-direction:column;gap:.55rem}.action-grid .button,.action-grid button,.form-actions .button,.form-actions button{width:100%;box-sizing:border-box;text-align:center}.doc-row{display:block;padding:.7rem}.doc-row a{display:block;line-height:1.25}.doc-row form{margin:.55rem 0 0 0}.doc-row button{width:100%}.table-wrap{overflow-x:auto}.compact-users-table th,.compact-users-table td{font-size:.88rem}.users-create-below{display:none}.user-pro-layout,.pro-grid.two,.compact-grid-2,.scope-summary-grid{display:block}.field-block{margin-bottom:.8rem}.user-delete-form{text-align:stretch}.user-delete-form button{width:100%}.top-nav a,.module-tabs a,.nav a{opacity:1!important;color:#102033!important}.footer-status,.system-footer,.app-footer .status-line{display:none!important}
}

/* mobile inspection / document cleanup */
@media (max-width: 760px){
  .mobile-split-layout.has-selection .list-card{display:none!important;}
  .mobile-split-layout.has-selection .detail-card{display:block!important;}
  .mobile-empty-create-panel{display:none!important;}
  .check-table{display:block!important;width:100%!important;overflow:visible!important;white-space:normal!important;border:0!important;}
  .check-table tbody,.check-table tr,.check-table td,.check-table th{display:block!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important;}
  .check-table tr:first-child{display:none!important;}
  .check-table tr{margin:0 0 12px 0!important;padding:10px!important;border:1px solid #d8e1ed!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 4px rgba(8,40,74,.06)!important;}
  .check-table .section-row{background:#eef4ff!important;border-color:#bdd0ea!important;}
  .check-table td{border:0!important;padding:6px 0!important;line-height:1.35!important;overflow-wrap:anywhere!important;}
  .check-table td:nth-child(1){font-weight:800;color:#0b2c50;}
  .check-table td:nth-child(2){font-size:.96rem;color:#24364d;}
  .check-table td:nth-child(3),.check-table td:nth-child(4),.check-table td:nth-child(5){display:inline-flex!important;width:auto!important;min-width:72px;align-items:center;gap:6px;margin-right:6px;padding:8px 10px!important;border:1px solid #dbe3ee!important;border-radius:10px!important;background:#f8fafc!important;}
  .check-table td:nth-child(3)::before{content:"OK";font-weight:700;}
  .check-table td:nth-child(4)::before{content:"Mangel";font-weight:700;}
  .check-table td:nth-child(5)::before{content:"n.z.";font-weight:700;}
  .check-table td:nth-child(6){margin-top:8px;}
  .check-table td:nth-child(6) input{width:100%!important;}
  .signature-canvas{width:100%!important;max-width:100%!important;height:170px!important;touch-action:none;}
  .test-table{display:block!important;white-space:normal!important;overflow:visible!important;}
  .test-table tbody,.test-table tr,.test-table td,.test-table th{display:block!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important;}
  .test-table tr:first-child{display:none!important;}
  .test-table tr{padding:10px!important;margin-bottom:10px!important;border:1px solid #d8e1ed!important;border-radius:12px!important;background:#fff!important;}
}


/* 14.2.9 LTS: fixed inspector + mobile-only inspection card layout.
   Desktop keeps the original one-line table. Phones get separate cards. */
.readonly-field,.inspector-readonly,input[readonly].inspector-readonly{
  background:#eef1f5!important;color:#5b6675!important;border-color:#cbd5e1!important;
  cursor:not-allowed!important;-webkit-text-fill-color:#5b6675!important;
}
@media (max-width: 760px){
  .windows-inspection,.inspect-card,.inspection-form,.regale-inspection-form{overflow-x:hidden!important;max-width:100%!important;}
  .windows-inspection .form-grid{display:block!important;}
  .windows-inspection .form-grid label{display:block!important;margin:.8rem 0 .25rem!important;font-weight:800!important;}
  .windows-inspection .form-grid input,.windows-inspection .form-grid select,.windows-inspection .form-grid textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important;}

  /* Reset all table sizing from the desktop layout. */
  .windows-inspection table.check-table,
  .windows-inspection .check-table,
  .windows-inspection .check-table tbody{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    table-layout:auto!important;border-collapse:separate!important;overflow:visible!important;white-space:normal!important;
  }
  .windows-inspection .check-table tr,
  .windows-inspection .check-table td,
  .windows-inspection .check-table th{
    height:auto!important;min-height:0!important;max-height:none!important;width:100%!important;min-width:0!important;max-width:100%!important;
    position:static!important;float:none!important;clear:both!important;white-space:normal!important;overflow:visible!important;
    box-sizing:border-box!important;line-height:1.35!important;vertical-align:top!important;
  }
  .windows-inspection .check-table tr:first-child{display:none!important;}
  .windows-inspection .check-table tr{
    display:block!important;margin:0 0 14px 0!important;padding:12px!important;border:1px solid #d8e1ed!important;border-radius:14px!important;
    background:#fff!important;box-shadow:0 1px 5px rgba(8,40,74,.08)!important;
  }
  .windows-inspection .check-table tr.section-row{
    display:block!important;padding:10px 12px!important;background:#eaf2ff!important;border-color:#bdd0ea!important;color:#0b2c50!important;
  }
  .windows-inspection .check-table tr.section-row td{font-weight:900!important;font-size:1.05rem!important;padding:0!important;}
  .windows-inspection .check-table td{display:block!important;border:0!important;padding:5px 0!important;}
  .windows-inspection .check-table td:nth-child(1){font-weight:900!important;color:#0b2c50!important;font-size:1rem!important;}
  .windows-inspection .check-table td:nth-child(2){font-size:1.02rem!important;color:#18263b!important;overflow-wrap:anywhere!important;word-break:normal!important;}

  /* Button group: big touch targets below the question. */
  .windows-inspection .check-table td:nth-child(3),
  .windows-inspection .check-table td:nth-child(4),
  .windows-inspection .check-table td:nth-child(5){
    display:inline-flex!important;width:calc(33.333% - 6px)!important;min-width:0!important;margin:8px 3px 2px 0!important;
    justify-content:center!important;align-items:center!important;gap:7px!important;padding:10px 6px!important;
    border:1px solid #d5dee9!important;border-radius:12px!important;background:#f8fafc!important;font-weight:900!important;
  }
  .windows-inspection .check-table td:nth-child(3)::before{content:"OK";}
  .windows-inspection .check-table td:nth-child(4)::before{content:"Mangel";}
  .windows-inspection .check-table td:nth-child(5)::before{content:"n.z.";}
  .windows-inspection .check-table input[type="radio"]{width:26px!important;height:26px!important;min-height:26px!important;margin:0!important;accent-color:#168bf2!important;}
  .windows-inspection .check-table td:nth-child(6){display:block!important;clear:both!important;padding-top:10px!important;}
  .windows-inspection .check-table td:nth-child(6)::before{content:"Bemerkung";display:block;font-weight:800;color:#475569;margin-bottom:5px;}
  .windows-inspection .check-table td:nth-child(6) input,
  .windows-inspection .check-table td:nth-child(6) textarea{width:100%!important;box-sizing:border-box!important;min-height:44px!important;font-size:16px!important;}
  .windows-inspection .result-row,.windows-inspection .action-grid,.windows-inspection .form-actions{display:flex!important;flex-direction:column!important;gap:10px!important;}
  .windows-inspection button,.windows-inspection .button,.windows-inspection .primary{width:100%!important;min-height:48px!important;box-sizing:border-box!important;text-align:center!important;}
}


/* mobile readonly signatures */
.signature-readonly{background:#eef1f5!important;color:#5b6675!important;border-color:#cbd5e1!important;cursor:not-allowed!important;-webkit-text-fill-color:#5b6675!important;}
.test-center-card,.test-center-form,.test-card-list{max-width:100%;overflow-x:hidden;}
.test-card-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px;}
.test-item-card{display:block;position:static;float:none;clear:both;border:1px solid #d8e1ed;border-radius:14px;background:#fff;padding:14px;box-shadow:0 1px 5px rgba(8,40,74,.08);}
.test-item-code{font-weight:900;color:#0b2c50;font-size:1.05rem;margin-bottom:6px;}
.test-item-area{color:#667085;margin-bottom:6px;line-height:1.35;}
.test-item-title{font-size:1rem;line-height:1.35;margin-bottom:10px;overflow-wrap:anywhere;}
.test-item-label{display:block;font-weight:800;margin:.55rem 0 .25rem;}
.test-item-card select,.test-item-card input{width:100%;box-sizing:border-box;min-height:42px;}
@media (min-width: 900px){.test-card-list{grid-template-columns:1fr 1fr;}.test-item-card{height:auto;}}
@media (max-width: 760px){
  .test-table{display:none!important;}
  .test-center-card .note,.test-center-card textarea,.test-center-card input,.test-center-card select{font-size:16px;}
  .test-card-list{display:block!important;}
  .test-item-card{margin:0 0 12px 0!important;height:auto!important;min-height:0!important;}
}



/* ISM_REQUIRED_GLOBAL_V2 */
.ism-required-star{color:#c40000;font-weight:900}
.ism-required-error{border:2px solid #c40000!important;background:#fff6f6!important}
.ism-required-msg{grid-column:2;color:#c40000;font-weight:700;font-size:13px;margin-top:-6px;margin-bottom:6px}
@media(max-width:800px){
  .ism-required-msg{grid-column:1;font-size:14px;margin-top:2px}
}

/* ISM_MOBILE_RESPONSIVE_V1 */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

img, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

@media (max-width: 900px) {
  body {
    width: 100%;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .login-shell,
  .login-page,
  .login-wrapper,
  .login-container,
  .auth-wrapper,
  .auth-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    overflow-x: hidden !important;
  }

  .login-left,
  .login-brand,
  .auth-left,
  .brand-panel {
    display: none !important;
  }

  .login-right,
  .login-card,
  .auth-right,
  .card {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    margin: 12px auto !important;
  }

  form,
  .ism-mobile-form,
  .scanbar,
  .quick {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  input,
  select,
  textarea,
  button,
  .button,
  .big {
    max-width: 100% !important;
  }
}

@media (max-width: 600px) {
  h1, h2 {
    font-size: clamp(28px, 8vw, 42px) !important;
    line-height: 1.08 !important;
  }

  .card,
  .detail-card,
  .list-card {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 20px !important;
  }

  input,
  select,
  textarea {
    width: 100% !important;
    font-size: 18px !important;
  }

  button,
  .button {
    width: 100%;
    font-size: 18px !important;
  }
}

@media (max-width: 390px) {
  .card,
  .detail-card,
  .list-card {
    width: calc(100vw - 14px) !important;
    padding: 16px !important;
  }

  h1, h2 {
    font-size: 30px !important;
  }
}
/* /ISM_MOBILE_RESPONSIVE_V1 */


/* ISM_LOGIN_MOBILE_FULL_V2 */
@media (max-width: 900px) {
  html,
  body {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  body {
    background: #eef4fb !important;
  }

  body * {
    box-sizing: border-box !important;
  }

  .login-page,
  .login-shell,
  .login-wrapper,
  .login-container,
  .login-layout,
  .auth-page,
  .auth-shell,
  .auth-wrapper,
  .auth-container,
  main {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow-x: hidden !important;
    transform: none !important;
  }

  .login-left,
  .login-brand,
  .login-sidebar,
  .brand-panel,
  .auth-left,
  .hero-panel {
    display: none !important;
  }

  .login-right,
  .login-card,
  .auth-right,
  .auth-card,
  .card {
    width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 28px) !important;
    margin: 18px auto !important;
    padding: 22px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  .login-card form,
  .auth-card form,
  form {
    width: 100% !important;
    max-width: 100% !important;
  }

  input,
  select,
  textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 18px !important;
  }

  button,
  .button,
  .big {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 18px !important;
    white-space: normal !important;
  }

  h1 {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.08 !important;
  }

  h2 {
    font-size: clamp(26px, 8vw, 38px) !important;
    line-height: 1.1 !important;
  }

  img,
  svg {
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 420px) {
  .login-right,
  .login-card,
  .auth-right,
  .auth-card,
  .card {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    padding: 18px !important;
  }
}
/* /ISM_LOGIN_MOBILE_FULL_V2 */

/* ISM_APP_STYLE_LOGIN_V1 */
.ism-login-app{
  min-height: calc(100vh - 40px);
  min-height: calc(100dvh - 40px);
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:linear-gradient(180deg,#eef5fc 0%,#ffffff 100%);
}

.ism-login-card{
  width:min(520px,100%);
  background:#fff;
  border:1px solid #d8e2ee;
  border-radius:28px;
  box-shadow:0 18px 45px rgba(8,40,74,.14);
  padding:34px;
}

.ism-login-logo{
  display:flex;
  justify-content:center;
  margin-bottom:18px;
}

.ism-login-logo img{
  width:120px;
  max-width:40vw;
  border-radius:22px;
}

.ism-login-card h1{
  text-align:center;
  font-size:34px;
  line-height:1.08;
  margin:0 0 8px;
}

.ism-login-subtitle{
  text-align:center;
  color:#f28c18;
  font-size:24px;
  font-weight:800;
  margin-bottom:18px;
}

.ism-login-hint{
  border:1px solid #e2c95b;
  background:#fffdf0;
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:18px;
  font-size:18px;
}

.ism-login-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ism-login-form label{
  font-weight:800;
  font-size:18px;
  color:#14233a;
}

.ism-login-form input{
  width:100%;
  height:56px;
  font-size:18px!important;
  padding:12px 14px;
  border-radius:14px;
}

.ism-login-form button{
  width:100%;
  margin-top:16px;
  height:58px;
  font-size:20px!important;
  border-radius:14px;
}

@media(max-width:900px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  main{
    padding:0!important;
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  .ism-login-app{
    min-height:100dvh;
    width:100vw;
    padding:18px;
    align-items:center;
  }

  .ism-login-card{
    width:100%;
    max-width:430px;
    padding:26px 22px;
    border-radius:26px;
  }

  .ism-login-card h1{
    font-size:30px!important;
  }

  .ism-login-subtitle{
    font-size:22px;
  }

  .ism-login-form input,
  .ism-login-form button{
    font-size:18px!important;
  }
}

@media(max-width:380px){
  .ism-login-app{
    padding:12px;
  }

  .ism-login-card{
    padding:22px 18px;
  }

  .ism-login-card h1{
    font-size:27px!important;
  }
}
/* /ISM_APP_STYLE_LOGIN_V1 */

/* ISM_LOGIN_STANDALONE_FIX_V1 */
.ism-login-body{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  background:#eef5fc!important;
}

.ism-login-app.standalone{
  min-height:100vh;
  min-height:100dvh;
  width:100%;
  margin:0;
}
/* /ISM_LOGIN_STANDALONE_FIX_V1 */

/* ISM_ISM_BRAND_V2 */
.ism-login-logo img,.ism-login-logo picture img{width:min(420px,86vw)!important;max-height:180px!important;object-fit:contain!important;border-radius:0!important}
@media(max-width:700px){.ism-login-logo img,.ism-login-logo picture img{width:min(340px,88vw)!important;max-height:150px!important}}
@media(prefers-color-scheme:dark){.ism-login-body{background:#071f36!important}.ism-login-card{background:#092744!important;color:#fff!important;border-color:#16496f!important}.ism-login-card h1,.ism-login-form label{color:#fff!important}}
/* /ISM_ISM_BRAND_V2 */

/* ISM_BRAND_APPROVED_V1 */
.ism-login-logo picture{display:block;width:100%}
.ism-login-logo img{display:block;width:min(460px,92%);max-width:100%;max-height:180px;object-fit:contain;margin:0 auto;border-radius:0!important}
.ism-login-hint{color:#132238!important}
.sidebar-program-logo img,.enterprise-icon{object-fit:contain!important}
@media(max-width:700px){.ism-login-logo img{width:min(380px,94%);max-height:150px}}
@media(prefers-color-scheme:dark){.ism-login-hint{color:#132238!important;background:#fffdf0!important}}
/* /ISM_BRAND_APPROVED_V1 */

/* ISM_BUILDING_NOTICE_V1 */
.global-form-notice{margin:10px 0;padding:12px 14px;border-left:5px solid #d9a300;background:#fff8db;border-radius:8px;font-weight:700}
/* /ISM_BUILDING_NOTICE_V1 */

/* ISM_LOGIN_LANGUAGE_FULLSCREEN_V1 */
.ism-login-language{margin:0 0 16px;padding:12px;border:1px solid rgba(31,98,170,.24);border-radius:14px;background:rgba(255,255,255,.72)}
.ism-login-language-title{text-align:center;font-weight:800;font-size:15px;color:#132238;margin-bottom:9px}
.ism-login-language-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ism-login-language-options a{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #b8c8d9;border-radius:10px;text-decoration:none;color:#17304b;background:#fff;font-weight:900;letter-spacing:.04em}
.ism-login-language-options a.active{background:#0b68c9;color:#fff;border-color:#0b68c9;box-shadow:0 0 0 3px rgba(11,104,201,.16)}
.ism-login-language-help{text-align:center;color:#52667b;font-size:12px;line-height:1.3;margin-top:8px}
@media(max-width:700px){
  html,body.ism-login-body{height:100%;min-height:100%;background:#082f52!important}
  body.ism-login-body{overscroll-behavior:none}
  .ism-login-app.standalone{display:block!important;width:100%!important;min-height:100dvh!important;padding:0!important;margin:0!important;background:#082f52!important}
  .ism-login-card{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:max(22px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#082f52!important;color:#fff!important}
  .ism-login-card h1,.ism-login-form label{color:#fff!important}
  .ism-login-logo{margin-top:0!important}
  .ism-login-language{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
  .ism-login-language-title,.ism-login-language-help{color:#fff}
  .ism-login-language-options a{background:#fff;color:#17304b}
  .ism-login-hint{margin-bottom:16px}
}
@media(max-width:390px){
  .ism-login-card{padding-left:16px!important;padding-right:16px!important}
  .ism-login-logo img{max-height:132px!important}
  .ism-login-card h1{font-size:27px!important}
  .ism-login-subtitle{font-size:20px!important}
}
@media(prefers-color-scheme:dark){
  .ism-login-language{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
  .ism-login-language-title,.ism-login-language-help{color:#fff}
}
/* /ISM_LOGIN_LANGUAGE_FULLSCREEN_V1 */


/* ISM_USERS_CREATE_UX_V1 */
.users-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.users-head-actions .users-search{flex:1 1 260px}
.users-new-button{min-height:42px;white-space:nowrap}
.users-create-disclosure{padding:0!important;overflow:hidden}
.users-create-summary{display:flex;align-items:center;gap:10px;padding:16px 18px;cursor:pointer;font-size:18px;font-weight:850;color:#0f2742;background:#f8fbff;list-style:none}
.users-create-summary::-webkit-details-marker{display:none}
.users-create-summary::after{content:'▾';margin-left:auto;transition:transform .18s ease}
.users-create-disclosure[open] .users-create-summary::after{transform:rotate(180deg)}
.users-create-plus{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#1267c4;color:#fff;font-size:22px;line-height:1}
.users-create-content{padding:16px 18px 18px;border-top:1px solid #dbe5f0}
@media(max-width:760px){
  .users-create-below{display:block!important}
  .users-head-actions{width:100%;align-items:stretch}
  .users-head-actions .users-search,.users-new-button{width:100%;max-width:none}
  .users-create-summary{font-size:17px;padding:15px}
  .users-create-content{padding:14px}
  .compact-users-table-wrap{overflow:visible}
  .users-pro-table{display:block;border:0;background:transparent}
  .users-pro-table tbody{display:block}
  .users-pro-table tr:first-child{display:none}
  .users-pro-table tr:not(:first-child){display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0 0 12px;padding:14px;border:1px solid #dce5ef;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(15,39,66,.05)}
  .users-pro-table td{display:block!important;padding:0!important;border:0!important;min-height:0!important}
  .users-pro-table td:nth-child(1){grid-column:1;font-size:16px}
  .users-pro-table td:nth-child(2){grid-column:1;color:#334155}
  .users-pro-table td:nth-child(3){grid-column:2;grid-row:1 / span 2;align-self:start}
  .users-pro-table td:nth-child(4),.users-pro-table td:nth-child(5){grid-column:1 / -1;font-size:13px;color:#64748b}
  .users-pro-table td:nth-child(6){grid-column:1 / -1;display:flex!important;gap:8px;flex-wrap:wrap;margin-top:4px}
  .users-pro-table td:nth-child(6) .button,.users-pro-table td:nth-child(6) button{width:auto;min-width:120px}
}
/* /ISM_USERS_CREATE_UX_V1 */

/* ISM_USERS_MOBILE_CARDS_V2 */
@media (max-width:760px){
  .compact-users-table-wrap{overflow:visible!important;max-height:none!important;height:auto!important}
  .users-pro-table{display:block!important;width:100%!important;border:0!important;background:transparent!important;overflow:visible!important}
  .users-pro-table tbody{display:block!important;width:100%!important}
  .users-pro-table tr:first-child{display:none!important}
  .users-pro-table tr:not(:first-child){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-auto-rows:auto!important;
    height:auto!important;
    min-height:0!important;
    position:static!important;
    overflow:visible!important;
    gap:7px 12px!important;
    margin:0 0 12px!important;
    padding:14px!important;
    box-sizing:border-box!important;
    border:1px solid #dce5ef!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(15,39,66,.05)!important;
  }
  .users-pro-table td{
    display:block!important;
    position:static!important;
    float:none!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:visible!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .users-pro-table td:nth-child(1){grid-column:1!important;grid-row:1!important;font-size:17px!important;line-height:1.25!important}
  .users-pro-table td:nth-child(2){grid-column:1!important;grid-row:2!important;color:#334155!important;line-height:1.3!important}
  .users-pro-table td:nth-child(3){grid-column:2!important;grid-row:1 / span 2!important;align-self:start!important;justify-self:end!important}
  .users-pro-table td:nth-child(4){grid-column:1 / -1!important;grid-row:3!important;font-size:13px!important;color:#475569!important}
  .users-pro-table td:nth-child(5){grid-column:1 / -1!important;grid-row:4!important;font-size:13px!important;color:#64748b!important;display:flex!important;flex-direction:column!important;gap:3px!important}
  .users-pro-table td:nth-child(6){grid-column:1 / -1!important;grid-row:5!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:8px!important;flex-wrap:wrap!important;margin-top:6px!important}
  .users-pro-table td:nth-child(6) form{display:block!important;position:static!important;margin:0!important;flex:1 1 130px!important}
  .users-pro-table td:nth-child(6) .button,
  .users-pro-table td:nth-child(6) button{display:flex!important;position:static!important;width:100%!important;min-width:0!important;min-height:44px!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important}
}
/* /ISM_USERS_MOBILE_CARDS_V2 */

/* ISM 14.4 RC2 QR Print Center */
.qr-export-button{white-space:nowrap}.qr-print-center{max-width:1100px;margin:20px auto}.qr-center-head,.qr-filter-row,.qr-select-tools,.qr-export-actions,.qr-module-tabs{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.qr-center-head{justify-content:space-between}.qr-filter-row,.qr-select-tools,.qr-export-actions{margin:16px 0}.qr-object-list{display:grid;gap:10px}.qr-object-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid #d7dee8;border-radius:14px;background:#fff;cursor:pointer}.qr-object-row input{width:24px;height:24px}.qr-object-row span{display:flex;flex-direction:column;gap:4px}.qr-object-row small{color:#667085}.qr-object-row em{font-style:normal;border-radius:999px;padding:6px 10px}.qr-object-row em.new{background:#fff4d8;color:#8a5a00}.qr-object-row em.printed{background:#e6f7ec;color:#176b37}.qr-export-actions .big{flex:1;min-width:250px}
@media(max-width:700px){.quick{display:grid!important;grid-template-columns:1fr!important}.quick .scanbar,.quick .button{width:100%}.qr-center-head{align-items:flex-start}.qr-module-tabs,.qr-module-tabs .button,.qr-filter-row .button{width:100%}.qr-object-row{grid-template-columns:auto 1fr}.qr-object-row em{grid-column:2}.qr-export-actions{display:grid}.qr-export-actions .big{min-width:0;width:100%}}

/* 14.4.0 RC5 P-touch template management */
.ptouch-template-card{margin:14px 0;padding:16px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc}
.ptouch-template-card h3{margin:0 0 10px}.ptouch-upload-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.ptouch-upload-form input[type=file]{max-width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px;background:white}
/* 14.4.0 RC6 localized P-touch setup wizard */
.ptouch-steps{margin:.7rem 0 1rem;padding-left:1.4rem;line-height:1.5}.ptouch-file-label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ptouch-file-name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ptouch-upload-form{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-top:.8rem}@media(max-width:680px){.ptouch-upload-form>*{width:100%}.ptouch-file-label,.ptouch-upload-form button{min-height:52px}.qr-export-actions{display:grid;grid-template-columns:1fr;gap:.7rem}}

/* =========================================================
   ISM SIDEBAR LOGO FINAL V1
   One rule only.
   Original 512x512 PNG remains untouched.
   ========================================================= */

.sidebar-program-logo {
    width: 150px !important;
    height: 150px !important;

    position: relative !important;
    overflow: hidden !important;

    margin: 22px auto 28px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/*
The original artwork has unwanted outer pixels.
We crop them only in CSS.

Visible area ~= 436 px of the original 512 px.
512 / 436 * 150 ~= 176 px.
*/
.sidebar-program-logo img {
    position: absolute !important;

    width: 176px !important;
    height: 176px !important;

    left: -13px !important;
    top: -13px !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    image-rendering: auto !important;
}

/* /ISM SIDEBAR LOGO FINAL V1 */


/* =========================================================
   ISM SIDEBAR LOGO - ROUNDED CORNERS FINAL
   Visual crop only.
   Original PNG is NOT modified.
   Client company logo is not affected.
   ========================================================= */

.sidebar-program-logo {
    border-radius: 22px !important;
    overflow: hidden !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Keep the existing ISM image crop/position/quality unchanged */
.sidebar-program-logo img {
    border-radius: 0 !important;
}

/* /ISM SIDEBAR LOGO - ROUNDED CORNERS FINAL */


/* =========================================================
   ISM UNIFIED OBJECT SEARCH + QR CAMERA V1
   ========================================================= */

.ism-object-search {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    min-width: 0;
}

.ism-object-search > input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.scan-camera-button {
    flex: 0 0 56px;
    width: 56px;
    min-width: 56px;
    min-height: 56px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 !important;

    border: 1px solid #9eabb8;
    border-radius: 10px;

    background: #ffffff;
    color: #123b72;

    text-decoration: none;

    font-size: 24px;
    line-height: 1;

    cursor: pointer;
}

.scan-camera-button:hover,
.scan-camera-button:focus-visible {
    background: #eef5ff;
    border-color: #3f6b9d;
    outline: none;
}

.scan-camera-button:active {
    transform: translateY(1px);
}

@media (max-width: 760px) {

    .ism-object-search {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 52px !important;
        gap: 8px !important;
    }

    .ism-object-search > input {
        grid-column: 1;
        grid-row: 1;
        width: 100% !important;
    }

    .ism-object-search > .scan-camera-button {
        grid-column: 2;
        grid-row: 1;

        width: 52px;
        min-width: 52px;
        height: 52px;
        min-height: 52px;
    }

    .ism-object-search > button {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100% !important;
    }
}

/* /ISM UNIFIED OBJECT SEARCH + QR CAMERA V1 */


/* =========================================================
   ISM LEITERN + REGALE UNIFIED SEARCH FINAL V2
   ========================================================= */

.ism-object-search {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        56px
        auto !important;

    align-items: stretch !important;
    gap: 8px !important;

    width: 100%;
    min-width: 0;
}

.ism-object-search input[name="q"] {
    grid-column: 1;
    min-width: 0 !important;
    width: 100% !important;
}

.ism-object-search .scan-camera-button {
    grid-column: 2;

    width: 56px !important;
    min-width: 56px !important;

    margin: 0 !important;
    align-self: stretch !important;
}

.ism-object-search > button {
    grid-column: 3;
    margin: 0 !important;
}


@media (max-width: 760px) {

    .ism-object-search {
        grid-template-columns:
            minmax(0, 1fr)
            52px !important;
    }

    .ism-object-search input[name="q"] {
        grid-column: 1;
        grid-row: 1;
    }

    .ism-object-search .scan-camera-button {
        grid-column: 2;
        grid-row: 1;

        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
    }

    .ism-object-search > button {
        grid-column: 1 / -1;
        grid-row: 2;

        width: 100% !important;
    }
}

/* /ISM LEITERN + REGALE UNIFIED SEARCH FINAL V2 */


/* ISM_DYNAMIC_DASHBOARD_COUNTERS_V1 */
.ism-dashboard-counters{
  display:flex;
  align-items:stretch;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 14px;
}

.ism-counter{
  min-width:116px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid #d8dde4;
  border-radius:10px;
  background:#fff;
  color:#222;
  text-decoration:none;
  box-sizing:border-box;
}

.ism-counter strong{
  font-size:22px;
  line-height:1;
  font-weight:850;
}

.ism-counter span{
  font-size:13px;
  line-height:1.15;
  font-weight:700;
}

.ism-counter-base{
  background:#f7f9fb;
}

.ism-counter-warning{
  background:#fff6d8;
  border-color:#dfbf58;
}

.ism-counter-danger{
  background:#ffe8e8;
  border-color:#dc8a8a;
}

a.ism-counter:hover{
  transform:translateY(-1px);
  box-shadow:0 2px 7px rgba(0,0,0,.08);
}

@media(max-width:700px){
  .ism-dashboard-counters{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin:8px 0 12px;
  }

  .ism-counter{
    min-width:0;
    min-height:54px;
    padding:7px 8px;
  }

  .ism-counter strong{
    font-size:21px;
  }

  .ism-counter span{
    font-size:12px;
  }
}

@media(max-width:390px){
  .ism-counter{
    gap:5px;
  }

  .ism-counter strong{
    font-size:19px;
  }

  .ism-counter span{
    font-size:11px;
  }
}

/* ==========================================================
   ISM DASHBOARD COUNTERS DESKTOP FIX V2
   Leitern + Regale
   ========================================================== */

@media (min-width:701px){

  .ism-dashboard-counters{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;

    width:auto !important;
    gap:10px !important;

    margin:14px 0 18px !important;
    padding:0 !important;
  }

  .ism-dashboard-counters .ism-counter,
  .ism-dashboard-counters a.ism-counter,
  .ism-dashboard-counters div.ism-counter{
    display:flex !important;
    flex:0 0 auto !important;

    width:auto !important;
    min-width:145px !important;
    max-width:none !important;
    min-height:58px !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;
    padding:9px 14px !important;

    box-sizing:border-box !important;

    border:1px solid #d8dde4 !important;
    border-radius:11px !important;

    background:#f7f9fb !important;
    color:#172033 !important;

    text-decoration:none !important;
    line-height:1 !important;
  }

  .ism-dashboard-counters .ism-counter strong{
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;

    font-size:24px !important;
    line-height:1 !important;
    font-weight:850 !important;

    color:inherit !important;
  }

  .ism-dashboard-counters .ism-counter span{
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;

    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:700 !important;

    color:inherit !important;
    white-space:nowrap !important;
  }

  .ism-dashboard-counters .ism-counter-warning,
  .ism-dashboard-counters a.ism-counter-warning,
  .ism-dashboard-counters div.ism-counter-warning{
    background:#fff6d8 !important;
    border-color:#dfbf58 !important;
  }

  .ism-dashboard-counters .ism-counter-danger,
  .ism-dashboard-counters a.ism-counter-danger,
  .ism-dashboard-counters div.ism-counter-danger{
    background:#ffe8e8 !important;
    border-color:#dc8a8a !important;
  }

  .ism-dashboard-counters a.ism-counter:hover{
    text-decoration:none !important;
    transform:translateY(-1px);
    box-shadow:0 2px 7px rgba(0,0,0,.08);
  }
}

/* /ISM DASHBOARD COUNTERS DESKTOP FIX V2 */


/* ISM_REGALE_COUNTER_FILTER_ACTIVE_V1 */
.ism-dashboard-counters .ism-counter-active{
  outline:3px solid #2776c9 !important;
  outline-offset:1px;
  box-shadow:0 2px 8px rgba(39,118,201,.18) !important;
}
/* /ISM_REGALE_COUNTER_FILTER_ACTIVE_V1 */


/* ==========================================================
   ISM RC8 - RESPONSIVE MASTER / DETAIL
   Tablet + narrow desktop:
   selected ladder/rack opens as a dedicated detail view.
   Wide desktop remains two-column.
   ========================================================== */

@media (min-width: 761px) and (max-width: 1050px) {

  .mobile-split-layout.has-selection {
    display:block!important;
  }

  .mobile-split-layout.has-selection .list-card {
    display:none!important;
  }

  .mobile-split-layout.has-selection .detail-card {
    display:block!important;
    width:100%!important;
    margin:0!important;
    border-top:4px solid #0b5cab!important;
    box-shadow:0 2px 12px rgba(8,40,74,.10)!important;
  }

  .mobile-split-layout.has-selection .mobile-back-button {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:42px;
    margin:0 0 12px 0;
    padding:8px 12px;
    border:1px solid #ccd5e2;
    border-radius:10px;
    background:#fff;
    color:#0b5cab!important;
    text-decoration:none;
    font-weight:800;
  }
}


/* ==========================================================
   ISM FINAL RESPONSIVE MASTER / DETAIL STANDARD
   One deterministic breakpoint for Leitern + Regale.
   ========================================================== */

/* WIDE DESKTOP: list + detail side by side */
@media (min-width: 1101px) {

  .mobile-split-layout {
    display:grid!important;
    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
  }

  .mobile-split-layout .list-card {
    display:block!important;
  }

  .mobile-split-layout .detail-card {
    display:block!important;
  }

  .mobile-back-button {
    display:none!important;
  }
}


/* NARROW DESKTOP / TABLET / MOBILE */
@media (max-width: 1100px) {

  .mobile-split-layout {
    display:block!important;
    width:100%!important;
  }

  /* No selection -> show only object list */
  .mobile-split-layout:not(.has-selection) .list-card {
    display:block!important;
    width:100%!important;
  }

  .mobile-split-layout:not(.has-selection) .detail-card {
    display:none!important;
  }

  /* Selection -> show only selected object detail */
  .mobile-split-layout.has-selection .list-card {
    display:none!important;
  }

  .mobile-split-layout.has-selection .detail-card {
    display:block!important;
    width:100%!important;
    margin:0!important;
    border-top:4px solid #0b5cab!important;
    box-shadow:0 2px 12px rgba(8,40,74,.10)!important;
  }

  .mobile-split-layout.has-selection .mobile-back-button {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* ==========================================================
   /ISM FINAL RESPONSIVE MASTER / DETAIL STANDARD
   ========================================================== */


/* ==========================================================
   ISM MASTER / DETAIL STATE LOCK V2

   FINAL STANDARD:
   <= 1100px + selection:
       DETAIL ONLY

   <= 1100px + no selection:
       LIST ONLY

   >= 1101px:
       LIST + DETAIL

   No intermediate stacked selected-object mode.
   ========================================================== */


/* ----------------------------------------------------------
   WIDE MODE
   ---------------------------------------------------------- */

@media (min-width:1101px){

  .ism-mobile-layout.mobile-split-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) !important;
    gap:12px !important;
    align-items:start !important;
  }

  .ism-mobile-layout.mobile-split-layout .list-card{
    display:block !important;
    visibility:visible !important;
  }

  .ism-mobile-layout.mobile-split-layout .detail-card{
    display:block !important;
    visibility:visible !important;
  }

  .ism-mobile-layout.mobile-split-layout .mobile-back-button{
    display:none !important;
  }
}


/* ----------------------------------------------------------
   COMPACT MODE
   ---------------------------------------------------------- */

@media (max-width:1100px){

  .ism-mobile-layout.mobile-split-layout{
    display:block !important;
    grid-template-columns:none !important;
    width:100% !important;
  }


  /* ========================================================
     NOTHING SELECTED -> LIST ONLY
     ======================================================== */

  .ism-mobile-layout.mobile-split-layout:not(.has-selection) > .list-card{
    display:block !important;
    visibility:visible !important;
    width:100% !important;
    margin:0 !important;
  }

  .ism-mobile-layout.mobile-split-layout:not(.has-selection) > .detail-card{
    display:none !important;
    visibility:hidden !important;
  }


  /* ========================================================
     OBJECT SELECTED -> DETAIL ONLY
     ======================================================== */

  .ism-mobile-layout.mobile-split-layout.has-selection > .list-card{
    display:none !important;
    visibility:hidden !important;
  }

  .ism-mobile-layout.mobile-split-layout.has-selection > .detail-card{
    display:block !important;
    visibility:visible !important;

    position:relative !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    grid-column:auto !important;
    grid-row:auto !important;

    border-top:4px solid #0b5cab !important;

    box-shadow:
      0 2px 12px rgba(8,40,74,.10) !important;
  }

  .ism-mobile-layout.mobile-split-layout.has-selection
  > .detail-card
  > .mobile-back-button{
    display:inline-flex !important;
    visibility:visible !important;

    align-items:center !important;
    justify-content:center !important;

    min-height:42px !important;

    margin:0 0 12px 0 !important;
    padding:8px 12px !important;

    border:1px solid #ccd5e2 !important;
    border-radius:10px !important;

    background:#eef4ff !important;
    color:#0b5cab !important;

    text-decoration:none !important;
    font-weight:800 !important;
  }
}


/* ==========================================================
   /ISM MASTER / DETAIL STATE LOCK V2
   ========================================================== */


/* ISM_QR_FILTERS_STAGE10D_V1 */
.qr-client-filters{
  display:grid;
  grid-template-columns:repeat(5,minmax(140px,1fr)) auto;
  gap:10px;
  align-items:end;
  margin:14px 0 8px;
}

.qr-client-filters label{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.qr-client-filters label > span{
  font-size:.84rem;
  font-weight:700;
}

.qr-client-filters select,
.qr-client-filters input{
  width:100%;
  min-height:40px;
  box-sizing:border-box;
}

.qr-filter-search{
  min-width:190px;
}

.qr-filter-summary{
  display:flex;
  justify-content:flex-end;
  margin:4px 0 10px;
}

@media (max-width:1100px){
  .qr-client-filters{
    grid-template-columns:repeat(3,minmax(150px,1fr));
  }
}

@media (max-width:700px){
  .qr-client-filters{
    grid-template-columns:1fr;
  }

  .qr-client-filters .button{
    width:100%;
  }

  .qr-filter-summary{
    justify-content:flex-start;
  }
}




/* ============================================================
   ISM_UNIFIED_USER_NAV_STAGE10J_V3
   Same navigation/header structure for every authenticated user.
   Visibility of individual functions remains permission-based.
   ============================================================ */

@media (min-width:1051px) {

  .enterprise-topbar{
    flex-wrap:nowrap;
  }

  .enterprise-mainnav{
    min-width:0;
    flex:1 1 auto;
  }

  .enterprise-usernav{
    flex:0 0 auto;
    margin-left:auto;
    white-space:nowrap;
  }

  .enterprise-usernav span{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
  }

}

/* /ISM_UNIFIED_USER_NAV_STAGE10J_V3 */

/* ============================================================
   ISM_QR_PRINT_ACTION_BAR_STAGE10N_V2
   Compact sticky print/export action bar
   ============================================================ */

.qr-print-action-bar{
  position:sticky;
  bottom:12px;
  z-index:40;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:16px;
  padding:11px 13px;
  border:1px solid #d8e1ec;
  border-radius:14px;
  background:rgba(255,255,255,.97);
  box-shadow:0 8px 28px rgba(15,42,70,.14);
  backdrop-filter:blur(8px);
}

.qr-print-selection{
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

.qr-print-selection-label{
  color:#667789;
}

.qr-print-actions{
  display:flex;
  align-items:center;
  gap:9px;
}

.qr-print-menu{
  position:relative;
}

.qr-print-menu>summary{
  list-style:none;
  cursor:pointer;
}

.qr-print-menu>summary::-webkit-details-marker{
  display:none;
}

.qr-print-main::after{
  content:" ▾";
}

.qr-print-main.disabled{
  opacity:.45;
  cursor:not-allowed;
  pointer-events:none;
}

.qr-print-menu-panel{
  position:absolute;
  left:0;
  bottom:calc(100% + 9px);
  width:340px;
  padding:7px;
  border:1px solid #d8e1ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 32px rgba(15,42,70,.18);
}

.qr-print-option{
  display:block;
  width:100%;
  padding:11px 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  text-align:left;
  cursor:pointer;
}

.qr-print-option:hover{
  background:#f2f6fa;
}

.qr-print-option strong,
.qr-print-option small{
  display:block;
}

.qr-print-option small{
  margin-top:3px;
  color:#6c7b89;
}

.qr-print-option:disabled,
.qr-mark-printed-trigger:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.qr-print-help{
  margin-left:auto;
  color:#5e6d7b;
  font-size:.92rem;
}

.qr-print-help>summary{
  cursor:pointer;
}

.qr-print-help-content{
  margin-top:8px;
  max-width:720px;
  line-height:1.45;
}

@media (max-width:760px){

  .qr-print-action-bar{
    bottom:6px;
    display:block;
    padding:10px;
  }

  .qr-print-selection{
    margin-bottom:8px;
  }

  .qr-print-actions{
    width:100%;
  }

  .qr-print-menu{
    flex:1 1 auto;
  }

  .qr-print-main{
    display:block;
    width:100%;
    text-align:center;
  }

  .qr-print-menu-panel{
    width:min(340px,calc(100vw - 30px));
  }

  .qr-print-help{
    margin:9px 0 0;
  }
}

/* /ISM_QR_PRINT_ACTION_BAR_STAGE10N_V2 */

/* ============================================================
   ISM_QR_ACTION_BAR_POLISH_STAGE10O_V1
   Hide sticky print controls until at least one object is
   selected. The backend/export behavior is unchanged.
   ============================================================ */

.qr-print-action-bar.qr-print-action-bar-hidden{
  display:none;
}

/* /ISM_QR_ACTION_BAR_POLISH_STAGE10O_V1 */

/* ============================================================
   ISM_QR_MARK_PRINTED_CONFIRM_STAGE10P_V2
   Confirmation before changing printed state.
   ============================================================ */

.qr-confirm-modal{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.qr-confirm-modal.is-open{
  display:flex;
}

.qr-confirm-backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,25,45,.42);
  backdrop-filter:blur(2px);
}

.qr-confirm-dialog{
  position:relative;
  z-index:1;

  width:min(460px,100%);

  padding:24px;

  border:1px solid rgba(20,55,90,.16);
  border-radius:14px;

  background:#fff;

  box-shadow:
    0 18px 55px
    rgba(0,0,0,.22);
}

.qr-confirm-icon{
  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:14px;

  border-radius:50%;

  background:#eef7f1;

  font-size:22px;
  font-weight:700;
}

.qr-confirm-dialog h3{
  margin:0 0 10px;
}

.qr-confirm-dialog p{
  margin:0 0 10px;
}

.qr-confirm-note{
  font-size:.9rem;
  opacity:.72;
}

.qr-confirm-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;

  margin-top:20px;
}

body.qr-confirm-open{
  overflow:hidden;
}

@media (max-width:600px){

  .qr-confirm-modal{
    padding:14px;
  }

  .qr-confirm-dialog{
    padding:20px;
  }

  .qr-confirm-actions{
    flex-direction:column-reverse;
  }

  .qr-confirm-actions .button{
    width:100%;
  }

}

/* /ISM_QR_MARK_PRINTED_CONFIRM_STAGE10P_V2 */

/* ============================================================
   ISM_LADDERS_AUTO_FILTER_STAGE10R_V3
   ============================================================ */

.ism-list-filter-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:10px;
  margin:0 0 16px;
  padding:12px;
  border:1px solid rgba(30,70,110,.14);
  border-radius:12px;
  background:#fff;
}

.ism-list-filter-bar label{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:145px;
  margin:0;
}

.ism-list-filter-bar label > span{
  font-size:.82rem;
  font-weight:600;
  opacity:.72;
}

.ism-list-filter-bar select{
  min-height:40px;
}

.ism-filter-reset{
  display:inline-flex;
  align-items:center;
  min-height:40px;
}

@media (max-width:700px){

  .ism-list-filter-bar{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .ism-list-filter-bar label{
    min-width:0;
  }

  .ism-filter-reset{
    grid-column:1 / -1;
    justify-content:center;
  }

}

@media (max-width:440px){

  .ism-list-filter-bar{
    grid-template-columns:1fr;
  }

  .ism-filter-reset{
    grid-column:auto;
  }

}

/* /ISM_LADDERS_AUTO_FILTER_STAGE10R_V3 */


/* ==========================================================
   ISM UNIVERSAL RESOURCE OVERVIEW UI V1
   Shared foundation for Leitern, Regale, Betriebsmittel
   and future resource modules.
   ========================================================== */

.ism-resource-overview {
  display: grid;
  gap: 12px;
  margin: 0 0 16px;
}

.ism-resource-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
}

.ism-resource-search {
  width: 100%;
  min-width: 0;
}

.ism-resource-create {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.ism-resource-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(30, 70, 110, .14);
  border-radius: 12px;
  background: #fff;
}

.ism-resource-filters label {
  display: grid;
  gap: 5px;
  flex: 0 1 180px;
  min-width: 145px;
  margin: 0;
}

.ism-resource-filters label > span {
  font-size: .82rem;
  font-weight: 600;
  opacity: .72;
}

.ism-resource-filters select {
  width: 100%;
  min-height: 40px;
}

.ism-resource-counters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ism-resource-counter {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 58px;
  padding: 10px 16px;
  border: 1px solid #d7e0ea;
  border-radius: 12px;
  background: #fff;
  color: #102f4d;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(15, 42, 70, .05);
}

.ism-resource-counter strong {
  font-size: 1.35rem;
  line-height: 1;
}

.ism-resource-counter span {
  font-size: .86rem;
  font-weight: 700;
}

.ism-resource-counter-warning {
  border-color: #e6bd65;
  background: #fff9eb;
}

.ism-resource-counter-danger {
  border-color: #e09a9a;
  background: #fff3f3;
}

.ism-resource-counter-success {
  border-color: #8bcaa5;
  background: #effbf4;
}

.ism-resource-counter.active {
  outline: 3px solid #2776c9;
  outline-offset: 1px;
  box-shadow: 0 2px 8px rgba(39, 118, 201, .18);
}

@media (max-width: 760px) {
  .ism-resource-search-row {
    grid-template-columns: 1fr;
  }

  .ism-resource-create {
    width: 100%;
  }

  .ism-resource-filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .ism-resource-filters label {
    min-width: 0;
  }
}

@media (max-width: 480px) {
  .ism-resource-filters {
    grid-template-columns: 1fr;
  }

  .ism-resource-counters {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .ism-resource-counter {
    min-width: 0;
    padding: 10px 12px;
  }
}

/* /ISM UNIVERSAL RESOURCE OVERVIEW UI V1 */

/* ============================================================
   ISM UNIVERSAL RESOURCE VIEW SWITCH V1
   Optional Active / Archive switch for resource modules
   ============================================================ */

.ism-resource-views {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin: 0.75rem 0 1rem;
}

.ism-resource-view {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.55rem 1rem;
  color: #17324d;
  font-weight: 700;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #d5e0eb;
  border-radius: 0.7rem;
  box-shadow: 0 1px 3px rgba(20, 49, 77, 0.06);
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease,
    box-shadow 0.15s ease;
}

.ism-resource-view:hover {
  border-color: #0877ca;
  background: #f4f9fd;
}

.ism-resource-view.active {
  color: #075da3;
  border-color: #0877ca;
  background: #eef7ff;
  box-shadow:
    0 0 0 2px rgba(8, 119, 202, 0.12),
    inset 0 -3px 0 #0877ca;
}

.ism-resource-view strong {
  min-width: 1.6rem;
  padding: 0.1rem 0.4rem;
  text-align: center;
  color: #075da3;
  background: #ffffff;
  border-radius: 999px;
}

@media (max-width: 720px) {
  .ism-resource-views {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ism-resource-view {
    width: 100%;
  }
}

/* /ISM UNIVERSAL RESOURCE VIEW SWITCH V1 */

/* ==========================================================
   ISM_RESOURCE_MASTER_DETAIL_FOUNDATION_V1
   Shared master/detail layout:
   Betriebsmittel + Leitern + Regale + future object modules.
   ========================================================== */

.ism-resource-list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  flex: 0 0 auto;
  margin: 0 0 .75rem;
}

.ism-resource-list-heading h2 {
  margin: 0;
}

.ism-resource-result-count {
  min-width: 2rem;
  height: 2rem;
  padding: 0 .55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd8e6;
  border-radius: 999px;
  background: #edf5fc;
  color: #0d5d9f;
  font-size: .88rem;
  font-weight: 700;
  line-height: 1;
}

.ism-resource-list-item {
  margin: 8px 0;
  padding: 14px 15px;
  color: inherit;
  text-decoration: none;
  border: 1px solid #dce5ef;
  border-radius: 12px;
  background: #fff;
  transition:
    border-color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.ism-resource-list-item:hover {
  border-color: #1670bd;
  box-shadow: 0 6px 18px rgba(9, 49, 86, .10);
  transform: translateY(-1px);
}

.ism-resource-list-item.active,
.ism-resource-list-item.selected {
  border-color: #0874c9;
  background: linear-gradient(135deg, #edf7ff, #fff);
  box-shadow: inset 4px 0 0 #0874c9;
}

.ism-resource-list-item strong {
  color: #092f53;
}

@media (min-width: 1051px) {
  body.ism-resource-master-page {
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
  }

  body.ism-resource-master-page .enterprise-shell {
    height: calc(100vh - 124px);
    height: calc(100dvh - 124px);
    min-height: 0;
    overflow: hidden;
  }

  body.ism-resource-master-page .enterprise-sidebar {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  body.ism-resource-master-page .enterprise-main {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .ism-resource-master-detail {
    display: grid !important;
    grid-template-columns:
      minmax(300px, 360px)
      minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
    height: var(--ism-resource-master-height, 520px);
    min-height: 280px;
    overflow: hidden;
  }

  .ism-resource-master-list {
    position: relative !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column;
    width: auto !important;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-height: none !important;
    overflow: hidden !important;
  }

  .ism-resource-list-scroll {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    padding-right: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  .ism-resource-detail-panel {
    display: block !important;
    visibility: visible !important;
    width: auto !important;
    height: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  .ism-resource-master-detail .mobile-back-button {
    display: none !important;
  }
}

@media (max-width: 1050px) {
  .ism-resource-master-detail {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .ism-resource-master-list,
  .ism-resource-detail-panel {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .ism-resource-list-scroll {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* /ISM_RESOURCE_MASTER_DETAIL_FOUNDATION_V1 */

/* ==========================================================
   ISM_RESOURCE_MASTER_DETAIL_DESKTOP_CORRECTION_V2
   Wins over historical mobile-split desktop rules.
   ========================================================== */

.ism-resource-empty-state {
  max-width: 48rem;
}

.ism-resource-empty-state h2 {
  margin-top: 0;
}

@media (min-width: 1051px) {
  body.ism-resource-master-page .enterprise-main {
    overflow: hidden !important;
  }

  body.ism-resource-master-page
  .ism-mobile-layout.mobile-split-layout.ism-resource-master-detail {
    grid-template-columns:
      minmax(300px, 360px)
      minmax(0, 1fr) !important;
  }

  body.ism-resource-master-page
  .ism-resource-master-detail {
    max-width: none !important;
  }
}

/* /ISM_RESOURCE_MASTER_DETAIL_DESKTOP_CORRECTION_V2 */

/* ==========================================================
   ISM_RESOURCE_COMPACT_DETAIL_V3
   Reliable list scrolling and compact read-only details.
   ========================================================== */

.ism-resource-list-scroll {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  max-height: 100%;
}

.ism-resource-list-scroll > .ladder-list {
  flex: 0 0 auto;
  min-height: min-content;
}

.ism-resource-compact-grid {
  display: grid;
  grid-template-columns:
    minmax(130px, .72fr)
    minmax(0, 1.28fr)
    minmax(130px, .72fr)
    minmax(0, 1.28fr);
  margin: 12px 0;
  overflow: hidden;
  border: 1px solid #dce5ef;
  border-radius: 12px;
  background: #fff;
}

.ism-resource-compact-grid dt,
.ism-resource-compact-grid dd {
  min-width: 0;
  margin: 0;
  padding: 11px 13px;
  border-bottom: 1px solid #e4ebf2;
  overflow-wrap: anywhere;
}

.ism-resource-compact-grid dt {
  background: #f4f7fa;
  color: #607286;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.ism-resource-compact-grid dd {
  color: #243b53;
  font-weight: 650;
}

.ism-resource-compact-grid a {
  color: #0b5cab;
  font-weight: 750;
}

@media (min-width: 1051px) {
  .ism-resource-list-scroll {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    touch-action: pan-y;
  }

  .ism-resource-detail-panel.ism-resource-detail-compact {
    overflow: hidden !important;
    scrollbar-gutter: auto !important;
  }

  .ism-resource-detail-compact .status-box {
    margin-bottom: 10px;
  }

  .ism-resource-detail-compact .edit-state-note {
    margin-bottom: 8px;
  }

  .ism-resource-detail-compact .action-grid {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (max-width: 1050px) {
  .ism-resource-compact-grid {
    grid-template-columns:
      minmax(120px, .8fr)
      minmax(0, 1.2fr);
  }
}

@media (max-width: 600px) {
  .ism-resource-compact-grid {
    grid-template-columns: 1fr;
  }

  .ism-resource-compact-grid dt {
    border-bottom: 0;
    padding-bottom: 4px;
  }

  .ism-resource-compact-grid dd {
    padding-top: 4px;
  }
}

/* /ISM_RESOURCE_COMPACT_DETAIL_V3 */

/* ==========================================================
   ISM_RESOURCE_COMPACT_DETAIL_V4
   Wider master list, visible photo and fit-first tabbed detail.
   ========================================================== */

.ism-resource-summary-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 248px);
  gap: 12px;
  align-items: stretch;
  min-width: 0;
}

.ism-resource-summary-data {
  min-width: 0;
}

.ism-resource-summary-layout .ism-resource-compact-grid {
  height: 100%;
  margin: 0;
}

.ism-resource-photo-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dce5ef;
  border-radius: 12px;
  background: #f8fafc;
}

.ism-resource-photo-title {
  margin-bottom: 8px;
  color: #607286;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.ism-resource-photo-frame {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-height: 175px;
  overflow: hidden;
  border: 1px solid #d6e0ea;
  border-radius: 10px;
  background: #fff;
}

.ism-resource-photo-frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 225px;
  object-fit: contain;
}

.ism-resource-photo-frame.is-empty {
  flex-direction: column;
  gap: 7px;
  color: #7c8b9a;
  text-align: center;
}

.ism-resource-photo-frame.is-empty span {
  font-size: 2rem;
}

.ism-resource-photo-open {
  display: block;
  margin-top: 8px;
  color: #0b5cab;
  font-weight: 750;
  text-align: center;
  text-decoration: none;
}

.ism-resource-primary-actions {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px !important;
  margin: 10px 0 !important;
}

.ism-resource-primary-actions > .button,
.ism-resource-primary-actions > button,
.ism-resource-primary-actions > form > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 11px;
  text-align: center;
}

.ism-resource-tabs {
  min-width: 0;
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid #dce5ef;
  border-radius: 12px;
  background: #fff;
}

.ism-resource-tab-list {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  padding: 6px 6px 0;
  border-bottom: 1px solid #dce5ef;
  background: #f5f8fb;
}

.ism-resource-tab {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  margin: 0;
  padding: 7px 13px;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  background: transparent;
  color: #34495e;
  font-weight: 750;
  cursor: pointer;
}

.ism-resource-tab span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  min-height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: #e5edf5;
  font-size: .78rem;
}

.ism-resource-tab.is-active {
  border-color: #dce5ef;
  background: #fff;
  color: #075eae;
}

.ism-resource-tab-panels {
  min-height: 108px;
}

.ism-resource-tab-panel {
  max-height: 150px;
  overflow: auto;
  padding: 10px;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.ism-resource-tab-panel[hidden] {
  display: none !important;
}

.ism-resource-tab-panel .doc-list,
.ism-resource-tab-panel .note {
  margin-top: 0;
  margin-bottom: 8px;
}

.ism-resource-admin-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.ism-resource-admin-actions form,
.ism-resource-admin-actions button {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}

@media (min-width: 1051px) {
  .ism-resource-master-detail {
    grid-template-columns:
      clamp(380px, 22vw, 430px)
      minmax(0, 1fr) !important;
  }

  .ism-resource-detail-panel.ism-resource-detail-compact {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
    padding: 14px !important;
  }

  .ism-resource-detail-compact > h2 {
    margin-top: 0;
    margin-bottom: 8px;
  }

  .ism-resource-detail-compact .status-box {
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .ism-resource-detail-compact .edit-state-note {
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .ism-resource-detail-compact .ism-resource-compact-grid dt,
  .ism-resource-detail-compact .ism-resource-compact-grid dd {
    padding: 8px 10px;
  }
}

@media (min-width: 1051px) and (max-width: 1500px) {
  .ism-resource-summary-layout {
    grid-template-columns: minmax(0, 1fr) minmax(185px, 215px);
  }

  .ism-resource-compact-grid {
    grid-template-columns:
      minmax(115px, .8fr)
      minmax(0, 1.2fr);
  }
}

@media (max-width: 1050px) {
  .ism-resource-summary-layout {
    grid-template-columns: 1fr;
  }

  .ism-resource-photo-frame {
    min-height: 210px;
  }

  .ism-resource-tab-panel {
    max-height: 260px;
  }
}

@media (max-width: 600px) {
  .ism-resource-primary-actions,
  .ism-resource-admin-actions {
    grid-template-columns: 1fr;
  }

  .ism-resource-photo-frame {
    min-height: 180px;
  }
}

/* /ISM_RESOURCE_COMPACT_DETAIL_V4 */

/* ==========================================================
   ISM_RESOURCE_MASTER_LIST_CARD_V5
   Shared compact three-line card contract for master lists.
   ========================================================== */

.ism-resource-card-standard {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  grid-auto-flow: row !important;
  align-content: start !important;
  align-items: start !important;
  justify-items: stretch !important;
  gap: 3px !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  padding: 14px 13px !important;
}

.ism-resource-card-standard > strong,
.ism-resource-card-standard > span,
.ism-resource-card-standard > em {
  position: static !important;
  inset: auto !important;
  grid-column: 1 !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}

.ism-resource-card-standard > strong {
  grid-row: 1 !important;
  color: #122d4a !important;
  font-size: 1rem !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
}

.ism-resource-card-standard > span {
  display: block !important;
  grid-row: 2 !important;
  color: #6b7c8f !important;
  font-size: .84rem !important;
  font-weight: 450 !important;
  line-height: 1.3 !important;
}

.ism-resource-card-standard > em {
  display: block !important;
  grid-row: 3 !important;
  justify-self: start !important;
  align-self: start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #6b7c8f !important;
  font-size: .82rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

.ism-resource-master-list .ladder-list {
  gap: 9px !important;
}

.ism-resource-master-list .ism-resource-list-scroll {
  scroll-padding-bottom: 28px;
}

.ism-resource-master-list .ism-resource-list-scroll::after {
  content: "";
  display: block;
  width: 100%;
  height: 28px;
  min-height: 28px;
  flex: 0 0 28px;
  pointer-events: none;
}

@media (max-width: 600px) {
  .ism-resource-card-standard {
    padding: 13px 12px !important;
  }

  .ism-resource-card-standard > strong {
    font-size: .98rem !important;
  }
}

/* /ISM_RESOURCE_MASTER_LIST_CARD_V5 */

/* ==========================================================
   ISM_RESOURCE_STATUS_COLORS_V5_1
   Shared semantic colors for compact master-list statuses.
   ========================================================== */

.ism-resource-card-standard > em {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: fit-content !important;
  max-width: 100% !important;
  color: #64748b !important;
  font-weight: 700 !important;
}

.ism-resource-card-standard > em::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  min-width: 7px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 14%, transparent);
}

.ism-resource-card-standard > em.LADDER_RELEASED,
.ism-resource-card-standard > em.RACK_RELEASED {
  color: #16823a !important;
}

.ism-resource-card-standard > em.LADDER_NOT_CHECKED,
.ism-resource-card-standard > em.RACK_NOT_INSPECTED {
  color: #486b8a !important;
}

.ism-resource-card-standard > em.LADDER_WITH_DEFECTS,
.ism-resource-card-standard > em.LADDER_DUE_SOON,
.ism-resource-card-standard > em.RACK_WITH_DEFECTS {
  color: #a76500 !important;
}

.ism-resource-card-standard > em.LADDER_DUE {
  color: #c45100 !important;
}

.ism-resource-card-standard > em.LADDER_OUT_OF_SERVICE,
.ism-resource-card-standard > em.RACK_OUT_OF_SERVICE {
  color: #b42318 !important;
}

@supports not (color: color-mix(in srgb, black 10%, transparent)) {
  .ism-resource-card-standard > em::before {
    box-shadow: none;
  }
}

/* /ISM_RESOURCE_STATUS_COLORS_V5_1 */


/* ISM_LOGIN_LAYOUT_V2 */
.ism-login-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0 auto 18px!important}
.ism-login-mark{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:auto!important;max-width:none!important;margin:0 auto!important}
.ism-login-mark img{display:block!important;flex:0 0 96px!important;width:96px!important;height:96px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border-radius:0!important}
.ism-login-mark-word{display:inline-flex!important;align-items:baseline!important;font-weight:900!important;font-size:58px!important;line-height:1!important;letter-spacing:.02em!important;color:#fff!important;white-space:nowrap!important}
.ism-login-mark-word b{color:#f28c18!important}
@media(max-width:700px){.ism-login-mark{gap:9px!important}.ism-login-mark img{flex-basis:82px!important;width:82px!important;height:82px!important}.ism-login-mark-word{font-size:48px!important}}

/* ==========================================================
   ISM_RESOURCE_MOBILE_ARCHITECTURE_V1

   CANONICAL RESOURCE UI CONTRACT

   Shared by:
     Leitern
     Regale
     Betriebsmittel
     future object/resource modules

   Overview:
     Search / QR
     Create
     Filters
     Counters
     Master list

   Detail:
     Persistent application navigation
     Object workspace only
   ========================================================== */


@media (max-width: 1100px) {

  /* ========================================================
     DETAIL MODE
     ======================================================== */

  body.ism-resource-detail-mode
  .ism-resource-overview,

  body.ism-resource-detail-mode
  .ism-resource-reset,

  body.ism-resource-detail-mode
  .ism-resource-views,

  body.ism-resource-detail-mode
  .ism-resource-master-list {

    display: none !important;
  }


  body.ism-resource-detail-mode
  .ism-resource-master-detail {

    display: block !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-top: 0 !important;

    overflow: visible !important;
  }


  body.ism-resource-detail-mode
  .ism-resource-detail-panel {

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    overflow: visible !important;
  }


  body.ism-resource-detail-mode
  .mobile-back-button {

    display: inline-flex !important;
  }


  /* ========================================================
     OVERVIEW MODE
     ======================================================== */

  body.ism-resource-overview-mode
  .ism-resource-master-list {

    display: block !important;

    width: 100% !important;
  }


  body.ism-resource-overview-mode
  .ism-resource-detail-panel {

    display: none !important;
  }
}


/* ==========================================================
   PHONE APPLICATION SHELL
   ========================================================== */

@media (max-width: 820px) {

  /*
   * Prevent horizontal page scrolling without creating
   * the overflow scrolling ancestor that can interfere
   * with CSS sticky inside Chromium/WebView.
   */

  html {

    overflow-x: clip !important;
  }


  body.ism-enterprise-ui {

    --ism-mobile-brand-height: 64px;

    --ism-mobile-mainnav-height: 70px;

    --ism-mobile-header-height:
      calc(
        var(--ism-mobile-brand-height)
        +
        var(--ism-mobile-mainnav-height)
      );

    overflow-x: clip !important;
  }


  /* ========================================================
     GLOBAL HEADER
     ======================================================== */

  body.ism-enterprise-ui
  .enterprise-topbar {

    position: sticky !important;

    top: 0 !important;

    z-index: 1000 !important;

    height:
      var(--ism-mobile-header-height)
      !important;

    min-height:
      var(--ism-mobile-header-height)
      !important;
  }


  /*
   * First row:
   * customer logo / ISM identity / languages / logout
   */

  body.ism-enterprise-ui
  .enterprise-brand-logo-only {

    min-height:
      var(--ism-mobile-brand-height)
      !important;
  }


  /*
   * Übersicht / Prüfstatus / Abteilungsbericht /
   * Reparatur / Freigaben
   */

  body.ism-enterprise-ui
  .enterprise-mainnav {

    height:
      var(--ism-mobile-mainnav-height)
      !important;

    min-height:
      var(--ism-mobile-mainnav-height)
      !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
  }


  body.ism-enterprise-ui
  .enterprise-mainnav > a {

    flex: 0 0 auto !important;
  }


  /* ========================================================
     MODULE NAV
     Leitern / Regale / Betriebsmittel / QR
     ======================================================== */

  body.ism-enterprise-ui
  .enterprise-sidebar {

    position: sticky !important;

    top:
      var(--ism-mobile-header-height)
      !important;

    z-index: 990 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    white-space: nowrap !important;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
  }


  body.ism-enterprise-ui
  .enterprise-mainnav::-webkit-scrollbar,

  body.ism-enterprise-ui
  .enterprise-sidebar::-webkit-scrollbar {

    display: none;
  }


  /*
   * Detail object starts immediately after
   * persistent navigation.
   */

  body.ism-resource-detail-mode
  .enterprise-main {

    padding-top: 10px !important;
  }
}


/* /ISM_RESOURCE_MOBILE_ARCHITECTURE_V1 */



/* ==========================================================
   ISM_MOBILE_SHELL_UX_V2

   COMPACT STICKY NAVIGATION

   Permanent mobile shell UX layer.

   Goals:
     - all navigation remains visible while scrolling
     - no clipped main navigation labels
     - compact company/user row
     - compact primary navigation
     - preserve resource Overview/Detail architecture

   No JavaScript required.
   ========================================================== */

@media (max-width: 820px) {

  body.ism-enterprise-ui {

    --ism-mobile-brand-height: 52px;
    --ism-mobile-mainnav-height: 58px;

    --ism-mobile-header-height:
      calc(
        var(--ism-mobile-brand-height)
        +
        var(--ism-mobile-mainnav-height)
      );
  }


  /* -------------------------------------------------------
     COMPANY / LANGUAGE ROW
     ------------------------------------------------------- */

  body.ism-enterprise-ui
  .enterprise-brand-logo-only {

    height:
      var(--ism-mobile-brand-height)
      !important;

    min-height:
      var(--ism-mobile-brand-height)
      !important;

    padding: 5px 10px !important;
  }


  body.ism-enterprise-ui
  .enterprise-brand-logo-only
  .enterprise-company-logo {

    max-width: 128px !important;
    max-height: 40px !important;

    padding: 4px !important;
  }


  body.ism-enterprise-ui
  .enterprise-usernav {

    top: 9px !important;
    right: 6px !important;

    max-width:
      calc(100vw - 142px)
      !important;

    gap: 3px !important;

    overflow: visible !important;
  }


  body.ism-enterprise-ui
  .enterprise-usernav a {

    min-height: 32px !important;

    padding: 5px 6px !important;

    font-size: 11px !important;
    line-height: 1 !important;
  }


  /* -------------------------------------------------------
     PRIMARY NAVIGATION

     All current primary actions share available width.
     Long German/Russian labels may use two lines instead
     of being clipped outside the viewport.
     ------------------------------------------------------- */

  body.ism-enterprise-ui
  .enterprise-mainnav {

    height:
      var(--ism-mobile-mainnav-height)
      !important;

    min-height:
      var(--ism-mobile-mainnav-height)
      !important;

    width: 100% !important;

    overflow-x: hidden !important;
    overflow-y: hidden !important;

    scroll-snap-type: none !important;
  }


  body.ism-enterprise-ui
  .enterprise-mainnav > a {

    flex: 1 1 0 !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    min-height:
      var(--ism-mobile-mainnav-height)
      !important;

    padding: 3px 2px !important;

    gap: 2px !important;

    font-size: 18px !important;

    overflow: hidden !important;
  }


  body.ism-enterprise-ui
  .enterprise-mainnav > a > span {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 0 1px !important;

    font-size: 10.5px !important;
    line-height: 1.08 !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;
    word-break: normal !important;

    text-align: center !important;
  }


  /* -------------------------------------------------------
     MODULE NAVIGATION
     ------------------------------------------------------- */

  body.ism-enterprise-ui
  .enterprise-sidebar {

    top:
      var(--ism-mobile-header-height)
      !important;

    min-height: 46px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
  }


  body.ism-enterprise-ui
  .enterprise-sidebar a {

    min-height: 46px !important;

    padding: 10px 12px !important;

    font-size: 13px !important;
  }


  /* Slightly tighter page spacing under the shell. */

  body.ism-enterprise-ui
  .enterprise-main {

    padding-left: 8px !important;
    padding-right: 8px !important;
  }


  body.ism-resource-detail-mode
  .enterprise-main {

    padding-top: 8px !important;
  }
}


@media (max-width: 430px) {

  body.ism-enterprise-ui
  .enterprise-mainnav > a > span {

    font-size: 10px !important;
  }

  body.ism-enterprise-ui
  .enterprise-usernav a {

    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}


/* /ISM_MOBILE_SHELL_UX_V2 */


/* ==========================================================
   ISM_MOBILE_SHELL_UX_V21
   Controlled wrapping for compact primary navigation.
   ========================================================== */

@media (max-width: 820px) {
  body.ism-enterprise-ui .enterprise-mainnav > a > span {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: manual !important;
  }
}

/* /ISM_MOBILE_SHELL_UX_V21 */


/* ==========================================================
   ISM_RESOURCE_FILTER_PANEL_V1
   Shared by all resource modules using the common toolbar.
   Desktop/tablet: existing filters remain visible.
   Phone: filters collapse into one compact control.
   ========================================================== */

.ism-resource-filter-panel {
  min-width: 0;
}

.ism-resource-filter-summary {
  display: none;
}

.ism-resource-filter-content {
  display: block;
}

@media (max-width: 760px) {
  .ism-resource-filter-panel {
    display: block;
    margin: 0;
  }

  .ism-resource-filter-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 50px;
    padding: 10px 14px;
    border: 1px solid #cad7e6;
    border-radius: 12px;
    background: #fff;
    color: #173652;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
    box-shadow: 0 1px 3px rgba(15,42,70,.05);
    list-style: none;
  }

  .ism-resource-filter-summary::-webkit-details-marker {
    display: none;
  }

  .ism-resource-filter-summary-title,
  .ism-resource-filter-summary-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .ism-resource-filter-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    border-radius: 999px;
    background: #0b5cab;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
  }

  /* ISM_RESOURCE_FILTER_CHEVRON_SVG_V2 */
  .ism-resource-filter-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    color: #173b63;
    line-height: 0;
    pointer-events: none;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
    transition:
      transform .18s cubic-bezier(.4,0,.2,1),
      color .18s ease;
  }

  .ism-resource-filter-chevron svg {
    display: block;
    width: 24px;
    height: 24px;
    overflow: visible;
  }

  .ism-resource-filter-panel:not([open]) > .ism-resource-filter-content {
    display: none;
  }

  .ism-resource-filter-panel[open] > .ism-resource-filter-content {
    display: block;
    margin-top: 8px;
  }

  .ism-resource-filter-panel[open]
  > .ism-resource-filter-summary
  .ism-resource-filter-chevron {
    transform: rotate(180deg);
  }

  .ism-resource-filter-content .ism-resource-filters {
    margin: 0 !important;
  }
}

@media (min-width: 761px) {
  .ism-resource-filter-panel,
  .ism-resource-filter-panel:not([open]) {
    display: block;
  }

  .ism-resource-filter-panel > .ism-resource-filter-content,
  .ism-resource-filter-panel:not([open]) > .ism-resource-filter-content {
    display: block !important;
  }
}

/* /ISM_RESOURCE_FILTER_PANEL_V1 */


/* ==========================================================
   ISM_RESOURCE_DETAIL_UI_CONTRACT_V1
   Shared mobile visual contract for:
     - Leitern
     - Regale
     - Betriebsmittel

   Presentation only.
   Desktop/business logic/action routing remain untouched.
   ========================================================== */

@media (max-width: 820px) {

  /*
   * --------------------------------------------------------
   * DETAIL WORKING AREA
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode .enterprise-main {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;

    /*
     * Fixed mobile action bar must never cover the last
     * resource content.
     */
    padding-bottom: calc(
      116px + env(safe-area-inset-bottom, 0px)
    ) !important;
  }


  /*
   * --------------------------------------------------------
   * SHARED DETAIL CARD
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-detail-panel {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 18px 20px 24px !important;

    border: 1px solid #d6e0ea !important;
    border-top: 4px solid #0b5cab !important;
    border-radius: 20px !important;

    background: #ffffff !important;

    box-shadow:
      0 5px 18px rgba(8, 40, 74, .10) !important;

    overflow: visible !important;
  }


  /*
   * --------------------------------------------------------
   * BACK BUTTON
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  > .mobile-back-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;

    margin: 10px 0 16px !important;
    padding: 9px 14px !important;

    border: 1px solid #c9d8e8 !important;
    border-radius: 12px !important;

    background: #f2f7fd !important;
    color: #0b5cab !important;

    font-weight: 800 !important;
    text-decoration: none !important;
  }


  /*
   * --------------------------------------------------------
   * OBJECT TITLE
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-detail-panel > h2 {
    margin: 0 0 18px !important;

    color: #162238 !important;

    font-size: clamp(28px, 7.5vw, 34px) !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;

    overflow-wrap: anywhere;
  }


  /*
   * Betriebsmittel uses a card-header instead of the
   * Leitern/Regale heading structure.
   */
  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  > .card-header:first-of-type {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  > .card-header:first-of-type h1,

  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  > .card-header:first-of-type h2 {
    margin-top: 0 !important;
    margin-bottom: 5px !important;

    color: #162238 !important;

    font-size: clamp(28px, 7.5vw, 34px) !important;
    line-height: 1.12 !important;
  }


  /*
   * --------------------------------------------------------
   * STATUS / READ-ONLY STATE
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .status-box {
    margin: 0 0 12px !important;
    padding: 12px 14px !important;

    border-radius: 18px !important;

    line-height: 1.38 !important;
    overflow-wrap: anywhere;
  }

  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .edit-state-note {
    margin: 0 0 14px !important;
    padding: 10px 13px !important;

    border-radius: 11px !important;

    line-height: 1.35 !important;
  }


  /*
   * --------------------------------------------------------
   * SUMMARY / MASTER DATA
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-summary-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    gap: 14px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 16px !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-summary-data {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-compact-grid {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    overflow: hidden !important;

    border: 1px solid #d9e4ee !important;
    border-radius: 14px !important;

    background: #fff !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-compact-grid dt,

  body.ism-resource-detail-mode
  .ism-resource-compact-grid dd {
    min-width: 0 !important;

    padding-top: 9px !important;
    padding-bottom: 9px !important;

    overflow-wrap: anywhere;
  }


  /*
   * --------------------------------------------------------
   * PHOTO
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-photo-card {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 12px !important;

    border: 1px solid #d9e4ee !important;
    border-radius: 15px !important;

    background: #f8fafc !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-photo-title {
    margin-bottom: 9px !important;

    color: #607286 !important;

    font-size: .82rem !important;
    font-weight: 800 !important;
    letter-spacing: .01em;
  }

  body.ism-resource-detail-mode
  .ism-resource-photo-frame {
    width: 100% !important;

    min-height: 180px !important;
    max-height: none !important;

    border-radius: 12px !important;

    background: #fff !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-photo-frame img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 430px !important;

    object-fit: contain !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-photo-open {
    min-height: 42px;

    margin-top: 8px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    color: #0b5cab !important;

    font-weight: 800 !important;
    text-decoration: none !important;
  }


  /*
   * --------------------------------------------------------
   * TABS / DOCUMENTS / HISTORY
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-tabs {
    width: 100% !important;
    min-width: 0 !important;

    margin-top: 14px !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-tab-list {
    display: flex !important;

    gap: 6px !important;

    max-width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: thin;
  }

  body.ism-resource-detail-mode
  .ism-resource-tab {
    flex: 0 0 auto !important;

    min-height: 46px !important;

    padding: 9px 13px !important;

    white-space: nowrap !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-tab-panel {
    max-height: none !important;

    overflow: visible !important;
  }

  body.ism-resource-detail-mode
  .doc-list {
    max-height: none !important;

    overflow: visible !important;
  }

  body.ism-resource-detail-mode
  .doc-row,

  body.ism-resource-detail-mode
  .mini-card {
    min-width: 0 !important;

    overflow-wrap: anywhere;
  }


  /*
   * --------------------------------------------------------
   * BETRIEBSMITTEL / LONG TABLE CONTENT
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .table-wrap {
    width: 100% !important;
    max-width: 100% !important;

    overflow-x: auto !important;
    overflow-y: visible !important;

    -webkit-overflow-scrolling: touch;
  }

  body.ism-resource-detail-mode
  .table-wrap table {
    min-width: 620px;
  }

  body.ism-resource-detail-mode
  .lifecycle-history,

  body.ism-resource-detail-mode
  .lifecycle-panel,

  body.ism-resource-detail-mode
  .archived-resource-card {
    margin-top: 16px !important;
  }


  /*
   * --------------------------------------------------------
   * SECTION RHYTHM
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-detail-panel > .card-header:not(:first-of-type) {
    margin-top: 18px !important;
    margin-bottom: 10px !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-detail-panel h3 {
    color: #18263a;
  }


  /*
   * --------------------------------------------------------
   * ACTION BAR COMPATIBILITY
   * --------------------------------------------------------
   *
   * resource_detail_action_bar.js remains the owner of
   * mobile actions. No duplicate action implementation here.
   */

  body.ism-resource-detail-mode.ism-detail-actionbar-ready
  .enterprise-main {
    padding-bottom: calc(
      118px + env(safe-area-inset-bottom, 0px)
    ) !important;
  }
}


/*
 * Extra-small phones:
 * protect useful horizontal working area.
 */
@media (max-width: 430px) {

  body.ism-resource-detail-mode
  .ism-resource-detail-panel {
    padding-left: 14px !important;
    padding-right: 14px !important;

    border-radius: 17px !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-detail-panel > h2 {
    font-size: 28px !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-compact-grid dt,

  body.ism-resource-detail-mode
  .ism-resource-compact-grid dd {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* /ISM_RESOURCE_DETAIL_UI_CONTRACT_V1 */



/* ==========================================================
   ISM_RESOURCE_DETAIL_UI_CONTRACT_V1_1

   Betriebsmittel mobile Detail normalization.

   Desktop remains unchanged.
   Business logic remains unchanged.
   ========================================================== */


/*
 * Mobile semantic content is hidden by default.
 * This guarantees zero Desktop presentation change.
 */
.bm-detail-mobile-only {
  display: none !important;
}


@media (max-width: 820px) {

  /*
   * --------------------------------------------------------
   * BETRIEBSMITTEL OBJECT HEADER
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .bm-detail-object-header {
    display: block !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    border: 0 !important;
  }


  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .bm-detail-title-block {
    display: block !important;

    min-width: 0 !important;
  }


  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .bm-detail-title {
    margin: 0 0 10px !important;

    color: #162238 !important;

    font-size: clamp(
      28px,
      7.5vw,
      34px
    ) !important;

    line-height: 1.12 !important;
    font-weight: 800 !important;

    overflow-wrap: anywhere;
  }


  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .bm-detail-subtitle {
    margin: -2px 0 10px !important;

    color: #687a8e !important;

    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    overflow-wrap: anywhere;
  }


  /*
   * --------------------------------------------------------
   * MOBILE STATUS
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .bm-detail-mobile-only {
    display: block !important;
  }


  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .bm-detail-status-box {
    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 12px 14px !important;

    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 18px !important;

    font-size: 17px !important;
    line-height: 1.38 !important;
    font-weight: 800 !important;

    overflow-wrap: anywhere;
  }


  /*
   * --------------------------------------------------------
   * READ-ONLY STATE
   * --------------------------------------------------------
   */

  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .bm-detail-edit-state {
    width: 100% !important;

    margin: 0 0 14px !important;
    padding: 10px 13px !important;

    border: 1px solid #b8b8b8 !important;
    border-radius: 11px !important;

    background: #eeeeee !important;
    color: #555555 !important;

    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;

    overflow-wrap: anywhere;
  }


  /*
   * --------------------------------------------------------
   * STATUS IS NOW ABOVE MASTER DATA ON MOBILE
   * --------------------------------------------------------
   *
   * Desktop keeps the original Status row.
   */

  body.ism-resource-detail-mode
  .ism-resource-compact-grid
  .bm-detail-status-grid-label,

  body.ism-resource-detail-mode
  .ism-resource-compact-grid
  .bm-detail-status-grid-value {
    display: none !important;
  }


  /*
   * Existing header actions remain the source of truth
   * for resource_detail_action_bar.js.
   *
   * Do not remove them from DOM.
   */
  body.ism-resource-detail-mode
  .bm-card-header-actions {
    position: static;
  }

}


/*
 * Extra-small mobile refinement.
 */
@media (max-width: 430px) {

  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .bm-detail-title {
    font-size: 28px !important;
  }

  body.ism-resource-detail-mode
  .ism-resource-detail-panel
  .bm-detail-status-box {
    font-size: 16px !important;
  }

}

/* /ISM_RESOURCE_DETAIL_UI_CONTRACT_V1_1 */

/* ISM_ENTERPRISE_LEGAL_V1 */

.ism-enterprise-legal{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

.ism-enterprise-legal-hero{
  display:flex;
  align-items:center;
  gap:24px;
  padding-bottom:24px;
  margin-bottom:24px;
  border-bottom:1px solid #dbe5ed;
}

.ism-enterprise-legal-logo{
  width:92px;
  height:92px;
  flex:0 0 92px;
  object-fit:contain;
}

.ism-enterprise-eyebrow{
  color:#1769aa;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.ism-enterprise-legal h2{
  margin-top:0;
  margin-bottom:8px;
  color:#102f4d;
}

.ism-enterprise-legal h3{
  margin-top:28px;
  margin-bottom:8px;
  color:#173e5f;
}

.ism-enterprise-lead{
  margin:0;
  max-width:720px;
  color:#61788a;
  line-height:1.55;
}

.ism-enterprise-info-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
  margin:22px 0 26px;
}

.ism-enterprise-info-grid > div{
  padding:15px 17px;
  border:1px solid #dce5ed;
  border-radius:12px;
  background:#f8fbfd;
}

.ism-enterprise-info-grid span{
  display:block;
  margin-bottom:5px;
  color:#687e90;
  font-size:.76rem;
  font-weight:700;
}

.ism-enterprise-info-grid strong{
  color:#102f4d;
  line-height:1.4;
}

.ism-enterprise-section p,
.ism-enterprise-legal > p{
  line-height:1.65;
}

.ism-enterprise-license-badge{
  display:inline-flex;
  margin:8px 0 12px;
  padding:7px 12px;
  border:1px solid #bad3e5;
  border-radius:999px;
  background:#eef7fd;
  color:#175784;
  font-size:.8rem;
  font-weight:700;
}

.ism-enterprise-copyright,
.ism-enterprise-legal-notice{
  margin-top:30px;
  padding:16px 18px;
  border-left:4px solid #f28c28;
  border-radius:9px;
  background:#f7fafc;
  color:#173e5f;
}

.ism-enterprise-copyright small{
  display:block;
  margin-top:8px;
  color:#687e90;
  line-height:1.5;
}

.ism-login-legal{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  margin:16px auto 0;
  padding:12px 10px 4px;
  max-width:520px;
  text-align:center;
  font-size:.7rem;
  line-height:1.4;
  opacity:.72;
}

.ism-login-legal strong{
  font-size:.73rem;
}

@media(max-width:640px){

  .ism-enterprise-legal-hero{
    align-items:flex-start;
    gap:16px;
  }

  .ism-enterprise-legal-logo{
    width:68px;
    height:68px;
    flex-basis:68px;
  }

  .ism-enterprise-info-grid{
    grid-template-columns:1fr;
  }
}

/* /ISM_ENTERPRISE_LEGAL_V1 */


/* ISM_INFORMATION_PRODUCT_V2 */

.ism-info-v2,
.ism-data-v2,
.ism-history-v2,
.ism-settings-v2{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.ism-info-v2-hero{
  display:flex;
  align-items:center;
  gap:20px;
  padding-bottom:22px;
  border-bottom:1px solid #dbe5ed;
}

.ism-info-v2-question{
  width:68px;
  height:68px;
  flex:0 0 68px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:
    linear-gradient(
      145deg,
      #0b5cab,
      #08284a
    );
  color:#fff;
  font-size:36px;
  font-weight:900;
  box-shadow:
    0 8px 22px rgba(8,40,74,.18);
}

.ism-info-v2-hero h2{
  margin:4px 0 7px;
}

.ism-info-v2-hero p{
  max-width:800px;
  margin:0;
  color:#62788a;
  line-height:1.55;
}

.ism-info-v2-search{
  display:flex;
  align-items:center;
  gap:10px;
  margin:20px 0 14px;
  padding:0 14px;
  border:1px solid #cbd8e4;
  border-radius:12px;
  background:#fff;
}

.ism-info-v2-search span{
  color:#52718a;
  font-size:24px;
}

.ism-info-v2-search input{
  width:100%;
  border:0!important;
  outline:0;
  box-shadow:none!important;
  background:transparent!important;
}

.ism-info-v2-shortcuts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}

.ism-info-v2-shortcuts a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 11px;
  border:1px solid #d0dce6;
  border-radius:999px;
  background:#f8fbfd;
  color:#174e7a;
  text-decoration:none;
  font-size:.78rem;
  font-weight:700;
}

.ism-info-v2-shortcuts a:hover{
  background:#edf6fd;
  border-color:#abc8dc;
}

.ism-info-v2-topic{
  padding:25px 0;
  border-top:1px solid #e3eaf0;
  scroll-margin-top:155px;
}

.ism-info-v2-title{
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-bottom:16px;
}

.ism-info-v2-title > b{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#eef6fc;
  color:#0b5cab;
  font-size:.78rem;
}

.ism-info-v2-title h3{
  margin:0 0 4px;
  color:#133b5b;
}

.ism-info-v2-title p{
  margin:0;
  color:#6a7f90;
}

.ism-info-v2-steps{
  display:grid;
  grid-template-columns:
    repeat(5,minmax(0,1fr));
  gap:9px;
}

.ism-info-v2-steps > div{
  padding:14px;
  border:1px solid #dbe4ec;
  border-radius:12px;
  background:#f8fbfd;
}

.ism-info-v2-steps b{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin-bottom:10px;
  border-radius:50%;
  background:#0b5cab;
  color:#fff;
  font-size:.72rem;
}

.ism-info-v2-steps strong,
.ism-info-v2-steps span{
  display:block;
}

.ism-info-v2-steps strong{
  color:#173e5f;
  margin-bottom:5px;
}

.ism-info-v2-steps span{
  color:#667d8f;
  font-size:.82rem;
  line-height:1.4;
}

.ism-info-v2-cardgrid,
.ism-info-v2-productgrid{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:12px;
}

.ism-info-v2-cardgrid-2{
  grid-template-columns:
    repeat(2,minmax(0,1fr));
}

.ism-info-v2-cardgrid > a,
.ism-info-v2-cardgrid > div,
.ism-info-v2-productgrid > a{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:112px;
  padding:16px;
  border:1px solid #d8e2eb;
  border-radius:13px;
  background:#f8fbfd;
  color:#173e5f;
  text-decoration:none;
}

.ism-info-v2-cardgrid > a:hover,
.ism-info-v2-productgrid > a:hover{
  border-color:#aac5da;
  box-shadow:0 5px 17px rgba(8,40,74,.08);
  transform:translateY(-1px);
}

.ism-info-v2-cardgrid strong,
.ism-info-v2-productgrid strong{
  color:#102f4d;
}

.ism-info-v2-cardgrid span,
.ism-info-v2-productgrid span{
  color:#657b8c;
  line-height:1.45;
}

.ism-info-v2-flow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:8px 0 16px;
}

.ism-info-v2-flow span{
  padding:9px 12px;
  border:1px solid #d6e1ea;
  border-radius:9px;
  background:#f8fbfd;
  color:#173e5f;
  font-weight:700;
  font-size:.82rem;
}

.ism-info-v2-flow i{
  color:#8093a3;
  font-style:normal;
}

.ism-info-v2-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:12px;
}

.ism-info-v2-faq{
  display:grid;
  gap:9px;
}

.ism-info-v2-faq details{
  border:1px solid #dbe4ec;
  border-radius:11px;
  background:#f8fbfd;
  overflow:hidden;
}

.ism-info-v2-faq summary{
  cursor:pointer;
  padding:13px 15px;
  color:#173e5f;
  font-weight:700;
}

.ism-info-v2-faq details p{
  margin:0;
  padding:0 15px 15px;
  color:#5f7587;
  line-height:1.5;
}

.ism-info-v2-productgrid{
  grid-template-columns:
    repeat(5,minmax(0,1fr));
}

.ism-info-v2-footer{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:8px 18px;
  margin-top:20px;
  padding:14px 17px;
  border-radius:11px;
  background:#0a2d50;
  color:#eaf4ff;
  font-size:.78rem;
}

.ism-info-v2-noresults{
  margin:24px 0;
  padding:20px;
  border:1px dashed #c8d6e2;
  border-radius:11px;
  color:#687e90;
  text-align:center;
}

.ism-data-v2-intro,
.ism-history-v2-intro{
  margin:10px 0 24px;
  padding:14px 16px;
  border-left:4px solid #0b5cab;
  border-radius:9px;
  background:#f7fafc;
  color:#536c7f;
  line-height:1.6;
}

.ism-data-v2-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
}

.ism-data-v2-grid article{
  padding:16px;
  border:1px solid #dbe4ec;
  border-radius:12px;
  background:#f8fbfd;
}

.ism-data-v2-grid strong{
  display:block;
  margin-bottom:7px;
  color:#153b5a;
}

.ism-data-v2-grid p{
  margin:0;
  color:#5f7587;
  line-height:1.5;
}

.ism-data-v2-section{
  margin-top:26px;
}

.ism-data-v2-section h3{
  color:#153b5a;
}

.ism-data-v2-section p{
  line-height:1.65;
}

.ism-data-v2-note,
.ism-history-v2-note{
  margin-top:27px;
  padding:16px 18px;
  border-left:4px solid #f28c18;
  border-radius:9px;
  background:#f7fafc;
  color:#173e5f;
}

.ism-data-v2-note p{
  margin:7px 0 0;
  line-height:1.55;
}

.ism-history-v2-current{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
  padding:8px 13px;
  border:1px solid #b9d5e9;
  border-radius:999px;
  background:#eef7fd;
}

.ism-history-v2-current span{
  color:#567184;
  font-size:.78rem;
}

.ism-history-v2-current strong{
  color:#0b5cab;
}

.ism-history-v2-timeline article{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:22px;
  padding:21px 0;
  border-top:1px solid #e2e9ef;
}

.ism-history-v2-timeline article:first-child{
  border-top:0;
}

.ism-history-v2-version{
  align-self:start;
  display:flex;
  justify-content:center;
  padding:8px 10px;
  border-radius:10px;
  background:#edf2f7;
  color:#24445f;
  font-weight:800;
}

.ism-history-v2-timeline article.current
.ism-history-v2-version{
  background:#0b5cab;
  color:#fff;
}

.ism-history-v2-timeline h3{
  margin:0 0 8px;
  color:#153b5a;
}

.ism-history-v2-timeline p{
  margin:0;
  color:#536c7f;
  line-height:1.6;
}

.ism-history-v2-timeline ul{
  margin:0;
  padding-left:20px;
  line-height:1.65;
}

.ism-settings-v2-header p{
  max-width:800px;
  color:#62788a;
  line-height:1.55;
}

.ism-settings-v2-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}

.ism-settings-v2-tile{
  display:flex;
  gap:15px;
  padding:17px;
  border:1px solid #dbe4ec;
  border-radius:13px;
  background:#f8fbfd;
}

.ism-settings-v2-icon{
  font-size:28px;
}

.ism-settings-v2-tile h3{
  margin:0 0 6px;
  color:#153b5a;
}

.ism-settings-v2-tile p{
  margin:0 0 12px;
  color:#61788a;
  line-height:1.5;
}

.ism-settings-v2-info{
  display:flex;
  gap:14px;
  margin-top:22px;
  padding:16px;
  border-left:4px solid #0b5cab;
  border-radius:10px;
  background:#f7fafc;
}

.ism-settings-v2-info > span{
  font-size:24px;
  color:#0b5cab;
}

.ism-settings-v2-info p{
  margin:5px 0 12px;
  color:#607688;
  line-height:1.5;
}

@media(max-width:1000px){

  .ism-info-v2-steps{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

  .ism-info-v2-productgrid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}

@media(max-width:760px){

  .ism-info-v2-hero{
    align-items:flex-start;
    gap:13px;
  }

  .ism-info-v2-question{
    width:54px;
    height:54px;
    flex-basis:54px;
    border-radius:14px;
    font-size:28px;
  }

  .ism-info-v2-steps,
  .ism-info-v2-cardgrid,
  .ism-info-v2-cardgrid-2,
  .ism-info-v2-productgrid,
  .ism-data-v2-grid,
  .ism-settings-v2-grid{
    grid-template-columns:1fr;
  }

  .ism-history-v2-timeline article{
    grid-template-columns:1fr;
    gap:9px;
  }

  .ism-history-v2-version{
    justify-self:start;
  }

  .ism-info-v2-footer{
    flex-direction:column;
  }

}

/* /ISM_INFORMATION_PRODUCT_V2 */


/* ISM_INFORMATION_UX_V22 */

/* ---------------------------------------------------------
   Header / navigation context
--------------------------------------------------------- */

.enterprise-mainnav-placeholder{
  min-width:1px;
}

.sidebar-information-section{
  margin-top:2px;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.12);
}

.ism-context-backbar{
  max-width:1180px;
  margin:0 auto 10px;
}

.ism-context-backbar a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:6px 10px;
  border-radius:8px;
  color:#285571;
  text-decoration:none;
  font-size:.82rem;
  font-weight:700;
}

.ism-context-backbar a:hover{
  background:#eaf2f8;
}


/* ---------------------------------------------------------
   Documentation
--------------------------------------------------------- */

.ism-info-doc{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.ism-info-doc-header{
  padding:4px 2px 22px;
}

.ism-info-doc-header h2{
  margin:5px 0 7px;
  color:#102f4d;
}

.ism-info-doc-header p{
  max-width:760px;
  margin:0;
  color:#647b8d;
  line-height:1.55;
}

.ism-info-doc-section{
  padding:25px 2px;
  border-top:1px solid #dfe7ed;
}

.ism-info-doc-section-heading{
  margin-bottom:14px;
}

.ism-info-doc-section-heading h3{
  margin:0 0 4px;
  color:#153b59;
}

.ism-info-doc-section-heading p{
  margin:0;
  color:#728697;
  line-height:1.45;
}


/* ---------------------------------------------------------
   Calm accordion:
   no dashboard cards, no number boxes.
--------------------------------------------------------- */

.ism-doc-accordion,
.ism-doc-faq{
  border-top:1px solid #dce5eb;
}

.ism-doc-accordion details,
.ism-doc-faq details{
  border-bottom:1px solid #dce5eb;
}

.ism-doc-accordion summary,
.ism-doc-faq summary{
  position:relative;
  cursor:pointer;
  list-style:none;
  padding:15px 32px 15px 2px;
  color:#153b59;
  font-weight:750;
}

.ism-doc-accordion summary::-webkit-details-marker,
.ism-doc-faq summary::-webkit-details-marker{
  display:none;
}

.ism-doc-accordion summary::after,
.ism-doc-faq summary::after{
  content:"+";
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  color:#55778f;
  font-size:20px;
  font-weight:400;
}

.ism-doc-accordion details[open] summary::after,
.ism-doc-faq details[open] summary::after{
  content:"−";
}

.ism-doc-detail-body{
  max-width:960px;
  padding:0 2px 18px;
  color:#334f64;
  line-height:1.62;
}

.ism-doc-detail-body p{
  margin:7px 0 15px;
}

.ism-doc-detail-body ol{
  margin:4px 0;
  padding-left:24px;
}

.ism-doc-detail-body li{
  margin:6px 0;
}

.ism-doc-detail-body h4{
  margin:20px 0 5px;
  color:#173e5f;
}

.ism-doc-detail-body h4:first-child{
  margin-top:3px;
}


/* ---------------------------------------------------------
   Module links inside documentation
--------------------------------------------------------- */

.ism-doc-module-links{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0 18px;
}

.ism-doc-module-links a{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 13px;
  border:1px solid #d8e2ea;
  border-radius:9px;
  background:#f8fafc;
  text-decoration:none;
}

.ism-doc-module-links strong{
  color:#153b59;
}

.ism-doc-module-links span{
  color:#687e90;
  font-size:.8rem;
  line-height:1.4;
}

.ism-doc-module-links a:hover{
  border-color:#a9c4d8;
  background:#f2f7fa;
}


/* ---------------------------------------------------------
   Workflow
--------------------------------------------------------- */

.ism-doc-flow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-top:14px;
}

.ism-doc-flow span{
  color:#254c68;
  font-weight:700;
  font-size:.8rem;
}

.ism-doc-flow b{
  color:#8ca0af;
  font-weight:400;
}

.ism-doc-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}


/* ---------------------------------------------------------
   FAQ
--------------------------------------------------------- */

.ism-doc-faq p{
  max-width:900px;
  margin:0;
  padding:0 2px 16px;
  color:#526d80;
  line-height:1.55;
}


/* ---------------------------------------------------------
   Product information:
   simple rows instead of five cards.
--------------------------------------------------------- */

.ism-doc-product-links{
  border-top:1px solid #dce5eb;
}

.ism-doc-product-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:13px 4px;
  border-bottom:1px solid #dce5eb;
  text-decoration:none;
}

.ism-doc-product-links a > span{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.ism-doc-product-links strong{
  color:#153b59;
}

.ism-doc-product-links small{
  color:#728697;
  font-size:.78rem;
}

.ism-doc-product-links b{
  color:#6f8ba0;
  font-size:22px;
  font-weight:400;
}

.ism-doc-product-links a:hover{
  padding-left:9px;
  background:#f8fafc;
}


/* ---------------------------------------------------------
   Footer
--------------------------------------------------------- */

.ism-info-doc-footer{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:17px 2px 3px;
  border-top:1px solid #dfe7ed;
  color:#708494;
  font-size:.76rem;
}


/* ---------------------------------------------------------
   Mobile
--------------------------------------------------------- */

@media(max-width:760px){

  .ism-context-backbar{
    margin-bottom:7px;
  }

  .ism-info-doc{
    border-radius:10px;
  }

  .ism-info-doc-header{
    padding-bottom:17px;
  }

  .ism-info-doc-section{
    padding:21px 0;
  }

  .ism-doc-module-links{
    grid-template-columns:1fr;
  }

  .ism-info-doc-footer{
    flex-direction:column;
    gap:4px;
  }

}

/* /ISM_INFORMATION_UX_V22 */


/* ISM_MOBILE_HEADER_FIX_V1 */

@media(max-width:900px){

  /*
   * Information/System pages use a placeholder instead
   * of the module operation navigation.
   * On mobile that placeholder must occupy ZERO space.
   */
  .enterprise-mainnav-placeholder{
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  /*
   * Keep the brand/header background visually continuous.
   * No navigation layout changes are made here.
   */
  .enterprise-topbar{
    background-color:#082f52!important;
  }

  .enterprise-brand{
    background-color:transparent!important;
  }

  .enterprise-usernav{
    background-color:transparent!important;
  }

}

/* /ISM_MOBILE_HEADER_FIX_V1 */


/* ISM_NON_MODULE_HEADER_COLLAPSE_V1 */

@media(max-width:900px){

  /*
   * Normal module pages:
   *
   *   brand row
   *   + primary module navigation
   *
   * Non-module pages do not render enterprise-mainnav.
   * Therefore their topbar must reserve ONLY the brand row.
   */

  body.ism-enterprise-ui.ism-non-module-area
  .enterprise-topbar{

    height:
      var(--ism-mobile-brand-height)
      !important;

    min-height:
      var(--ism-mobile-brand-height)
      !important;

  }


  /*
   * The horizontal application/sidebar navigation becomes
   * sticky directly below the compact brand row.
   */

  body.ism-enterprise-ui.ism-non-module-area
  .enterprise-sidebar{

    top:
      var(--ism-mobile-brand-height)
      !important;

  }


  /*
   * Placeholder remains physically absent.
   */

  body.ism-enterprise-ui.ism-non-module-area
  .enterprise-mainnav-placeholder{

    display:none!important;

    width:0!important;
    height:0!important;

    min-width:0!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    border:0!important;

  }

}

/* /ISM_NON_MODULE_HEADER_COLLAPSE_V1 */


/* ISM_HEADER_GEOMETRY_STANDARD_V1 */

@media(max-width:900px){

  /*
   * The company/language row has one fixed geometry.
   *
   * Module pages:
   *   brand row + operation navigation
   *
   * Non-module pages:
   *   only brand row
   *
   * Missing operation navigation must never stretch
   * the company row.
   */

  body.ism-enterprise-ui
  .enterprise-brand-logo-only{

    height:
      var(--ism-mobile-brand-height)
      !important;

    min-height:
      var(--ism-mobile-brand-height)
      !important;

    max-height:
      var(--ism-mobile-brand-height)
      !important;

    box-sizing:border-box!important;
  }


  body.ism-enterprise-ui.ism-non-module-area
  .enterprise-topbar{

    height:
      var(--ism-mobile-brand-height)
      !important;

    min-height:
      var(--ism-mobile-brand-height)
      !important;

    max-height:
      var(--ism-mobile-brand-height)
      !important;
  }


  body.ism-enterprise-ui.ism-non-module-area
  .enterprise-brand-logo-only{

    height:
      var(--ism-mobile-brand-height)
      !important;

    min-height:
      var(--ism-mobile-brand-height)
      !important;

    max-height:
      var(--ism-mobile-brand-height)
      !important;

    align-self:start!important;
  }


  body.ism-enterprise-ui.ism-non-module-area
  .enterprise-mainnav-placeholder{

    display:none!important;

    flex:0 0 0!important;

    width:0!important;
    height:0!important;

    min-width:0!important;
    min-height:0!important;

    max-width:0!important;
    max-height:0!important;

    margin:0!important;
    padding:0!important;
    border:0!important;
  }

}

/* /ISM_HEADER_GEOMETRY_STANDARD_V1 */


/* ISM_MOBILE_NAV_ORDER_V1 */

@media(max-width:900px){

  /*
   * ========================================================
   * MOBILE HEADER ORDER
   *
   * ROW 1:
   * Company logo + languages + logout
   *
   * ROW 2:
   * Leitern / Regale / Betriebsmittel / QR / ...
   *
   * ROW 3:
   * Übersicht / Prüfstatus / ...
   * only where such operation navigation exists.
   *
   * Desktop is completely untouched.
   * ========================================================
   */


  body.ism-mobile-nav-order-active
  .enterprise-topbar{

    height:auto!important;
    min-height:var(--ism-mobile-brand-height)!important;
    max-height:none!important;

    grid-template-rows:
      var(--ism-mobile-brand-height)
      auto
      auto
      !important;

  }


  /*
   * Brand row remains fixed and identical everywhere.
   */

  body.ism-mobile-nav-order-active
  .enterprise-topbar
  > .enterprise-brand-logo-only{

    grid-row:1!important;
    grid-column:1!important;

    height:
      var(--ism-mobile-brand-height)
      !important;

    min-height:
      var(--ism-mobile-brand-height)
      !important;

    max-height:
      var(--ism-mobile-brand-height)
      !important;

  }


  body.ism-mobile-nav-order-active
  .enterprise-topbar
  > .enterprise-usernav{

    grid-row:1!important;
    grid-column:2!important;

    align-self:center!important;

  }


  /*
   * The EXISTING sidebar becomes row 2.
   *
   * Nothing is cloned.
   * No link logic is duplicated.
   * Active states remain the existing active states.
   */

  body.ism-mobile-nav-order-active
  .enterprise-topbar
  > .enterprise-sidebar.ism-mobile-module-row{

    grid-row:2!important;
    grid-column:1 / -1!important;

    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;

    align-self:stretch!important;

    z-index:2!important;

  }


  /*
   * Existing module operation navigation becomes row 3.
   */

  body.ism-mobile-nav-order-active
  .enterprise-topbar
  > .enterprise-mainnav{

    grid-row:3!important;
    grid-column:1 / -1!important;

    width:100%!important;

    margin:0!important;

  }


  /*
   * Non-module pages have no operation row.
   * Placeholder must stay physically absent.
   */

  body.ism-mobile-nav-order-active
  .enterprise-topbar
  > .enterprise-mainnav-placeholder{

    grid-row:3!important;
    grid-column:1 / -1!important;

    display:none!important;

    width:0!important;
    height:0!important;

    min-width:0!important;
    min-height:0!important;

    max-width:0!important;
    max-height:0!important;

    margin:0!important;
    padding:0!important;
    border:0!important;

  }


  /*
   * The sidebar has physically left enterprise-shell,
   * therefore there must be no reserved mobile sidebar slot.
   *
   * Main content itself is not restyled.
   */

  body.ism-mobile-nav-order-active
  #ismSidebarHomeAnchor{

    display:none!important;

  }

}


/* /ISM_MOBILE_NAV_ORDER_V1 */





/* ISM_INFORMATION_FINAL_V1 */

.ism-final-info{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.ism-final-info-head{
  padding-bottom:22px;
  border-bottom:1px solid #dbe5ec;
}

.ism-final-info-head h2{
  margin:5px 0 7px;
}

.ism-final-info-head p{
  margin:0;
  color:#6b8294;
  line-height:1.5;
}


.ism-final-section{
  padding:24px 0;
  border-bottom:1px solid #dfe7ed;
}

.ism-final-section:last-of-type{
  border-bottom:0;
}


.ism-final-section-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}

.ism-final-section-title h3{
  margin:0 0 4px;
  color:#153c5b;
}

.ism-final-section-title p{
  margin:0;
  color:#74899a;
  line-height:1.45;
}


.ism-final-version{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:4px 10px;
  border:1px solid #cbdbe7;
  border-radius:999px;
  background:#f4f8fb;
  color:#356485;
  font-size:.72rem;
  font-weight:750;
}


/* Product / Legal */

.ism-final-product-links{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}

.ism-final-product-links a{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;

  min-height:72px;

  padding:11px 12px;

  border:1px solid #d8e2ea;
  border-radius:10px;

  background:#f8fafc;

  text-decoration:none;
}

.ism-final-product-links a:hover{
  background:#f1f7fb;
  border-color:#acc7da;
}

.ism-final-license-link{
  border-color:#9bc5e3!important;
  background:#edf7fd!important;
}

.ism-final-product-symbol{
  display:flex;
  align-items:center;
  justify-content:center;

  width:29px;
  height:29px;

  border-radius:7px;

  background:#e6f1f8;
  color:#0966af;

  font-weight:900;
}

.ism-final-product-copy{
  min-width:0;
}

.ism-final-product-copy strong,
.ism-final-product-copy small{
  display:block;
}

.ism-final-product-copy strong{
  margin-bottom:2px;
  color:#153b59;
  font-size:.8rem;
}

.ism-final-product-copy small{
  color:#74899a;
  font-size:.67rem;
  line-height:1.3;
}

.ism-final-chevron{
  color:#68899f;
  font-size:20px;
  font-weight:400;
}


/* Work help */

.ism-final-help-grid{
  display:grid;
  grid-template-columns:minmax(250px,.85fr) minmax(0,1.45fr);
  gap:18px;
}

.ism-final-quickstart{
  padding:17px;
  border:1px solid #d9e3eb;
  border-radius:10px;
  background:#f7fafc;
}

.ism-final-quickstart h4{
  margin:0 0 11px;
  color:#153b59;
}

.ism-final-quickstart ol{
  margin:0;
  padding-left:22px;
  color:#425f74;
  line-height:1.55;
}

.ism-final-quickstart li{
  margin:6px 0;
}


.ism-final-topic-list,
.ism-final-troubleshooting{
  border-top:1px solid #dbe4eb;
}

.ism-final-topic-list details,
.ism-final-troubleshooting details{
  border-bottom:1px solid #dbe4eb;
}

.ism-final-topic-list summary,
.ism-final-troubleshooting summary{
  position:relative;
  cursor:pointer;
  list-style:none;

  padding:13px 32px 13px 3px;

  color:#153b59;
  font-weight:750;
}

.ism-final-topic-list summary::-webkit-details-marker,
.ism-final-troubleshooting summary::-webkit-details-marker{
  display:none;
}

.ism-final-topic-list summary::after,
.ism-final-troubleshooting summary::after{
  content:"+";

  position:absolute;
  right:5px;
  top:50%;

  transform:translateY(-50%);

  color:#628198;
  font-size:19px;
  font-weight:400;
}

.ism-final-topic-list details[open] summary::after,
.ism-final-troubleshooting details[open] summary::after{
  content:"−";
}

.ism-final-topic-list details > div{
  padding:0 4px 14px;
}

.ism-final-topic-list p,
.ism-final-troubleshooting p{
  margin:0;
  color:#526d80;
  line-height:1.55;
}

.ism-final-troubleshooting p{
  padding:0 4px 14px;
}


/* footer */

.ism-final-info-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  margin-top:18px;
  padding:13px 3px 2px;

  color:#74899a;
  font-size:.72rem;
}


/* Settings */

.ism-final-settings{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}

.ism-final-settings header{
  padding-bottom:18px;
  border-bottom:1px solid #dfe7ed;
}

.ism-final-settings header h2{
  margin:5px 0 6px;
}

.ism-final-settings header p{
  margin:0;
  color:#697f90;
}

.ism-final-setting-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;

  margin-top:17px;
  padding:15px 16px;

  border:1px solid #d8e2ea;
  border-radius:10px;

  background:#f8fafc;

  text-decoration:none;
}

.ism-final-setting-row:hover{
  background:#f1f7fb;
  border-color:#acc7da;
}

.ism-final-setting-icon{
  font-size:24px;
}

.ism-final-setting-copy{
  min-width:0;
}

.ism-final-setting-copy strong,
.ism-final-setting-copy small{
  display:block;
}

.ism-final-setting-copy strong{
  margin-bottom:3px;
  color:#153b59;
}

.ism-final-setting-copy small{
  color:#74899a;
}


/* Mobile */

@media(max-width:900px){

  .ism-final-info-head{
    padding-bottom:18px;
  }

  .ism-final-info-head h2{
    font-size:1.65rem!important;
    line-height:1.14;
  }

  .ism-final-section{
    padding:20px 0;
  }

  .ism-final-section-title{
    display:block;
  }

  .ism-final-version{
    margin-top:9px;
  }


  .ism-final-product-links{
    grid-template-columns:1fr;
    gap:0;
    border-top:1px solid #dbe4eb;
  }

  .ism-final-product-links a{
    min-height:58px;
    padding:9px 3px;

    border:0;
    border-bottom:1px solid #dbe4eb;
    border-radius:0;

    background:transparent!important;
  }

  .ism-final-product-links a:hover{
    background:#f8fafc!important;
  }

  .ism-final-license-link{
    box-shadow:
      inset 3px 0 0 #1380cb;
  }


  .ism-final-help-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .ism-final-quickstart{
    padding:14px;
  }


  .ism-final-info-footer{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
  }


  .ism-final-settings{
    border-radius:12px!important;
  }

  .ism-final-setting-row{
    padding:14px;
  }

}


/* /ISM_INFORMATION_FINAL_V1 */


/* ISM_UNIFIED_HELP_INFORMATION_V1 */


/*
 * One physical navigation item.
 *
 * No desktop clone.
 * No mobile clone.
 * No CSS visibility switching.
 */


.ism-information-unified{
  box-sizing:border-box;
}


.ism-information-unified > a{
  text-decoration:none;
}


.ism-information-unified-icon{
  flex:0 0 auto;
}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media(min-width:901px){

  .enterprise-sidebar
  .ism-information-unified{

    display:block!important;

    margin-top:5px!important;

    padding-top:9px!important;

    border-top:
      1px solid rgba(255,255,255,.13);

  }


  .enterprise-sidebar
  .ism-information-unified > a{

    display:flex!important;

    align-items:center!important;

    gap:8px!important;

    min-height:40px!important;

    width:100%!important;

    padding:
      9px
      12px
      !important;

    box-sizing:border-box!important;

    color:#eef6fb!important;

    border-left:
      3px solid transparent!important;

    background:transparent!important;

    white-space:normal!important;

  }


  .enterprise-sidebar
  .ism-information-unified > a:hover{

    background:
      rgba(255,255,255,.07)
      !important;

  }


  .enterprise-sidebar
  .ism-information-unified > a.active{

    background:#2472b9!important;

    border-left-color:#ff9418!important;

    color:#fff!important;

  }


  .enterprise-sidebar
  .ism-information-unified-icon{

    width:17px;

    text-align:center;

    opacity:.95;

  }

}


/* ==========================================================
   MOBILE / TABLET
   ========================================================== */

@media(max-width:900px){

  /*
   * The whole existing enterprise-sidebar is already moved
   * into mobile row 2 by ISM_MOBILE_NAV_ORDER_V1.
   *
   * This section therefore behaves exactly like the other
   * navigation sections.
   */

  .enterprise-sidebar
  > .ism-information-unified{

    display:flex!important;

    flex:
      0
      0
      auto
      !important;

    margin:0!important;
    padding:0!important;

    border:0!important;

  }


  .enterprise-sidebar
  > .ism-information-unified
  > a{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:7px!important;

    min-height:100%!important;

    padding:
      0
      16px
      !important;

    box-sizing:border-box!important;

    white-space:nowrap!important;

  }


  .enterprise-sidebar
  > .ism-information-unified
  > a.active{

    background:#2472b9!important;

    box-shadow:
      inset
      0
      -3px
      0
      #ff9418!important;

    color:#fff!important;

  }

}


/* /ISM_UNIFIED_HELP_INFORMATION_V1 */


/* ISM_INFORMATION_DETAIL_PAGES_V1 */


/* ==========================================================
   Unified detail-page frame
   ========================================================== */

.ism-info-detail-shell{

  width:100%;

  max-width:1180px;

  margin:
    0
    auto
    28px;

  box-sizing:border-box;

}


.ism-info-detail-backbar{

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:16px;

  margin:
    0
    0
    14px;

  padding:
    2px
    2px
    0;

}


.ism-info-detail-back{

  display:inline-flex;

  align-items:center;

  gap:7px;

  min-height:38px;

  padding:
    7px
    11px;

  box-sizing:border-box;

  border:
    1px solid
    #d1dee8;

  border-radius:9px;

  background:#fff;

  color:#174566;

  text-decoration:none;

  font-weight:750;

  line-height:1.2;

}


.ism-info-detail-back:hover{

  background:#f3f8fc;

  border-color:#9ebed5;

}


.ism-info-detail-context{

  color:#73899b;

  font-size:.74rem;

  font-weight:650;

  white-space:nowrap;

}


/* ==========================================================
   Content width

   Important:
   remove historical narrow max-width values from
   the FIRST product/legal container only.
   ========================================================== */

.ism-info-detail-content{

  width:100%;

  min-width:0;

  box-sizing:border-box;

}


.ism-info-detail-content
> :not(script):not(style){

  width:100%;

  max-width:none!important;

  box-sizing:border-box;

}


.ism-info-detail-content
> .card,

.ism-info-detail-content
> section.card,

.ism-info-detail-content
> div.card{

  width:100%!important;

  max-width:none!important;

  margin-left:0!important;
  margin-right:0!important;

}


/* ==========================================================
   Legal/detail typography

   ABOUT is intentionally excluded because it already has
   its own product hero typography.
   ========================================================== */

.ism-info-detail-license
.ism-info-detail-content
> .card,

.ism-info-detail-privacy
.ism-info-detail-content
> .card,

.ism-info-detail-legal
.ism-info-detail-content
> .card,

.ism-info-detail-history
.ism-info-detail-content
> .card{

  padding:
    clamp(22px, 3vw, 34px)
    !important;

}


.ism-info-detail-license
.ism-info-detail-content
h1:first-of-type,

.ism-info-detail-license
.ism-info-detail-content
h2:first-of-type,

.ism-info-detail-privacy
.ism-info-detail-content
h1:first-of-type,

.ism-info-detail-privacy
.ism-info-detail-content
h2:first-of-type,

.ism-info-detail-legal
.ism-info-detail-content
h1:first-of-type,

.ism-info-detail-legal
.ism-info-detail-content
h2:first-of-type,

.ism-info-detail-history
.ism-info-detail-content
h1:first-of-type,

.ism-info-detail-history
.ism-info-detail-content
h2:first-of-type{

  font-size:
    clamp(1.65rem, 2.7vw, 2.2rem);

  line-height:1.18;

  margin-top:0;

  margin-bottom:18px;

  color:#112d47;

}


/* Improve long legal text readability */

.ism-info-detail-license
.ism-info-detail-content p,

.ism-info-detail-privacy
.ism-info-detail-content p,

.ism-info-detail-legal
.ism-info-detail-content p{

  line-height:1.62;

}


.ism-info-detail-license
.ism-info-detail-content h3,

.ism-info-detail-privacy
.ism-info-detail-content h3,

.ism-info-detail-legal
.ism-info-detail-content h3{

  margin-top:28px;

  color:#153d5c;

}


/* About keeps its existing hero but gets full usable width */

.ism-info-detail-about
.ism-info-detail-content
> .card{

  width:100%!important;

  max-width:none!important;

}


/* Product history tables/lists should use the full frame */

.ism-info-detail-history
table{

  width:100%;

}


/* ==========================================================
   Tablet / Mobile
   ========================================================== */

@media(max-width:900px){

  .ism-info-detail-shell{

    max-width:none;

    margin-bottom:18px;

  }


  .ism-info-detail-backbar{

    margin-bottom:12px;

    padding:
      0
      1px;

  }


  .ism-info-detail-back{

    min-height:42px;

    padding:
      9px
      11px;

    border-radius:10px;

    font-size:.92rem;

  }


  .ism-info-detail-context{

    display:none;

  }


  .ism-info-detail-content
  > .card,

  .ism-info-detail-content
  > section.card,

  .ism-info-detail-content
  > div.card{

    border-radius:16px!important;

  }


  .ism-info-detail-license
  .ism-info-detail-content
  > .card,

  .ism-info-detail-privacy
  .ism-info-detail-content
  > .card,

  .ism-info-detail-legal
  .ism-info-detail-content
  > .card,

  .ism-info-detail-history
  .ism-info-detail-content
  > .card{

    padding:
      20px
      18px
      24px
      !important;

  }


  .ism-info-detail-license
  .ism-info-detail-content
  h1:first-of-type,

  .ism-info-detail-license
  .ism-info-detail-content
  h2:first-of-type,

  .ism-info-detail-privacy
  .ism-info-detail-content
  h1:first-of-type,

  .ism-info-detail-privacy
  .ism-info-detail-content
  h2:first-of-type,

  .ism-info-detail-legal
  .ism-info-detail-content
  h1:first-of-type,

  .ism-info-detail-legal
  .ism-info-detail-content
  h2:first-of-type,

  .ism-info-detail-history
  .ism-info-detail-content
  h1:first-of-type,

  .ism-info-detail-history
  .ism-info-detail-content
  h2:first-of-type{

    font-size:
      clamp(1.6rem, 7vw, 2rem);

    margin-bottom:16px;

  }


  .ism-info-detail-license
  .ism-info-detail-content p,

  .ism-info-detail-privacy
  .ism-info-detail-content p,

  .ism-info-detail-legal
  .ism-info-detail-content p,

  .ism-info-detail-history
  .ism-info-detail-content p{

    font-size:1rem;

    line-height:1.58;

  }

}


/* Very small displays */

@media(max-width:420px){

  .ism-info-detail-back{

    width:100%;

    justify-content:flex-start;

  }


  .ism-info-detail-license
  .ism-info-detail-content
  > .card,

  .ism-info-detail-privacy
  .ism-info-detail-content
  > .card,

  .ism-info-detail-legal
  .ism-info-detail-content
  > .card,

  .ism-info-detail-history
  .ism-info-detail-content
  > .card{

    padding:
      18px
      15px
      22px
      !important;

  }

}


/* /ISM_INFORMATION_DETAIL_PAGES_V1 */


/* ISM_INFORMATION_BACKNAV_FINAL_V2 */


/*
 * Final canonical back-button geometry.
 *
 * SVG is used instead of a font glyph so the arrow no longer
 * depends on browser/font baseline metrics.
 */


.ism-info-detail-back{

  display:inline-flex;

  align-items:center;

  gap:8px;

  line-height:1.2;

}


.ism-info-detail-back-arrow{

  display:inline-flex;

  align-items:center;
  justify-content:center;

  align-self:center;

  flex:
    0
    0
    27px;

  width:27px;
  height:27px;

  margin:0;

  padding:0;

  color:#174f74;

  line-height:0;

  transform:
    translateY(-1px);

}


.ism-info-detail-back-arrow svg{

  display:block;

  width:25px;
  height:25px;

  overflow:visible;

}


/*
 * Phone / tablet:
 * slightly larger visual arrow and touch-friendly geometry.
 */

@media(max-width:900px){

  .ism-info-detail-back{

    align-items:center;

    gap:8px;

  }


  .ism-info-detail-back-arrow{

    flex-basis:31px;

    width:31px;
    height:31px;

    transform:
      translateY(-1px);

  }


  .ism-info-detail-back-arrow svg{

    width:29px;
    height:29px;

  }

}


/*
 * Narrow phones keep the button full-width,
 * but the icon/text stay optically centered vertically.
 */

@media(max-width:420px){

  .ism-info-detail-back{

    align-items:center;

  }


  .ism-info-detail-back-arrow{

    flex-basis:32px;

    width:32px;
    height:32px;

  }


  .ism-info-detail-back-arrow svg{

    width:30px;
    height:30px;

  }

}


/* /ISM_INFORMATION_BACKNAV_FINAL_V2 */


/* ISM_INFORMATION_MOBILE_BACKNAV_POSITION_V1 */

/*
 * The obsolete global information context-backbar was removed
 * from base.html.
 *
 * On mobile that legacy element had also supplied approximately
 * one mobile navigation-row of vertical flow space.
 *
 * Desktop does not require this compensation.
 *
 * Restore ONLY the missing mobile flow space for the information
 * detail-page family. No navigation or business UI is changed.
 */

@media (max-width: 900px) {

  .ism-info-detail-shell {

    margin-top: 62px !important;

  }

}


/*
 * Very narrow phones use the same physical navigation row.
 * Keep the offset stable instead of scaling it with viewport width.
 */

@media (max-width: 420px) {

  .ism-info-detail-shell {

    margin-top: 62px !important;

  }

}

/* /ISM_INFORMATION_MOBILE_BACKNAV_POSITION_V1 */

/* ISM_RESOURCE_FILTER_CHEVRON_MOTION_V2 */

@media (prefers-reduced-motion: reduce) {
  .ism-resource-filter-chevron {
    transition: none !important;
  }
}

/* /ISM_RESOURCE_FILTER_CHEVRON_MOTION_V2 */


/* ISM_STATUS_REPORT_WORKSPACE_V1 */

/*
 * ==========================================================
 * ISM STATUS / REPORT WORKSPACE CONTRACT
 * ==========================================================
 *
 * Übersicht:
 *   object browser / search / filters / master list
 *
 * Prüfstatus:
 *   status analysis / KPI / action required
 *
 * Abteilungsbericht:
 *   report scope / compact summary / optional preview / PDF
 *
 * Leitern and Regale share this presentation contract.
 * ==========================================================
 */


.ism-status-workspace {

  display:
    grid;

  gap:
    18px;

  margin-top:
    18px;

}


.ism-workspace-intro {

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    18px;

  padding:
    18px 20px;

  border:
    1px solid #cbd9e8;

  border-left:
    5px solid #1671ba;

  border-radius:
    14px;

  background:
    #f6f9fc;

}


.ism-workspace-intro > div {

  display:
    grid;

  gap:
    5px;

}


.ism-workspace-intro strong {

  color:
    #173c5b;

  font-size:
    18px;

}


.ism-workspace-intro span {

  color:
    #60778c;

  line-height:
    1.5;

}


.ism-status-kpi-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      auto-fit,
      minmax(145px, 1fr)
    );

  gap:
    12px;

}


.ism-status-kpi {

  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  min-height:
    92px;

  padding:
    15px 17px;

  border:
    1px solid #d4dfeb;

  border-radius:
    14px;

  background:
    #ffffff;

}


.ism-status-kpi span {

  color:
    #60758a;

  font-size:
    13px;

  font-weight:
    750;

}


.ism-status-kpi strong {

  margin-top:
    5px;

  color:
    #173b5c;

  font-size:
    30px;

  line-height:
    1;

}


.ism-status-kpi.success {

  border-color:
    #a8d9b7;

  background:
    #f0fbf4;

}


.ism-status-kpi.success strong {

  color:
    #16813a;

}


.ism-status-kpi.warning {

  border-color:
    #ecd48e;

  background:
    #fffaf0;

}


.ism-status-kpi.warning strong {

  color:
    #9a6b00;

}


.ism-status-kpi.danger {

  border-color:
    #efbbbb;

  background:
    #fff5f5;

}


.ism-status-kpi.danger strong {

  color:
    #b42318;

}


.ism-status-kpi.attention {

  border-color:
    #9cc6e9;

  background:
    #eef7ff;

}


.ism-status-kpi.attention strong {

  color:
    #0b63a8;

}


.ism-status-action-section {

  display:
    grid;

  gap:
    12px;

  padding:
    18px;

  border:
    1px solid #d5e0eb;

  border-radius:
    15px;

  background:
    #ffffff;

}


.ism-workspace-section-head {

  display:
    flex;

  justify-content:
    space-between;

  gap:
    16px;

}


.ism-workspace-section-head h3 {

  margin:
    0 0 4px;

  color:
    #193e5d;

  font-size:
    20px;

}


.ism-workspace-section-head p {

  margin:
    0;

  color:
    #667b8f;

  line-height:
    1.45;

}


.ism-status-table-wrap {

  width:
    100%;

  overflow-x:
    auto;

  border:
    1px solid #dce5ee;

  border-radius:
    12px;

}


.ism-status-action-table {

  margin:
    0 !important;

  border:
    0 !important;

  border-radius:
    0 !important;

}


.ism-status-action-table th {

  white-space:
    nowrap;

}


.ism-status-action-table td {

  vertical-align:
    middle;

}


.ism-workspace-empty {

  display:
    grid;

  gap:
    5px;

  padding:
    24px;

  border:
    1px dashed #b9c8d7;

  border-radius:
    14px;

  background:
    #f8fafc;

  text-align:
    center;

}


.ism-workspace-empty strong {

  color:
    #24445f;

  font-size:
    17px;

}


.ism-workspace-empty span {

  color:
    #6a7e90;

}


.ism-workspace-empty.success {

  border-color:
    #abd9b9;

  background:
    #f2fbf5;

}


.ism-workspace-empty.success strong {

  color:
    #18763a;

}


/*
 * ==========================================================
 * REPORT WORKSPACE
 * ==========================================================
 */


.ism-report-start-state {

  display:
    flex;

  align-items:
    center;

  gap:
    18px;

  margin:
    22px 0 4px;

  padding:
    25px;

  border:
    1px solid #cad9e8;

  border-radius:
    15px;

  background:
    #f6f9fc;

}


.ism-report-start-icon {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  flex:
    0 0 52px;

  width:
    52px;

  height:
    52px;

  border-radius:
    14px;

  background:
    #e8f3fc;

  color:
    #126aad;

  font-size:
    28px;

  font-weight:
    800;

}


.ism-report-start-state strong {

  display:
    block;

  color:
    #193f5f;

  font-size:
    19px;

}


.ism-report-start-state p {

  margin:
    6px 0 0;

  color:
    #62798d;

  line-height:
    1.5;

}


.ism-report-selection-summary {

  display:
    grid;

  grid-template-columns:
    auto minmax(0,1fr);

  align-items:
    center;

  gap:
    18px;

  margin:
    22px 0 12px;

  padding:
    17px 19px;

  border:
    1px solid #bfd6e9;

  border-radius:
    14px;

  background:
    #f2f8fd;

}


.ism-report-selection-summary > div {

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

}


.ism-report-selection-summary span {

  color:
    #45657f;

  font-weight:
    750;

}


.ism-report-selection-summary strong {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-width:
    42px;

  height:
    34px;

  padding:
    0 10px;

  border-radius:
    999px;

  background:
    #126bb1;

  color:
    #ffffff;

  font-size:
    17px;

}


.ism-report-selection-summary p {

  margin:
    0;

  color:
    #61798e;

  line-height:
    1.45;

}


.ism-report-preview {

  margin:
    0 0 18px;

  border:
    1px solid #d1dce7;

  border-radius:
    14px;

  background:
    #ffffff;

  overflow:
    hidden;

}


.ism-report-preview > summary {

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

  min-height:
    58px;

  padding:
    12px 17px;

  cursor:
    pointer;

  list-style:
    none;

  color:
    #183e5f;

  font-weight:
    800;

  user-select:
    none;

}


.ism-report-preview > summary::-webkit-details-marker {

  display:
    none;

}


.ism-report-preview > summary::marker {

  content:
    "";

}


.ism-report-preview-count {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-width:
    30px;

  height:
    30px;

  margin-left:
    auto;

  padding:
    0 8px;

  border-radius:
    999px;

  background:
    #edf4fa;

  color:
    #1265a5;

  font-size:
    13px;

}


.ism-report-preview-chevron {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    28px;

  height:
    28px;

  line-height:
    0;

  color:
    #1a577f;

  transition:
    transform .18s cubic-bezier(.4,0,.2,1);

}


.ism-report-preview-chevron svg {

  display:
    block;

  width:
    22px;

  height:
    22px;

}


.ism-report-preview[open]
> summary
.ism-report-preview-chevron {

  transform:
    rotate(180deg);

}


.ism-report-preview-content {

  padding:
    4px 16px 18px;

  border-top:
    1px solid #edf2f6;

}


.ism-report-preview-content
.report-group:first-child {

  margin-top:
    14px;

}


@media(max-width:760px) {

  .ism-status-workspace {

    gap:
      14px;

  }


  .ism-workspace-intro {

    padding:
      16px;

  }


  .ism-status-kpi-grid {

    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap:
      10px;

  }


  .ism-status-kpi {

    min-height:
      86px;

    padding:
      13px;

  }


  .ism-status-kpi strong {

    font-size:
      27px;

  }


  .ism-status-action-section {

    padding:
      14px;

  }


  .ism-status-action-table {

    min-width:
      720px;

  }


  .ism-report-start-state {

    align-items:
      flex-start;

    padding:
      18px;

  }


  .ism-report-start-icon {

    flex-basis:
      44px;

    width:
      44px;

    height:
      44px;

    font-size:
      23px;

  }


  .ism-report-selection-summary {

    grid-template-columns:
      1fr;

    gap:
      8px;

  }


  .ism-report-preview > summary {

    min-height:
      62px;

  }

}


@media(max-width:420px) {

  .ism-status-kpi-grid {

    grid-template-columns:
      repeat(2,minmax(0,1fr));

  }


  .ism-status-kpi span {

    font-size:
      12px;

  }


  .ism-report-start-state {

    gap:
      12px;

  }

}


@media(prefers-reduced-motion:reduce) {

  .ism-report-preview-chevron {

    transition:
      none;

  }

}


/* /ISM_STATUS_REPORT_WORKSPACE_V1 */


/* ISM_STATUS_REPORT_POLISH_V2 */


/* ==========================================================
   STATUS CENTER
   ========================================================== */

.ism-status-workspace {
  min-width: 0;
}


.ism-status-overview-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;

  margin: 12px 0 10px;
}


.ism-status-overview-action .button {
  width: auto;
  min-height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.ism-status-action-table-scroll,
.ism-report-preview-table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* ==========================================================
   REPORT WORKFLOW
   ========================================================== */

.ism-report-workspace {
  min-width: 0;
}


.ism-report-workflow {
  display: flex;
  align-items: center;
  gap: 10px;

  width: 100%;

  margin: 14px 0 18px;
  padding: 10px 12px;

  border: 1px solid #d6e2ed;
  border-radius: 14px;

  background: #f8fbfe;
  color: #173b5b;
}


.ism-report-workflow-step {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  min-width: 0;
}


.ism-report-workflow-step > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 28px;

  width: 28px;
  height: 28px;

  border-radius: 999px;

  background: #e4f2fc;
  color: #0d67aa;

  font-size: 13px;
  font-weight: 900;
}


.ism-report-workflow-step strong {
  white-space: nowrap;

  font-size: 14px;
  font-weight: 800;
}


.ism-report-workflow-arrow {
  flex: 0 0 auto;

  color: #8197aa;

  font-size: 17px;
  line-height: 1;
}


/* ==========================================================
   MOBILE / RESPONSIVE TABLES
   ========================================================== */

@media (max-width: 760px) {

  .ism-status-overview-action {
    justify-content: stretch;

    margin-top: 14px;
  }


  .ism-status-overview-action .button {
    width: 100%;
  }


  .ism-status-action-table-scroll,
  .ism-report-preview-table-scroll {

    overflow-x: auto;
    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;

    overscroll-behavior-x: contain;

    scrollbar-width: thin;

    border-radius: 14px;

  }


  .ism-status-action-table-scroll table {
    min-width: 720px;

    margin: 0;
  }


  .ism-report-preview-table-scroll table {
    min-width: 680px;

    margin: 0;
  }


  .ism-report-workflow {

    overflow-x: auto;

    gap: 8px;

    margin-top: 12px;
    margin-bottom: 16px;

    padding: 9px 10px;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;

  }


  .ism-report-workflow::-webkit-scrollbar {
    display: none;
  }


  .ism-report-workflow-step {
    flex: 0 0 auto;
  }


  .ism-report-workflow-step strong {
    font-size: 13px;
  }

}


@media (max-width: 420px) {

  .ism-status-action-table-scroll table {
    min-width: 690px;
  }


  .ism-report-preview-table-scroll table {
    min-width: 650px;
  }


  .ism-report-workflow {
    border-radius: 12px;
  }

}


/* /ISM_STATUS_REPORT_POLISH_V2 */


/* ISM_MOBILE_USERNAV_TEXT_CENTER_V3
   Mobile header correction:
   1) restore the button group to mathematical vertical center;
   2) center text inside every language/logout button.
   ========================================================== */

@media (max-width: 820px) {

  body.ism-enterprise-ui
  .enterprise-usernav {

    top:
      calc(
        var(--ism-mobile-brand-height)
        / 2
      )
      !important;

    transform:
      translateY(-50%)
      !important;
  }


  body.ism-enterprise-ui
  .enterprise-usernav > a {

    display:
      inline-flex
      !important;

    align-items:
      center
      !important;

    justify-content:
      center
      !important;

    text-align:
      center
      !important;

    vertical-align:
      middle
      !important;

    line-height:
      1.2
      !important;
  }
}

/* /ISM_MOBILE_USERNAV_TEXT_CENTER_V3 */

/* === ISM_USERNAV_FOOTER_POLISH_V1 ===
   Shared authenticated header/footer presentation.
   - language selector must always show the current language label, not only its arrow;
   - desktop/tablet current user is more readable and vertically centered;
   - footer user/version/online use a true 3-column layout, so version is optically centered;
   - phone header keeps enough room for language + logout without changing business navigation.
*/
.enterprise-usernav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:0 16px!important;
  min-height:54px;
  color:#e7f0fa!important;
  font-size:14px!important;
}
.enterprise-usernav > span{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  font-size:14px!important;
  line-height:1.2;
  font-weight:600;
  white-space:nowrap;
}
.enterprise-usernav .ism-topbar-language-select{
  flex:0 0 auto!important;
  width:168px!important;
  min-width:168px!important;
  max-width:168px!important;
  height:42px!important;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:10px!important;
  background:#12395f!important;
  color:#fff!important;
  padding:0 34px 0 12px!important;
  font-size:14px!important;
  line-height:40px;
  font-weight:700!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.enterprise-usernav > a[href*="logout"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  box-sizing:border-box;
  padding:0 12px!important;
  font-size:14px!important;
  line-height:1.2!important;
  white-space:nowrap;
}

/* Desktop footer: exact center for version, larger and calmer typography. */
.enterprise-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  font-size:14px!important;
}
.enterprise-footer > span:first-child{
  justify-self:start;
  font-size:14px!important;
  font-weight:600;
  white-space:nowrap;
}
.enterprise-footer > span:nth-child(2){
  justify-self:center;
  text-align:center;
  font-size:14px!important;
  font-weight:700;
  white-space:nowrap;
}
.enterprise-footer > .online{
  justify-self:end;
  font-size:14px!important;
  white-space:nowrap;
}

@media (max-width:820px){
  .enterprise-usernav{
    margin-left:auto!important;
    max-width:none!important;
    overflow:visible!important;
    gap:7px!important;
    padding:0 10px!important;
    min-width:0;
  }
  .enterprise-usernav .ism-topbar-language-select{
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    height:42px!important;
    padding-left:10px!important;
    padding-right:30px!important;
    font-size:13px!important;
  }
  .enterprise-usernav > a[href*="logout"]{
    min-height:42px!important;
    padding:0 10px!important;
    font-size:13px!important;
  }
}

/* Phones: user name stays hidden to preserve space, language text remains visible. */
@media (max-width:650px){
  .enterprise-usernav > span{
    display:none!important;
  }
  .enterprise-usernav{
    gap:6px!important;
    padding:0 8px!important;
  }
  .enterprise-usernav .ism-topbar-language-select{
    display:block!important;
    visibility:visible!important;
    width:140px!important;
    min-width:140px!important;
    max-width:140px!important;
    flex:0 0 140px!important;
    font-size:13px!important;
  }
}

@media (max-width:420px){
  .enterprise-usernav{
    gap:4px!important;
    padding:0 5px!important;
  }
  .enterprise-usernav .ism-topbar-language-select{
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;
    flex-basis:124px!important;
    padding-left:8px!important;
    padding-right:26px!important;
    font-size:12px!important;
  }
  .enterprise-usernav > a[href*="logout"]{
    padding:0 8px!important;
    font-size:12px!important;
  }
}
/* === /ISM_USERNAV_FOOTER_POLISH_V1 === */

/* === ISM_LANGUAGE_SELECTOR_COMPACT_V2 ===
   Desktop/tablet: short native labels in a compact fixed control.
   Phone: code-only closed selector (DE, IT, PT-BR, ZH-CN...) to preserve header space.
   Both controls use the same SUPPORTED_LANGUAGES source and the same /set-lang route.
*/
.enterprise-usernav .ism-language-desktop{
  display:block!important;
  width:142px!important;
  min-width:142px!important;
  max-width:142px!important;
  flex:0 0 142px!important;
  height:42px!important;
  padding:0 28px 0 10px!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:40px!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.enterprise-usernav .ism-language-mobile{
  display:none!important;
}

/* The compact width keeps the native arrow visually close to the label. */
@media (max-width:820px) and (min-width:651px){
  .enterprise-usernav .ism-language-desktop{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    flex-basis:136px!important;
    padding-left:9px!important;
    padding-right:27px!important;
    font-size:12px!important;
  }
}

@media (max-width:650px){
  .enterprise-usernav .ism-language-desktop{
    display:none!important;
  }
  .enterprise-usernav .ism-language-mobile{
    display:block!important;
    visibility:visible!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    flex:0 0 76px!important;
    height:42px!important;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:10px!important;
    background:#12395f!important;
    color:#fff!important;
    padding:0 24px 0 10px!important;
    font-size:13px!important;
    line-height:40px!important;
    font-weight:800!important;
  }
}

@media (max-width:420px){
  .enterprise-usernav .ism-language-mobile{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    flex-basis:70px!important;
    padding-left:8px!important;
    padding-right:22px!important;
    font-size:12px!important;
  }
}
/* === /ISM_LANGUAGE_SELECTOR_COMPACT_V2 === */

/* === ISM_LANGUAGE_SELECTOR_EQUAL_BUTTONS_V3_FIX1 ===
   Final visual contract for authenticated language/logout controls.

   Desktop/tablet:
   - language and logout use the same 126px x 42px footprint;
   - language text is optically centered;
   - custom chevron avoids the native select's oversized right-side reserve.

   Mobile:
   - language and logout use the same 92px x 42px footprint;
   - language remains code-only (DE / IT / PT-BR / ZH-CN);
   - both controls align as a compact equal pair.
*/
.enterprise-usernav .ism-language-desktop,
.enterprise-usernav > a[href*="logout"]{
  width:126px!important;
  min-width:126px!important;
  max-width:126px!important;
  flex:0 0 126px!important;
  height:42px!important;
  min-height:42px!important;
  box-sizing:border-box!important;
}

/* Remove native select arrow/reserved area and draw our own compact chevron. */
.enterprise-usernav .ism-language-desktop,
.enterprise-usernav .ism-language-mobile{
  -webkit-appearance:none!important;
  appearance:none!important;
  background-color:#12395f!important;
  background-image:
    linear-gradient(45deg, transparent 50%, #eaf3fb 50%),
    linear-gradient(135deg, #eaf3fb 50%, transparent 50%)!important;
  background-position:
    calc(100% - 13px) 50%,
    calc(100% - 9px) 50%!important;
  background-size:4px 4px, 4px 4px!important;
  background-repeat:no-repeat!important;
  text-align:center!important;
  text-align-last:center!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:10px!important;
  color:#fff!important;
}

.enterprise-usernav .ism-language-desktop{
  padding:0 24px!important;
  font-size:12px!important;
  line-height:40px!important;
  font-weight:700!important;
}

.enterprise-usernav > a[href*="logout"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 10px!important;
  font-size:14px!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
}

@media (max-width:820px) and (min-width:651px){
  .enterprise-usernav .ism-language-desktop,
  .enterprise-usernav > a[href*="logout"]{
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    flex-basis:118px!important;
  }
  .enterprise-usernav .ism-language-desktop{
    padding:0 22px!important;
    font-size:12px!important;
  }
  .enterprise-usernav > a[href*="logout"]{
    font-size:13px!important;
  }
}

@media (max-width:650px){
  .enterprise-usernav{
    gap:6px!important;
  }

  .enterprise-usernav .ism-language-mobile,
  .enterprise-usernav > a[href*="logout"]{
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    flex:0 0 92px!important;
    height:42px!important;
    min-height:42px!important;
    box-sizing:border-box!important;
  }

  .enterprise-usernav .ism-language-mobile{
    display:block!important;
    visibility:visible!important;
    padding:0 22px!important;
    font-size:13px!important;
    line-height:40px!important;
    font-weight:800!important;
  }

  .enterprise-usernav > a[href*="logout"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 7px!important;
    font-size:13px!important;
  }
}

@media (max-width:420px){
  .enterprise-usernav{
    gap:5px!important;
  }

  .enterprise-usernav .ism-language-mobile,
  .enterprise-usernav > a[href*="logout"]{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    flex-basis:88px!important;
  }

  .enterprise-usernav .ism-language-mobile{
    padding:0 20px!important;
    font-size:12px!important;
  }

  .enterprise-usernav > a[href*="logout"]{
    padding:0 6px!important;
    font-size:12px!important;
  }
}
/* === /ISM_LANGUAGE_SELECTOR_EQUAL_BUTTONS_V3_FIX1 === */

/* === ISM_LANGUAGE_SELECTOR_FINAL_COMPACT_V4 ===
   Final compact language-control policy.

   Desktop:
   - language selector is ~20% narrower than V3 FIX1 (104px vs 126px);
   - logout keeps its readable 126px width;
   - closed text remains centered;
   - opened native option list is explicitly left-aligned;
   - long locale codes are presentation-shortened only:
       pt-br -> BR, zh-cn -> ZH
     while the real option values remain pt-br / zh-cn.

   Mobile:
   - language control is almost 50% narrower than V3 FIX1 (54px vs 92px);
   - only short visual codes are shown;
   - logout stays readable;
   - both remain vertically centered and aligned.
*/
.enterprise-usernav .ism-language-desktop{
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  flex:0 0 104px!important;
  height:42px!important;
  padding:0 16px 0 5px!important;
  font-size:11px!important;
  line-height:40px!important;
  text-align:center!important;
  text-align-last:center!important;
  background-position:
    calc(100% - 10px) 50%,
    calc(100% - 7px) 50%!important;
  background-size:3px 3px, 3px 3px!important;
}

.enterprise-usernav .ism-language-desktop option{
  text-align:left!important;
  text-align-last:left!important;
  direction:ltr;
}

.enterprise-usernav > a[href*="logout"]{
  width:126px!important;
  min-width:126px!important;
  max-width:126px!important;
  flex:0 0 126px!important;
}

@media (max-width:820px) and (min-width:651px){
  .enterprise-usernav .ism-language-desktop{
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    flex-basis:100px!important;
    padding:0 15px 0 4px!important;
    font-size:11px!important;
  }
  .enterprise-usernav > a[href*="logout"]{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    flex-basis:116px!important;
  }
}

@media (max-width:650px){
  .enterprise-usernav{
    gap:6px!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }

  .enterprise-usernav .ism-language-mobile{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    flex:0 0 54px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 13px 0 3px!important;
    font-size:12px!important;
    line-height:40px!important;
    text-align:center!important;
    text-align-last:center!important;
    background-position:
      calc(100% - 9px) 50%,
      calc(100% - 6px) 50%!important;
    background-size:3px 3px, 3px 3px!important;
  }

  .enterprise-usernav .ism-language-mobile option{
    text-align:left!important;
    text-align-last:left!important;
  }

  .enterprise-usernav > a[href*="logout"]{
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    flex:0 0 92px!important;
    height:42px!important;
    min-height:42px!important;
  }
}

@media (max-width:420px){
  .enterprise-usernav .ism-language-mobile{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    flex-basis:50px!important;
    padding:0 12px 0 2px!important;
    font-size:11px!important;
  }

  .enterprise-usernav > a[href*="logout"]{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    flex-basis:88px!important;
  }
}
/* === /ISM_LANGUAGE_SELECTOR_FINAL_COMPACT_V4 === */

/* === ISM_PRIMARY_NAV_TRANSLATION_SPACING_V1 ===
   Architectural desktop/tablet rule for translated primary navigation.

   Goals:
   - every translated label gets guaranteed breathing room left/right;
   - labels never visually collide with neighbouring labels or divider lines;
   - natural text width determines the item width;
   - if the row becomes genuinely wider than the available viewport,
     the NAV scrolls horizontally instead of overlapping text;
   - mobile <=820px keeps its existing controlled wrapping architecture.
*/
@media (min-width:821px){

  body.ism-enterprise-ui .enterprise-mainnav{
    display:flex!important;
    align-items:stretch!important;
    gap:0!important;

    min-width:0!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;

    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  body.ism-enterprise-ui .enterprise-mainnav::-webkit-scrollbar{
    display:none;
  }

  body.ism-enterprise-ui .enterprise-mainnav > a{
    flex:0 0 auto!important;

    width:auto!important;
    min-width:108px!important;
    max-width:none!important;

    box-sizing:border-box!important;

    padding-left:14px!important;
    padding-right:14px!important;

    overflow:visible!important;
  }

  body.ism-enterprise-ui .enterprise-mainnav > a > span{
    display:block!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;

    padding-left:3px!important;
    padding-right:3px!important;

    white-space:nowrap!important;

    overflow:visible!important;
    text-overflow:clip!important;

    text-align:center!important;
  }
}

/* Slightly tighter on medium desktop/tablet widths, but still with
   a guaranteed visual gap on both sides of every translation. */
@media (min-width:821px) and (max-width:1180px){

  body.ism-enterprise-ui .enterprise-mainnav > a{
    min-width:102px!important;

    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.ism-enterprise-ui .enterprise-mainnav > a > span{
    padding-left:2px!important;
    padding-right:2px!important;
  }
}

/* === /ISM_PRIMARY_NAV_TRANSLATION_SPACING_V1 === */

/* === ISM_PRIMARY_NAV_TRANSLATION_SPACING_V1_TIGHT ===
   Tune the already-successful translation-spacing architecture.

   Keep the important guarantees:
   - no overlap between translated labels;
   - natural item width;
   - nowrap on desktop/tablet;
   - horizontal row scroll only if truly necessary.

   Reduce only the visual breathing room by roughly 55-60%:
   - default side padding: 14px -> 6px
   - medium side padding: 10px -> 4px
   - inner label padding: 3px -> 1px
   - short-item minimum width is reduced as well.
*/
@media (min-width:821px){

  body.ism-enterprise-ui .enterprise-mainnav > a{
    min-width:88px!important;

    padding-left:6px!important;
    padding-right:6px!important;
  }

  body.ism-enterprise-ui .enterprise-mainnav > a > span{
    padding-left:1px!important;
    padding-right:1px!important;
  }
}

@media (min-width:821px) and (max-width:1180px){

  body.ism-enterprise-ui .enterprise-mainnav > a{
    min-width:84px!important;

    padding-left:4px!important;
    padding-right:4px!important;
  }

  body.ism-enterprise-ui .enterprise-mainnav > a > span{
    padding-left:1px!important;
    padding-right:1px!important;
  }
}

/* === /ISM_PRIMARY_NAV_TRANSLATION_SPACING_V1_TIGHT === */

/* === ISM_PRIMARY_NAV_TYPOGRAPHY_COMPACT_V1 ===
   Typography tuning on top of translation-spacing V1 TIGHT.

   Goal:
   - make the primary navigation visually lighter and closer to the rest of ISM;
   - reduce translated label width naturally without removing breathing room;
   - keep all anti-overlap and horizontal-scroll fallback architecture intact.
*/
@media (min-width:821px){

  body.ism-enterprise-ui .enterprise-mainnav > a > span{
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.15!important;

    letter-spacing:0!important;
    text-shadow:none!important;
  }
}

/* Slightly smaller on medium desktop/tablet where long translations need
   a little more room, while remaining fully readable. */
@media (min-width:821px) and (max-width:1180px){

  body.ism-enterprise-ui .enterprise-mainnav > a > span{
    font-size:11.5px!important;
    font-weight:500!important;
    line-height:1.15!important;
    text-shadow:none!important;
  }
}

/* === /ISM_PRIMARY_NAV_TYPOGRAPHY_COMPACT_V1 === */

/* Shared icon slot: all module references align, no per-module CSS fork. */
.enterprise-sidebar .ism-sidebar-module-icon { display:inline-block; width:1.7em;
  flex:none; text-align:center; vertical-align:baseline; }
.enterprise-sidebar .ism-sidebar-module-name { vertical-align:baseline; }