/* Auto-generiert aus styles.css – für native Einbettung auf taom.ai (unter .taom-ps-native gekapselt). NICHT direkt editieren. */
.taom-ps-native, .taom-ps-native *{box-sizing:border-box}
.taom-ps-native, .taom-ps-native{height:100%}
.taom-ps-native{margin:0;background:#f3f5f8;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column;min-height:100vh}
.taom-ps-native .topbar{padding:clamp(10px,2vw,16px) clamp(16px,4vw,32px);padding-left:clamp(70px,7vw,92px);position:relative;background:#101827;color:#fff;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;box-shadow:0 6px 20px rgba(16,24,39,.18);flex-shrink:0}
.taom-ps-native .eyebrow{font-size:12px;letter-spacing:.24em;color:#7dd3fc;font-weight:800}
.taom-ps-native .topbar h1,.topbar .produktname{margin:2px 0 0;font-size:clamp(18px,2.6vw,24px);font-weight:700}
.taom-ps-native .topbar .brand-sub{margin:3px 0 0;font-size:clamp(12px,1.5vw,14px);font-weight:500;color:#8fa4bd;letter-spacing:.01em}
.taom-ps-native .brand-rail{position:absolute;left:0;top:0;bottom:0;width:clamp(44px,4.6vw,60px);background:#1e3a5f;border-right:1px solid #2b4a72}
.taom-ps-native .version{border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:999px;font-size:12px;color:#d7e4f4;white-space:nowrap;text-decoration:none;display:inline-block;cursor:pointer;transition:background .12s ease,border-color .12s ease}
.taom-ps-native .version:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
.taom-ps-native main{padding:clamp(10px,2vw,18px);max-width:none;margin:auto;width:100%;flex:1;display:flex;flex-direction:column;gap:14px;min-height:0}
.taom-ps-native .upload-panel, .taom-ps-native .workspace-bar, .taom-ps-native .viewer-card, .taom-ps-native .panel, .taom-ps-native .stats{background:#fff;border:1px solid #dfe5ee;border-radius:14px;box-shadow:0 5px 16px rgba(26,39,64,.06)}
.taom-ps-native .upload-panel, .taom-ps-native .workspace-bar, .taom-ps-native .stats, .taom-ps-native .bottom-grid{flex-shrink:0}
.taom-ps-native .upload-panel{padding:clamp(12px,1.6vw,18px);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.taom-ps-native .upload-panel h2, .taom-ps-native .panel h2{margin:0 0 6px}
.taom-ps-native .upload-panel p{margin:0;color:#667085}
.taom-ps-native form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.taom-ps-native input[type=file]{max-width:460px;width:100%;border:1px dashed #b8c2d1;padding:10px;border-radius:9px;background:#f8fafc}
.taom-ps-native button{border:0;border-radius:9px;padding:12px 17px;background:#0888e1;color:#fff;font-weight:750;cursor:pointer}
.taom-ps-native button:hover{filter:brightness(.96)}
.taom-ps-native button.secondary{background:#fff;color:#263248;border:1px solid #c6ccd6}
.taom-ps-native button.secondary:hover{background:#f4f7fb;border-color:#9aa6b6;filter:none}
.taom-ps-native #help-btn{background:#fff;color:#263248;border:1px solid #c6ccd6;font-weight:700}
.taom-ps-native #help-btn:hover{background:#f4f7fb;border-color:#9aa6b6}
.taom-ps-native #help-btn:not(.seen){animation:taomAttnPulse 2.4s ease-in-out infinite}
.taom-ps-native #settings-toggle:not(.seen){animation:taomAttnPulse 2.4s ease-in-out infinite}
@keyframes taomAttnPulse{0%,100%{box-shadow:0 0 0 0 rgba(8,136,225,0)}50%{box-shadow:0 0 0 4px rgba(8,136,225,.55)}}
.taom-ps-native .status{grid-column:1/-1;padding:10px 12px;border-radius:8px;background:#eef7ff;color:#245b84;font-size:14px}
.taom-ps-native .status.error{background:#fff0f0;color:#9a2d2d}
.taom-ps-native .status.success{background:#ecfdf3;color:#18794e}
.taom-ps-native .workspace-bar{padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.taom-ps-native .workspace-bar span{display:block;color:#7a8495;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.taom-ps-native .workspace-bar strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.taom-ps-native .toolbar{display:flex;flex-wrap:wrap;gap:8px}
.taom-ps-native .stats{padding:10px 16px;display:flex;flex-wrap:wrap;gap:12px 24px;color:#667085;font-size:14px}
.taom-ps-native .stats strong{color:#172033}
.taom-ps-native .stats.kpis{gap:10px;padding:8px 12px;align-items:stretch}
.taom-ps-native .stats.kpis .kpi{display:flex;flex-direction:column;justify-content:center;background:#f8fafc;border:1px solid #e6ebf1;border-radius:10px;padding:6px 14px;min-width:82px}
.taom-ps-native .stats.kpis .kpi b{font-size:19px;line-height:1.05;color:#1f2733;font-weight:800}
.taom-ps-native .stats.kpis .kpi i{font-size:10.5px;color:#64748b;font-style:normal;margin-top:3px;letter-spacing:.01em}
.taom-ps-native .stats.kpis .kpi.big{background:#eef6ff;border-color:#bcdcfa}
.taom-ps-native .stats.kpis .kpi.big b{color:#0a6fc0}
.taom-ps-native .viewer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px;flex:1;min-height:460px}
.taom-ps-native .viewer-card{overflow:hidden;display:flex;flex-direction:column;min-height:0}
.taom-ps-native .card-title{padding:10px 16px;border-bottom:1px solid #e6eaf0;display:flex;gap:10px;align-items:center;flex-shrink:0}
.taom-ps-native .card-title-main{display:flex;flex:1;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;min-width:0}
.taom-ps-native .card-title span{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#7c8798}
.taom-ps-native .card-title h2{margin:2px 0 0;font-size:18px}
.taom-ps-native .stats.kpis .kpi-proc-title{flex:1 1 auto;min-width:0;align-self:center;text-align:center;font-weight:800;font-size:15px;letter-spacing:.01em;color:#0a2540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 18px}
.taom-ps-native .stats.kpis .kpi-proc-title:empty{display:none}
.taom-ps-native .stats.kpis .kpi-proc-title:empty{display:none}
.taom-ps-native .stats.kpis .kpi-proc-title::before{content:"▦";color:#1769aa;font-weight:900;margin-right:8px;font-size:13px;vertical-align:1px}
.taom-ps-native .zoom-controls{display:flex;align-items:center;gap:6px}
.taom-ps-native .zctl{padding:6px 10px;font-size:13px;border-radius:7px;background:#edf2f7;color:#263248;font-weight:800;line-height:1}
.taom-ps-native .zoom-level{min-width:44px;text-align:center;font-size:12px;color:#4b5768;font-weight:700}
.taom-ps-native .link-group{display:flex;gap:8px;flex-wrap:wrap}
.taom-ps-native .link-btn{color:#263248;font-weight:600;text-decoration:none;background:#fff;border:1px solid #c6ccd6;border-radius:8px;padding:7px 12px;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.taom-ps-native .link-btn:hover{background:#f4f7fb;border-color:#9aa6b6}
.taom-ps-native .editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 16px;border-bottom:1px solid #e6eaf0;background:#fbfcfe;flex-shrink:0}
.taom-ps-native .editor-toolbar.disabled{opacity:.45;pointer-events:none}
.taom-ps-native .tool-btn{padding:8px 12px;font-size:13px;border-radius:8px;font-weight:700}
.taom-ps-native .tool-btn[data-add]{background:#eaf3fb;color:#1769aa}
.taom-ps-native .tool-btn.primary{background:#0888e1;color:#fff}
.taom-ps-native .tool-btn.secondary{background:#edf2f7;color:#263248}
.taom-ps-native .tool-hint{font-size:12px;color:#8b95a7;margin-left:4px}
.taom-ps-native .editor-body{position:relative;flex:1;min-height:0;overflow:hidden}
.taom-ps-native .canvas{min-height:280px;position:relative;overflow:hidden;background:#fff}
.taom-ps-native .editor-body .canvas{position:absolute;inset:0;width:100%;height:100%}
.taom-ps-native .canvas.editable{cursor:grab}
.taom-ps-native .canvas.editable.panning{cursor:grabbing}
.taom-ps-native #original-canvas{cursor:grab}
.taom-ps-native .canvas.panning{cursor:grabbing}
.taom-ps-native .connect-anchor.anchor-hot{filter:drop-shadow(0 0 3px rgba(249,115,22,.9))}
.taom-ps-native .taom-edge.edge-reconnecting{opacity:.3}
.taom-ps-native .attr-inline-btn{width:100%;background:#eef2f8;color:#233; border:1px solid #cfe0f1;border-radius:8px;padding:8px 10px;font-size:12.5px;font-weight:650;cursor:pointer}
.taom-ps-native .attr-inline-btn:hover{background:#e2e9f3}
.taom-ps-native .empty-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8b95a7;background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 12px,#f7f9fb 12px,#f7f9fb 24px)}
.taom-ps-native .process-svg{width:100%;height:100%;display:block;transform-origin:0 0;overflow:visible}
.taom-ps-native .svg-label{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font:12px/1.25 Inter,Arial,sans-serif;overflow:hidden;padding:2px;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.taom-ps-native .vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:650}
.taom-ps-native .taom-shape:hover>*{filter:drop-shadow(0 2px 4px rgba(15,23,42,.25))}
.taom-ps-native .taom-shape, .taom-ps-native .taom-edge{cursor:pointer}
.taom-ps-native .lane-grip{cursor:move;fill:transparent!important;stroke:none!important}
.taom-ps-native .taom-edge.selected polyline, .taom-ps-native .taom-edge.selected path{stroke:#2563eb;stroke-width:2.4}
.taom-ps-native .sel-halo{fill:none;stroke:#2563eb;stroke-width:1.8;pointer-events:none;filter:drop-shadow(0 0 2px rgba(37,99,235,.55))}
.taom-ps-native .sel-halo.multi{stroke-width:1.4;opacity:.75;filter:none}
.taom-ps-native .taom-shape.drop-target>*{stroke:#18794e;stroke-width:4}
.taom-ps-native .connect-anchor{cursor:crosshair}
.taom-ps-native .edge-handle{cursor:pointer}
.taom-ps-native .connect-drag-line{pointer-events:none}
.taom-ps-native .inline-edit{position:fixed;z-index:80;border:2px solid #1769aa;border-radius:6px;padding:3px 7px;font:12px/1.25 Inter,Arial,sans-serif;background:#fff;box-shadow:0 6px 16px rgba(16,24,39,.2)}
.taom-ps-native .dock-panel{position:absolute;top:0;bottom:0;z-index:20;padding:14px;overflow:auto;background:#fbfcfe;transition:width .15s ease;box-shadow:0 0 26px rgba(16,24,39,.18)}
.taom-ps-native .dock-panel.dock-left{left:0;border-right:1px solid #e6eaf0;width:230px}
.taom-ps-native .dock-panel.dock-right{right:0;border-left:1px solid #e6eaf0;width:280px}
.taom-ps-native .dock-panel.disabled{opacity:.5;pointer-events:none}
.taom-ps-native .dock-panel.collapsed{width:44px;padding:14px 8px;overflow:hidden}
.taom-ps-native .dock-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e6eaf0}
.taom-ps-native .dock-panel.collapsed .dock-header{flex-direction:column;gap:10px;border-bottom:0}
.taom-ps-native .dock-title{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#7c8798;white-space:nowrap}
.taom-ps-native .dock-panel.collapsed .dock-title{display:block;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;margin:0}
.taom-ps-native .dock-toggle{background:#0888e1;color:#fff;border-radius:7px;padding:5px 9px;font-weight:800;line-height:1;flex-shrink:0;font-size:12px;box-shadow:0 1px 3px rgba(8,136,225,.35)}
.taom-ps-native .dock-toggle:hover{background:#0a76c4}
.taom-ps-native .dock-panel.collapsed .dock-body{display:none}
.taom-ps-native .palette-filter{display:flex;flex-wrap:wrap;gap:4px;padding:4px 2px 10px;position:sticky;top:0;background:#fff;z-index:2}
.taom-ps-native .palette-filter-chip{border:1px solid #d5dbe3;background:#f2f5f9;color:#3a4759;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;cursor:pointer}
.taom-ps-native .palette-filter-chip.active{background:#0888e1;color:#fff;border-color:#0888e1}
.taom-ps-native .palette-category{margin-bottom:16px}
.taom-ps-native .palette-category h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#98a2b3}
.taom-ps-native .palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.taom-ps-native .palette-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border:1px solid #e1e7ef;border-radius:9px;background:#fff;cursor:pointer;font-size:10.5px;line-height:1.15;text-align:center;color:#344054}
.taom-ps-native .palette-item:hover{background:#f0f7ff;border-color:#b8d4ef}
.taom-ps-native .palette-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative}
.taom-ps-native .palette-icon-svg{width:100%;height:100%;overflow:visible}
.taom-ps-native .palette-item-taom{border-color:#c7d2fe;background:linear-gradient(180deg,#f5f7ff,#eef2ff)}
.taom-ps-native .palette-item-taom:hover{background:#e8edff;border-color:#a5b4fc}
.taom-ps-native .palette-item-taom .palette-label{color:#4338ca;font-weight:700}
.taom-ps-native .palette-taom-badge{position:absolute;top:-4px;right:-6px;background:#4338ca;color:#fff;font:800 7px/1 Inter,Arial,sans-serif;letter-spacing:.04em;padding:2px 4px;border-radius:5px;box-shadow:0 1px 3px rgba(40,30,120,.3)}
.taom-ps-native #editor-align-phases.locked-lite{opacity:.7}
.taom-ps-native #editor-align-phases.locked-lite::after{content:'🔒';margin-left:5px;font-size:11px}
.taom-ps-native .attr-empty{color:#8b95a7;font-size:13px}
.taom-ps-native .attr-section{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #eef1f5}
.taom-ps-native .attr-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.taom-ps-native .attr-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#98a2b3;margin:0 0 10px}
.taom-ps-native .meta-lang-switch{display:inline-flex;gap:0;margin:0 0 10px;border:1px solid #d6deea;border-radius:7px;overflow:hidden}
.taom-ps-native .meta-lang-btn{background:#fff;color:#5b6675;border:0;padding:4px 12px;font-weight:700;font-size:12px;cursor:pointer;line-height:1.4}
.taom-ps-native .meta-lang-btn+.meta-lang-btn{border-left:1px solid #d6deea}
.taom-ps-native .meta-lang-btn.active{background:#0888e1;color:#fff}
.taom-ps-native .attr-hint{color:#8b95a7;font-size:11px;line-height:1.4;margin:8px 0 0}
.taom-ps-native .attr-section-title .pi-jira-epic{float:right;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#5243aa;background:#f4f0fb;border:1px solid #e6ddf7;border-radius:8px;padding:2px 8px}
.taom-ps-native .attr-section-title .pi-jira-epic img{display:block}
.taom-ps-native .attr-lastedit{color:#8b95a7;font-size:11px;line-height:1.4;margin:8px 0 0}
.taom-ps-native .attr-lastedit:empty{display:none;margin:0}
.taom-ps-native .attr-lastedit strong{color:#475569}
.taom-ps-native .taom-cl-modal{width:min(640px,94vw);max-height:82vh;display:flex;flex-direction:column}
.taom-ps-native .taom-cl-body{margin-top:10px;overflow:auto}
.taom-ps-native .taom-cl-audit{font-size:12.5px;color:#334155;background:#f3f6fb;border:1px solid #e2e9f3;border-radius:8px;padding:8px 12px;margin:0 0 10px}
.taom-ps-native .taom-cl-row{display:flex;gap:12px;justify-content:space-between;align-items:baseline;padding:6px 2px;border-bottom:1px solid #f0f3f8;font-size:12.5px}
.taom-ps-native .taom-cl-row .clr-main{color:#1f2733}
.taom-ps-native .taom-cl-row .clr-at{color:#8b95a7;white-space:nowrap;font-size:11.5px}
.taom-ps-native .taom-cl-row.unsaved{background:#fffbea}
.taom-ps-native .taom-cl-sep{margin:12px 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#b7791f;font-weight:700}
.taom-ps-native .taom-cl-empty{color:#8b95a7;font-size:13px;padding:8px 2px}
.taom-ps-native .taom-cl-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
.taom-ps-native .taom-cl-filters .cl-f{font:inherit;font-size:12.5px;padding:6px 8px;border:1px solid #d3dae3;border-radius:8px;background:#fff}
.taom-ps-native .taom-cl-filters .cl-q{flex:1 1 200px;min-width:150px}
.taom-ps-native .taom-cl-filters .cl-date{font-size:12px;color:#50575e;display:inline-flex;align-items:center;gap:4px}
.taom-ps-native .taom-cl-filters .cl-date input{font:inherit;font-size:12px;padding:5px 6px;border:1px solid #d3dae3;border-radius:8px}
.taom-ps-native .taom-cl-filters .cl-reset{font:inherit;font-size:12px;padding:6px 10px;border:1px solid #d3dae3;border-radius:8px;background:#f7f9fc;cursor:pointer}
.taom-ps-native .taom-cl-filters .cl-reset:hover{background:#eef4fb}
.taom-ps-native .taom-cl-summary{font-size:12px;color:#6b7787;margin:0 0 8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.taom-ps-native .taom-cl-summary .cl-nav{display:inline-flex;align-items:center;gap:4px;margin-left:auto}
.taom-ps-native .taom-cl-summary .cl-nav button{border:1px solid #cfe0f2;background:#eef6ff;color:#0a6fc0;border-radius:6px;width:24px;height:24px;cursor:pointer;font-size:14px;line-height:1}
.taom-ps-native .taom-cl-summary .cl-nav button:hover{background:#dcecfb}
.taom-ps-native .taom-cl-row.cl-current{background:#eef6ff;outline:2px solid #bcdcfa;border-radius:6px}
.taom-ps-native .taom-cl-body mark{background:#fff3b0;color:inherit;border-radius:2px;padding:0 1px}
.taom-ps-native .taom-cl-row .clr-tag{font-size:10px;background:#fef3c7;color:#92600a;border:1px solid #fde68a;border-radius:5px;padding:0 5px;margin-left:6px;text-transform:uppercase;letter-spacing:.03em}
.taom-ps-native .attr-export label.attr-row-inline{margin:0}
.taom-ps-native .attr-blueprint-wrap{margin-top:14px}
.taom-ps-native .attr-blueprint-badge{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:8px;padding:6px 12px;border-radius:999px;font-weight:800;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#f59e0b,#0788e2,#0a6fc0);background-size:200% 100%;animation:taomBadgeShift 4s ease-in-out infinite;box-shadow:0 2px 8px rgba(7,136,226,.28)}
.taom-ps-native .attr-blueprint-badge .abb-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.8);animation:taomBadgePulse 1.6s ease-out infinite}
@keyframes taomBadgeShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes taomBadgePulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 7px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.taom-ps-native .attr-blueprint-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:11px 14px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;background:#0888e1;color:#fff;box-shadow:0 1px 3px rgba(8,136,225,.28)}
.taom-ps-native .attr-blueprint-btn:hover{background:#0a76c4}
.taom-ps-native .attr-blueprint-btn .abx-ic{font-size:15px;line-height:1}
.taom-ps-native .attr-blueprint-btn.locked{background:#eef1f5;color:#98a2b3;box-shadow:none;cursor:not-allowed;border:1px solid #e2e7ee}
.taom-ps-native .attr-blueprint-btn.locked:hover{background:#eef1f5}
.taom-ps-native .attr-blueprint-btn .abx-lock{font-size:12px;line-height:1;opacity:.85}
.taom-ps-native .taom-phase-bands--interactive .taom-phase-band-hit{transition:fill-opacity .12s ease}
.taom-ps-native .taom-phase-bands--interactive .taom-phase-band-hit:hover{fill-opacity:.24!important;stroke-opacity:.75!important}
.taom-ps-native .taom-phase-modal-ov{position:fixed;inset:0;background:rgba(15,23,42,.42);display:flex;align-items:center;justify-content:center;z-index:11000;padding:20px}
.taom-ps-native .taom-phase-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(2,20,50,.35);width:min(680px,94vw);max-height:90vh;overflow:auto;padding:18px 20px}
.taom-ps-native .taom-phase-modal .tpm-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:15px;color:#0f2942}
.taom-ps-native .taom-phase-modal .tpm-id{background:#eef4fb;color:#0a6fc0;font-weight:800;font-size:12px;padding:3px 9px;border-radius:999px}
.taom-ps-native .taom-phase-modal .tpm-x{margin-left:auto;border:0;background:transparent;font-size:18px;line-height:1;color:#8b95a7;cursor:pointer;padding:2px 6px;border-radius:6px}
.taom-ps-native .taom-phase-modal .tpm-x:hover{background:#f1f4f9;color:#334}
.taom-ps-native .taom-phase-modal .tpm-row{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;color:#4b5768;margin-bottom:14px}
.taom-ps-native .taom-phase-modal .tpm-name{padding:9px 11px;border:1px solid #d3dae3;border-radius:9px;font:inherit;font-size:14px;font-weight:600}
.taom-ps-native .taom-phase-modal .tpm-desc{padding:10px 12px;border:1px solid #d3dae3;border-radius:9px;font:inherit;font-size:13px;line-height:1.5;resize:vertical;min-height:180px}
.taom-ps-native .taom-phase-modal .tpm-name[readonly], .taom-ps-native .taom-phase-modal .tpm-desc[readonly]{background:#f7f9fc;color:#475}
.taom-ps-native .taom-phase-modal .tpm-meta{font-size:12px;color:#6b7789;margin:0 0 8px}
.taom-ps-native .taom-phase-modal .tpm-hint{font-size:12px;color:#9a6a00;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:8px 10px;margin:0 0 10px}
.taom-ps-native .taom-phase-modal .tpm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}
.taom-ps-native .taom-phase-modal .tpm-save{border:0;background:#0888e1;color:#fff;font-weight:700;padding:10px 20px;border-radius:9px;font:inherit;cursor:pointer}
.taom-ps-native .taom-phase-modal .tpm-save:hover{background:#0a76c4}
.taom-ps-native .taom-phase-modal .tpm-close{border:1px solid #d3dae3;background:#fff;color:#475;font-weight:600;padding:10px 18px;border-radius:9px;font:inherit;cursor:pointer}
.taom-ps-native .taom-phase-modal .tpm-close:hover{background:#f1f5fb}
.taom-ps-native .tpm-brand{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:#0a6fc0;background:#eef4fb;padding:3px 9px;border-radius:999px}
.taom-ps-native .tpm-brand-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#0788e2)}
.taom-ps-native .taom-phase-attr .tpa-id{display:inline-block;background:#eef4fb;color:#0a6fc0;font-weight:800;font-size:12px;padding:3px 9px;border-radius:999px;margin-bottom:10px}
.taom-ps-native .taom-phase-attr input[type="text"]{padding:8px 10px;border:1px solid #d3dae3;border-radius:8px;font:inherit;font-size:13px;font-weight:600}
.taom-ps-native .taom-phase-attr .tpa-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.taom-ps-native .taom-phase-attr .tpa-sw{width:24px;height:24px;border-radius:6px;border:2px solid #fff;box-shadow:0 0 0 1px #d3dae3;cursor:pointer;padding:0;font-size:11px;font-weight:800;color:#475;line-height:1}
.taom-ps-native .taom-phase-attr .tpa-sw.sel{box-shadow:0 0 0 2px #0a6fc0}
.taom-ps-native .taom-phase-attr .tpa-reset{background:#f1f4f9}
.taom-ps-native .taom-phase-attr .tpa-lockrow{flex-direction:row;align-items:center;gap:8px}
.taom-ps-native .taom-phase-attr .tpa-order{display:flex;gap:8px;margin-top:4px}
.taom-ps-native .taom-phase-attr .tpa-order button{flex:1;border:1px solid #d3dae3;background:#fff;color:#475;font:inherit;font-size:12px;font-weight:600;padding:8px 6px;border-radius:8px;cursor:pointer}
.taom-ps-native .taom-phase-attr .tpa-order button:hover:not(:disabled){background:#f1f5fb}
.taom-ps-native .taom-phase-attr .tpa-editbtn{width:100%;margin-top:10px;border:0;background:#0888e1;color:#fff;font:inherit;font-weight:700;font-size:12.5px;padding:10px 14px;border-radius:9px;cursor:pointer}
.taom-ps-native .taom-phase-attr .tpa-editbtn:hover{background:#0a76c4}
.taom-ps-native .taom-phase-attr button:disabled{opacity:.5;cursor:not-allowed}
.taom-ps-native .fp-row{display:flex;gap:10px;padding:3px 0;font-size:12px;align-items:baseline}
.taom-ps-native .fp-row span{min-width:92px;color:#8b95a7;flex-shrink:0}
.taom-ps-native .fp-row strong{color:#344054;font-weight:600;word-break:break-word}
.taom-ps-native .fp-ai-icon{margin:4px 0 2px}
.taom-ps-native .fp-ai-icon svg{height:20px;width:auto;display:block}
.taom-ps-native .fp-history{margin:8px 0 0;border-top:1px dashed #e6eaf0;padding-top:8px}
.taom-ps-native .fp-hist-title{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3;margin:0 0 4px}
.taom-ps-native .fp-hist-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:2px 0}
.taom-ps-native .fp-hist-row span{color:#344054;font-weight:600}
.taom-ps-native .fp-hist-row em{color:#8b95a7;font-style:normal;flex-shrink:0}
.taom-ps-native .ctx-menu{position:fixed;z-index:99999;min-width:200px;background:#fff;border:1px solid #d6deea;border-radius:8px;box-shadow:0 8px 28px rgba(16,24,40,.18);padding:5px;font:13px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;color:#1f2733;user-select:none}
.taom-ps-native .ctx-menu.hidden{display:none}
.taom-ps-native .ctx-item{position:relative;padding:7px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px}
.taom-ps-native .ctx-item:hover{background:#eef4fb}
.taom-ps-native .ctx-item.danger{color:#b02525}
.taom-ps-native .ctx-item.danger:hover{background:#fdecec}
.taom-ps-native .ctx-sep{height:1px;background:#eef1f5;margin:4px 6px}
.taom-ps-native .ctx-has-sub::after{content:"›";margin-left:auto;color:#98a2b3;font-size:15px;line-height:1}
.taom-ps-native .ctx-sub{position:absolute;left:100%;top:-5px;margin-left:2px;min-width:190px;background:#fff;border:1px solid #d6deea;border-radius:8px;box-shadow:0 8px 28px rgba(16,24,40,.18);padding:5px;display:none}
.taom-ps-native .ctx-has-sub:hover>.ctx-sub{display:block}
.taom-ps-native .attr-row{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#4b5768;font-weight:650;margin-bottom:12px}
.taom-ps-native .attr-row:last-child{margin-bottom:0}
.taom-ps-native .attr-row-inline{flex-direction:row;align-items:center;gap:8px}
.taom-ps-native .attr-row-inline input[type=checkbox]{width:16px;height:16px}
.taom-ps-native .attr-row input[type=text], .taom-ps-native .attr-row input[type=number], .taom-ps-native .attr-row select, .taom-ps-native .attr-row textarea{border:1px solid #d8dfe9;border-radius:7px;padding:8px 9px;font:13px/1.3 Inter,Arial,sans-serif;background:#fff;resize:vertical}
.taom-ps-native .attr-row input:read-only{background:#f0f2f5;color:#7a8495;cursor:default}
.taom-ps-native .attr-row textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.taom-ps-native .attr-row input[type=color]{width:100%;height:34px;border:1px solid #d8dfe9;border-radius:7px;padding:2px;background:#fff}
.taom-ps-native .bottom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.taom-ps-native .panel{padding:16px;min-height:180px}
.taom-ps-native .workspace-list{display:grid;gap:8px;margin-top:12px}
.taom-ps-native .workspace-item{width:100%;text-align:left;padding:10px 12px;border:1px solid #e1e7ef;border-radius:9px;background:#fff;color:#172033;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.taom-ps-native .workspace-item:hover{background:#f6f9fc}
.taom-ps-native .workspace-item strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}
.taom-ps-native .workspace-item small{color:#778196}
.taom-ps-native pre{margin:12px 0 0;background:#111827;color:#d6e1f1;padding:14px;border-radius:10px;min-height:120px;white-space:pre-wrap;overflow:auto}
.taom-ps-native .hidden{display:none}
@media(max-width:1100px){
.taom-ps-native .upload-panel{grid-template-columns:1fr}
.taom-ps-native form{align-items:stretch;flex-direction:column}
.taom-ps-native .workspace-bar{align-items:flex-start;flex-direction:column}
.taom-ps-native .viewer-grid{min-height:0}
}
@media(max-width:900px){
.taom-ps-native .dock-panel.dock-left, .taom-ps-native .dock-panel.dock-right{width:82vw;max-width:300px}
.taom-ps-native .dock-panel.collapsed{width:44px}
}
@media(max-width:640px){
.taom-ps-native .topbar{flex-direction:column;align-items:flex-start}
.taom-ps-native .card-title{flex-direction:column;align-items:flex-start}
.taom-ps-native .canvas{min-height:360px}
.taom-ps-native .tool-hint{width:100%;order:99}
}
.taom-ps-native .viewer-grid.original-collapsed{grid-template-columns:56px 1fr}
.taom-ps-native #original-card.collapsed-card .card-title-main, .taom-ps-native #original-card.collapsed-card #original-canvas{display:none}
.taom-ps-native #original-card.collapsed-card{min-width:0}
.taom-ps-native .collapsed-label{display:none}
.taom-ps-native #original-card.collapsed-card .card-title{flex-direction:column;gap:10px;align-items:center}
.taom-ps-native #original-card.collapsed-card .collapsed-label{display:block;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;color:#7c8798;text-transform:uppercase;letter-spacing:.06em}
.taom-ps-native .bottom-grid.hidden{display:none}
.taom-ps-native .settings-wrap{position:relative}
.taom-ps-native .settings-panel{position:absolute;top:calc(100% + 8px);right:0;width:250px;background:#fff;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 12px 32px rgba(16,24,39,.18);padding:14px;z-index:60}
.taom-ps-native .settings-panel input[type=range]{width:100%}
.taom-ps-native #set-zoomspeed-val{font-size:11px;color:#7a8495}
.taom-ps-native .tool-btn:disabled{opacity:.4;cursor:not-allowed}
.taom-ps-native .settings-hint{font-size:11px;color:#8b95a7;margin:0 0 10px;line-height:1.4}
.taom-ps-native .settings-error{margin-top:8px;padding:8px 10px;border-radius:8px;background:#fff0f0;color:#9a2d2d;font-size:12px}
.taom-ps-native .learning-status{font-size:11px;color:#8b95a7;margin-top:2px;min-height:14px}
.taom-ps-native .corner-handle{cursor:move}
.taom-ps-native .delete-badge{cursor:pointer}
.taom-ps-native .delete-badge circle{transition:fill-opacity .1s ease}
.taom-ps-native .delete-badge:hover circle{fill-opacity:1}
.taom-ps-native .quick-add-popup{position:fixed;z-index:90;background:#fff;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 14px 34px rgba(16,24,39,.22);padding:10px;max-width:250px}
.taom-ps-native .quick-add-linetype{display:flex;gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #eef1f5}
.taom-ps-native .linetype-btn{flex:1;padding:6px;border-radius:7px;background:#f3f5f8;display:flex;align-items:center;justify-content:center}
.taom-ps-native .linetype-btn.active{background:#e0630f;box-shadow:inset 0 0 0 1px #c2540a}
.taom-ps-native .linetype-btn.active svg line{stroke:#fff !important}
.taom-ps-native .quick-add-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.taom-ps-native .quick-add-popup .palette-item{width:72px}
.taom-ps-native .attr-links{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.taom-ps-native .attr-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#1769aa;text-decoration:none;padding:7px 9px;border:1px solid #cfe0f1;border-radius:7px;background:#f0f7ff}
.taom-ps-native .attr-link:hover{background:#e2f0ff}
.taom-ps-native .resize-handle{cursor:nwse-resize}
.taom-ps-native .resize-handle[data-corner="ne"], .taom-ps-native .resize-handle[data-corner="sw"]{cursor:nesw-resize}
.taom-ps-native .settings-row-btns{display:flex;gap:8px;margin-top:4px}
.taom-ps-native .settings-row-btns .tool-btn{flex:1;padding:8px 6px;font-size:12px}
.taom-ps-native .marked-point{pointer-events:none}
.taom-ps-native .linetype-popup-label{font-size:12px;font-weight:700;color:#4b5768;margin-bottom:8px;text-align:center}
.taom-ps-native .tool-btn.danger{background:#fde8e8;color:#9a2d2d}
.taom-ps-native .tool-btn.danger:hover{background:#fbd5d5}
.taom-ps-native .topbar-right{display:flex;align-items:center;gap:12px}
.taom-ps-native #taom-lang-select{padding:0 34px 0 16px;border-radius:9px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.14);color:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer;height:44px;box-sizing:border-box;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;transition:background-color .12s ease,border-color .12s ease}
.taom-ps-native #taom-lang-select:hover{background-color:rgba(255,255,255,.22);border-color:rgba(255,255,255,.45)}
.taom-ps-native #taom-lang-select:focus{outline:2px solid rgba(7,136,226,.6);outline-offset:1px}
.taom-ps-native .topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.taom-ps-native .topbar-right button, .taom-ps-native .topbar-right .version, .taom-ps-native #taom-lang-select{height:42px;box-sizing:border-box;border-radius:9px}
.taom-ps-native .topbar-right button{padding:0 15px;display:inline-flex;align-items:center;gap:7px;font-weight:750}
.taom-ps-native .topbar-right .secondary{background:#fff;color:#263248;border:1px solid #c6ccd6}
.taom-ps-native .topbar-right .secondary:hover{background:#f4f7fb;border-color:#9aa6b6;filter:none}
.taom-ps-native .topbar-right .tbi, .taom-ps-native .link-btn .tbi{width:15px;height:15px;flex:0 0 auto}
.taom-ps-native .topbar-right .version{padding:0 14px;display:inline-flex;align-items:center;font-size:12.5px}
.taom-ps-native #original-export{position:relative}
.taom-ps-native #original-export .tb-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:60;background:#fff;border:1px solid #d7dbe0;border-radius:10px;box-shadow:0 8px 24px rgba(9,30,66,.18);padding:5px;min-width:200px;display:flex;flex-direction:column;gap:2px}
.taom-ps-native #original-export .tb-menu.hidden{display:none}
.taom-ps-native #original-export .tb-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:0;border-radius:7px;padding:8px 10px;font-size:12.5px;font-weight:600;color:#42526e;cursor:pointer;text-decoration:none}
.taom-ps-native #original-export .tb-menu-item:hover{background:#eef4ff;color:#0b6bcb}
.taom-ps-native #original-export .tb-menu-item.hidden{display:none}
.taom-ps-native #taom-lang-select option{color:#111}
.taom-ps-native .taom-help-tip{position:fixed;z-index:12000;pointer-events:none;background:#0f2942;color:#fff;font:500 12px/1.45 Inter,Arial,sans-serif;padding:8px 11px;border-radius:8px;box-shadow:0 8px 24px rgba(2,20,50,.35);opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease;max-width:320px}
.taom-ps-native .taom-help-tip.show{opacity:1;transform:translateY(0)}
.taom-ps-native #taom-auth-btn{height:44px;box-sizing:border-box;display:inline-flex;align-items:center;font-weight:700}
.taom-ps-native .taom-auth-modal{width:min(640px,95vw)}
.taom-ps-native .taom-auth-modal .ta-shop-buy-list a{align-items:center;padding:8px 11px!important;gap:12px;transition:background .12s ease,border-color .12s ease}
.taom-ps-native .taom-auth-modal .ta-shop-buy-list .ta-buy-img{width:34px;height:34px;flex:0 0 auto;border-radius:6px;object-fit:cover;border:1px solid #e2e8f2;background:#fff}
.taom-ps-native .taom-auth-modal .ta-shop-buy-list a:hover{background:#eef6ff!important;border-color:#9dc4f5!important}
.taom-ps-native .taom-auth-modal .ta-shop-buy-list .ta-buy-name{font-weight:700;font-size:13px;flex:0 1 auto;min-width:0;line-height:1.25}
.taom-ps-native .taom-auth-modal .ta-shop-buy-list .ta-buy-price{color:#5e6c84;font-size:11.5px;line-height:1.25;flex:1 1 auto;min-width:0;text-align:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.taom-ps-native .taom-auth-modal .ta-shop-buy-list .ta-buy-cta{color:#fff;background:#0b6bcb;font-weight:700;font-size:12px;white-space:nowrap;flex:0 0 auto;padding:6px 12px;border-radius:8px}
.taom-ps-native .taom-auth-modal .ta-shop-buy-list a:hover .ta-buy-cta{background:#0959ad}
.taom-ps-native .taom-auth-modal .ta-demo-btn{border:1px solid #cfe0f1;background:#f0f7ff;color:#0a6fc0;font:inherit;font-weight:700;padding:10px 14px;border-radius:9px;cursor:pointer}
.taom-ps-native .taom-auth-modal .ta-demo-btn:hover{background:#e3f0fd}
.taom-ps-native .taom-auth-modal .ta-link-btn{width:100%;margin-top:6px;border:0;background:transparent;color:#0a6fc0;font:inherit;font-weight:700;cursor:pointer;padding:8px;text-align:center}
.taom-ps-native .taom-auth-modal .ta-link-btn:hover{text-decoration:underline}
.taom-ps-native .taom-auth-modal .ta-pflicht{color:#d94a3d;font-weight:700;margin-right:4px}
/* PFLICHTKENNZEICHEN IM FELD statt darueber: Der Stern sitzt als Platzhalter
   im Eingabefeld. Er kostet keine eigene Zeile und verschwindet beim Tippen -
   bei sechs Feldern spart das auf dem Handy eine halbe Bildschirmhoehe. */
.taom-ps-native .taom-auth-modal .ta-req::placeholder{color:#d94a3d;opacity:1;font-weight:700}
.taom-ps-native .taom-auth-modal .ta-req::-webkit-input-placeholder{color:#d94a3d;font-weight:700}
.taom-ps-native .taom-auth-modal .ta-pflichthinweis{font-size:12.5px;color:#7f8b9c;margin:8px 0 4px}
.taom-ps-native .taom-auth-modal .ta-chk{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:#3a4658;font-weight:600;line-height:1.35;cursor:pointer}
.taom-ps-native .taom-auth-modal .ta-chk input{margin-top:2px}
.taom-ps-native .taom-auth-modal #ta-reg, .taom-ps-native .taom-auth-modal #ta-contact{border-top:1px solid #eef1f5;margin-top:8px;padding-top:10px}
.taom-ps-native .taom-auth-modal select, .taom-ps-native .taom-auth-modal textarea{padding:8px 10px;border:1px solid #d3dae3;border-radius:8px;font:inherit;font-size:13px}
.taom-ps-native .help-modal{position:fixed;inset:0;z-index:200;background:rgba(16,24,39,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.taom-ps-native .help-modal.hidden{display:none}
.taom-ps-native .help-modal-inner{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 30px 70px rgba(16,24,39,.35)}
.taom-ps-native .help-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #e6eaf0;flex-shrink:0}
.taom-ps-native .help-modal-header h2{margin:0;font-size:19px}
.taom-ps-native .help-modal-body{padding:20px 22px 28px;overflow:auto}
.taom-ps-native .help-modal-body .lm-lic{display:inline-block;background:#fff7ed;color:#9a6a00;border:1px solid #fed7aa;border-radius:6px;padding:0 6px;font-size:11px;font-weight:700;vertical-align:middle;white-space:nowrap}
.taom-ps-native .help-modal-body h3{margin:22px 0 8px;font-size:15px;color:#172033}
.taom-ps-native .help-modal-body h3:first-of-type{margin-top:10px}
.taom-ps-native .help-modal-body p{margin:0 0 10px;color:#344054;line-height:1.55;font-size:14px}
.taom-ps-native .help-modal-body ul{margin:0 0 12px;padding-left:20px;color:#344054;line-height:1.55;font-size:14px}
.taom-ps-native .help-modal-body li{margin-bottom:4px}
.taom-ps-native .help-modal-body code{background:#f0f2f5;border-radius:4px;padding:1px 5px;font-size:12.5px}
.taom-ps-native .help-note{background:#eef7ff;border:1px solid #cfe0f1;border-radius:9px;padding:10px 12px;font-size:13px;color:#245b84}
.taom-ps-native .help-layout-map{border:1px solid #dfe5ee;border-radius:12px;overflow:hidden;margin:14px 0 20px;font-size:12px}
.taom-ps-native .lm-row{padding:8px 12px;border-bottom:1px solid #e6eaf0;background:#f8fafc;color:#344054}
.taom-ps-native .lm-topbar{background:#101827;color:#fff}
.taom-ps-native .lm-split{display:flex;gap:0;border-bottom:1px solid #e6eaf0}
.taom-ps-native .lm-original{width:26%;padding:10px;background:#fff;border-right:1px solid #e6eaf0;color:#344054}
.taom-ps-native .lm-generated{flex:1;display:flex;flex-direction:column}
.taom-ps-native .lm-gentitle{padding:6px 10px;background:#fff;border-bottom:1px solid #eef1f5;color:#172033}
.taom-ps-native .lm-toolbar{padding:6px 10px;background:#fbfcfe;border-bottom:1px solid #eef1f5;color:#4b5768}
.taom-ps-native .lm-editor-row{display:flex;flex:1}
.taom-ps-native .lm-palette{width:22%;padding:10px;background:#fbfcfe;border-right:1px solid #eef1f5;color:#4b5768}
.taom-ps-native .lm-canvas{flex:1;padding:10px;background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 10px,#f3f5f8 10px,#f3f5f8 20px);color:#4b5768}
.taom-ps-native .lm-attrs{width:22%;padding:10px;background:#fbfcfe;border-left:1px solid #eef1f5;color:#4b5768}
.taom-ps-native .lm-bottom{background:#fde8e8;color:#9a2d2d}
.taom-ps-native .hidden-file-input{display:none}
.taom-ps-native .settings-batch{margin-top:14px;padding-top:14px;border-top:1px solid #eef1f5}
.taom-ps-native .settings-batch .settings-hint{margin-bottom:8px}
.taom-ps-native .help-modal-footer{margin-top:24px;padding-top:16px;border-top:1px solid #e6eaf0;text-align:center}
.taom-ps-native .licenses-modal-inner{max-width:640px}
.taom-ps-native .licenses-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}
.taom-ps-native .licenses-table th, .taom-ps-native .licenses-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #eef1f5}
.taom-ps-native .licenses-table th{color:#7c8798;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.taom-ps-native .taom-agent{margin:0 0 14px;border:1px solid #0a6fc0;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(7,136,226,.18);overflow:hidden}
.taom-ps-native .taom-agent:has(.taom-agent-toggle[aria-expanded="false"]){animation:taomAgentGlow 2.2s ease-in-out infinite}
@keyframes taomAgentGlow{0%,100%{box-shadow:0 2px 6px rgba(7,136,226,.18)}50%{box-shadow:0 0 0 3px rgba(7,136,226,.22),0 6px 18px rgba(7,136,226,.30)}}
.taom-ps-native .taom-agent-toggle{position:relative;width:100%;text-align:left;border:0;background:linear-gradient(90deg,#0788e2,#0a6fc0);padding:14px 18px;font:inherit;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;overflow:hidden}
.taom-ps-native .taom-agent-toggle:hover{background:linear-gradient(90deg,#0a93f0,#0876cc)}
.taom-ps-native .taom-agent-toggle[aria-expanded="false"]::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:taomAgentSheen 2.6s ease-in-out infinite;pointer-events:none}
@keyframes taomAgentSheen{0%{left:-45%}60%,100%{left:120%}}
.taom-ps-native .taom-agent-caret{display:inline-block;transition:transform .15s ease;color:#fff;font-size:16px;line-height:1}
.taom-ps-native .taom-agent-toggle[aria-expanded="true"] .taom-agent-caret{transform:rotate(90deg)}
.taom-ps-native .taom-agent-toggle[aria-expanded="false"] .taom-agent-caret{animation:taomCaretNudge 1.4s ease-in-out 3}
@keyframes taomCaretNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
.taom-ps-native .taom-agent-label{display:flex;flex-direction:column;gap:2px}
.taom-ps-native .taom-agent-title{font-weight:800;font-size:16px;letter-spacing:.2px}
.taom-ps-native .taom-agent-sub{font-weight:600;font-size:11.5px;opacity:.94;text-transform:uppercase;letter-spacing:.4px}
.taom-ps-native .taom-agent-cta{margin-left:auto;flex:none;background:#fff;color:#0a6fc0;font-weight:800;font-size:12.5px;padding:6px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.15);position:relative;z-index:1}
.taom-ps-native .taom-agent-ticker{margin-left:14px;flex:1 1 auto;min-width:0;max-width:none;background:none;color:#eaf4ff;font-weight:600;font-size:13px;letter-spacing:.1px;padding:0;border-radius:0;box-shadow:none;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
.taom-ps-native .taom-agent-toggle{flex-wrap:nowrap}
.taom-ps-native .taom-agent-ticker .taom-ticker-track{display:inline-block;white-space:nowrap}
.taom-ps-native .taom-agent-toggle[aria-expanded="true"] .taom-agent-cta{display:none}
.taom-ps-native .taom-agent-body{padding:14px 16px;border-top:1px solid #eef1f5}
.taom-ps-native .taom-agent-intro{margin:0 0 10px;color:#5b6472;font-size:13px;line-height:1.4}
.taom-ps-native .taom-agent-log{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto;margin-bottom:10px}
.taom-ps-native .taom-agent-msg{padding:8px 11px;border-radius:10px;font-size:13px;line-height:1.45;white-space:pre-wrap;max-width:92%}
.taom-ps-native .taom-agent-msg.user{align-self:flex-end;background:#2563eb;color:#fff;border-bottom-right-radius:3px}
.taom-ps-native .taom-agent-msg.agent{align-self:flex-start;background:#f1f4f9;color:#1f2a37;border-bottom-left-radius:3px}
.taom-ps-native .taom-agent-msg.system{align-self:center;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;text-align:center}
.taom-ps-native .taom-agent-msg a{color:inherit;font-weight:600;text-decoration:underline}
.taom-ps-native .taom-agent-input{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.taom-ps-native .taom-agent-recover{display:inline-flex;align-items:center;gap:7px;border:1px solid #c6ccd6;background:#fff;color:#263248;padding:0 14px;height:44px;box-sizing:border-box;border-radius:9px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.taom-ps-native .taom-agent-recover:hover{background:#f4f7fb;border-color:#9aa6b6}
.taom-ps-native .taom-agent-recover .tbi{width:15px;height:15px;flex:0 0 auto}
.taom-ps-native .taom-agent-input textarea{flex:1;resize:vertical;min-height:44px;padding:9px 11px;border:1px solid #d3dae3;border-radius:9px;font:inherit;font-size:13px}
.taom-ps-native .taom-agent-send{border:0;background:#0888e1;color:#fff;padding:0 20px;height:44px;box-sizing:border-box;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}
.taom-ps-native .taom-agent-send:hover{background:#0a76c4}
.taom-ps-native .taom-agent-send:disabled{opacity:.6;cursor:default}
.taom-ps-native .taom-agent-mic{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c6ccd6;background:#fff;color:#263248;padding:0 14px;height:44px;box-sizing:border-box;border-radius:9px;font:inherit;font-weight:600;line-height:1;cursor:pointer}
.taom-ps-native .taom-agent-mic .mic-glyph{width:15px;height:15px;flex:0 0 auto;display:inline-flex}
.taom-ps-native .taom-agent-mic .mic-label{font-size:13px}
.taom-ps-native .taom-agent-mic:hover{background:#f1f5fb}
.taom-ps-native .taom-agent-mic.listening{background:#dc2626;border-color:#dc2626;color:#fff;animation:taomMicPulse 1.1s ease-in-out infinite}
@keyframes taomMicPulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.5)}50%{box-shadow:0 0 0 6px rgba(220,38,38,0)}}
.taom-ps-native .taom-agent-answer{margin-top:10px;display:flex;flex-direction:column}
.taom-ps-native .taom-agent-answer:empty{display:none}
.taom-ps-native .taom-agent-histtoggle{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:#5b6472;cursor:pointer;user-select:none}
.taom-ps-native .taom-agent-histtoggle input{margin:0}
.taom-ps-native .taom-agent-box{border:1px solid #d3dae3;border-radius:10px;padding:6px;background:#fff}
.taom-ps-native .taom-agent-box .taom-agent-input{gap:6px}
.taom-ps-native .taom-agent-box .taom-agent-input textarea{border:0;background:transparent;min-height:40px}
.taom-ps-native .taom-agent-box .taom-agent-input textarea:focus{outline:none}
.taom-ps-native .taom-agent-answer{margin:6px 4px 2px;padding-top:8px;border-top:1px dashed #e6eaf0}
.taom-ps-native .taom-agent-answer:empty{display:none;margin:0;padding:0;border:0}
.taom-ps-native .taom-agent-answer .taom-agent-msg{max-width:100%}
.taom-ps-native .taom-agent-log.hidden{display:none}
.taom-ps-native .taom-agent{position:relative;overflow:visible;z-index:40}
.taom-ps-native .taom-agent-body{position:absolute;left:0;right:0;top:100%;z-index:60;max-height:min(62vh,540px);overflow:auto;background:#fff;border:1px solid #e6eaf0;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 16px 34px rgba(16,24,40,.20)}
.taom-ps-native .taom-agent-body .taom-agent-log{max-height:none;overflow:visible}
.taom-ps-native .svg-label.ext-label{cursor:move;border-radius:4px}
.taom-ps-native .svg-label.ext-label:hover{background:rgba(7,136,226,.10);outline:1px dashed rgba(7,136,226,.5)}
.taom-ps-native .taom-critic-notice{position:fixed;right:16px;top:78px;z-index:60;background:#fff;border:1px solid #e6ebf1;border-left:4px solid #5aa172;border-radius:10px;box-shadow:0 10px 28px rgba(16,40,70,.16);padding:9px 10px 9px 12px;font:12.5px/1.4 Inter,Arial,sans-serif;max-width:340px;animation:tcnIn .18s ease-out}
.taom-ps-native .taom-critic-notice.fixed{border-left-color:#d98a3d}
@keyframes tcnIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.taom-ps-native .taom-critic-notice .tcn-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.taom-ps-native .taom-critic-notice .tcn-badge{font-weight:700;color:#0a6fc0}
.taom-ps-native .taom-critic-notice .tcn-state{color:#3a4759}
.taom-ps-native .taom-critic-notice .tcn-collapse{margin-left:auto;border:1px solid #e0e6ee;background:#f3f6fb;color:#5b6a7a;border-radius:6px;width:20px;height:20px;font-size:14px;line-height:1;cursor:pointer;padding:0}
.taom-ps-native .taom-critic-notice .tcn-close{border:0;background:none;color:#8a97a8;font-size:17px;cursor:pointer;line-height:1;padding:0 2px}
.taom-ps-native .taom-critic-notice .tcn-list{margin:7px 0 0;padding-left:16px;color:#5b6a7a}
.taom-ps-native .taom-critic-notice .tcn-list li{margin:2px 0}
.taom-ps-native .taom-critic-notice.collapsed .tcn-state, .taom-ps-native .taom-critic-notice.collapsed .tcn-list{display:none}
@media(max-width:900px){
.taom-ps-native .taom-critic-notice{right:10px;top:64px;max-width:260px}
}
.taom-ps-native .taom-agent-flow{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;min-height:22px;font:12px/1 Inter,Arial,sans-serif;color:#5b6a7a}
.taom-ps-native .taom-agent-flow:empty{display:none}
.taom-ps-native .taom-agent-flow span{display:inline;text-transform:none;letter-spacing:normal;color:inherit;font-size:12px}
.taom-ps-native .taom-agent-flow .taf-node{font-weight:700;color:#8a97a8;padding:3px 10px;border:1px solid #e6ebf1;border-radius:999px;background:#fff;white-space:nowrap;transition:all .2s}
.taom-ps-native .taom-agent-flow .taf-node.active{color:#0a6fc0;border-color:#bcdcfa;background:#eef6ff;box-shadow:0 0 0 3px rgba(7,136,226,.10)}
.taom-ps-native .taom-agent-flow .taf-link{display:inline-flex;gap:4px;align-items:center}
.taom-ps-native .taom-agent-flow .taf-link i{width:5px;height:5px;border-radius:50%;background:#cdd7e3;display:inline-block}
.taom-ps-native .taom-agent-flow.busy .taf-link i{background:#0a93f0;animation:tafDot 1s infinite ease-in-out}
.taom-ps-native .taom-agent-flow.busy .taf-link i:nth-child(2){animation-delay:.15s}
.taom-ps-native .taom-agent-flow.busy .taf-link i:nth-child(3){animation-delay:.3s}
@keyframes tafDot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
.taom-ps-native .taom-agent-flow .taf-status{margin-left:4px;color:#5b6a7a}
.taom-ps-native .taom-agent-flow .taf-status.ok{color:#2f8f56;font-weight:700}
.taom-ps-native .taom-agent-flow .taf-status.fix{color:#c06a15;font-weight:700}
.taom-ps-native .taom-agent-flow .taf-node{display:inline-flex;align-items:center;gap:5px}
.taom-ps-native .taom-agent-flow.live .taf-link i{animation:tafMarch 1s infinite linear!important}
.taom-ps-native .taom-agent-flow.live .taf-link i:nth-child(2){animation-delay:.33s!important}
.taom-ps-native .taom-agent-flow.live .taf-link i:nth-child(3){animation-delay:.66s!important}
@keyframes tafMarch{0%{opacity:.15;transform:translateX(-3px)}50%{opacity:1;transform:translateX(1px)}100%{opacity:.15;transform:translateX(4px)}}
.taom-ps-native .taom-agent-flow .taf-ic{width:14px;height:14px;fill:currentColor;opacity:.7;flex:0 0 auto}
.taom-ps-native .taom-agent-flow .taf-node.active .taf-ic{opacity:1;fill:#0a6fc0}
.taom-ps-native .taom-agent-flow .taf-lbl{white-space:nowrap}
.taom-ps-native .taom-agent-flow .taf-life{width:7px;height:7px;border-radius:50%;background:#0a93f0;flex:0 0 auto;box-shadow:0 0 0 0 rgba(10,147,240,.5);animation:tafBlink 1.05s ease-in-out infinite}
.taom-ps-native .taom-agent-flow.wait .taf-node.active .taf-ic{fill:#c06a15}
.taom-ps-native .taom-agent-flow.wait .taf-life{background:#f59e0b;box-shadow:0 0 0 0 rgba(245,158,11,.5)}
@keyframes tafBlink{0%{opacity:1;box-shadow:0 0 0 0 rgba(10,147,240,.5)}70%{opacity:.35;box-shadow:0 0 0 5px rgba(10,147,240,0)}100%{opacity:1;box-shadow:0 0 0 0 rgba(10,147,240,0)}}
.taom-ps-native .taom-agent-flow.live .taf-status{color:#0a6fc0;font-weight:700}
.taom-ps-native .taom-agent-flow.live .taf-status::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#0a93f0;margin-right:6px;vertical-align:middle;animation:tafPulse 1.1s ease-in-out infinite}
.taom-ps-native .taom-agent-flow.wait .taf-status::before{background:#f59e0b}
.taom-ps-native .taom-agent-flow.wait .taf-status{color:#c06a15;font-weight:700}
@keyframes tafPulse{0%,100%{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}
.taom-ps-native .taom-agent-flow .tsc{height:22px;flex:0 1 210px;min-width:130px}
.taom-ps-native .taom-agent-flow .tsc svg{width:100%;height:22px;display:block;overflow:visible}
.taom-ps-native .taom-agent-flow .tsc .road{fill:#334155}
.taom-ps-native .taom-agent-flow .tsc .dash{fill:#f8d34e}
.taom-ps-native .taom-agent-flow .tsc .fig{stroke:#0a6fc0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.taom-ps-native .taom-agent-flow .tsc circle.head{fill:#0a6fc0;stroke:none}
.taom-ps-native .taom-agent-flow .tsc .drum{fill:#475569}
.taom-ps-native .taom-agent-flow .tsc .cab{fill:#f59e0b}
.taom-ps-native .taom-agent-flow .tsc .glass{stroke:#0a6fc0;stroke-width:1.7;fill:rgba(10,147,240,.12)}
.taom-ps-native .taom-agent-flow .tsc.build .seg{opacity:0;animation:tscLay 3.4s linear infinite}
.taom-ps-native .taom-agent-flow .tsc .s1{animation-delay:0s}
.taom-ps-native .taom-agent-flow .tsc .s2{animation-delay:.42s}
.taom-ps-native .taom-agent-flow .tsc .s3{animation-delay:.84s}
.taom-ps-native .taom-agent-flow .tsc .s4{animation-delay:1.26s}
.taom-ps-native .taom-agent-flow .tsc .s5{animation-delay:1.68s}
.taom-ps-native .taom-agent-flow .tsc .s6{animation-delay:2.1s}
.taom-ps-native .taom-agent-flow .tsc .s7{animation-delay:2.52s}
.taom-ps-native .taom-agent-flow .tsc .s8{animation-delay:2.94s}
@keyframes tscLay{0%{opacity:0}4%{opacity:1}100%{opacity:1}}
.taom-ps-native .taom-agent-flow .tsc.build .roller{animation:tscRoll 4.6s ease-in-out infinite alternate}
@keyframes tscRoll{0%{transform:translateX(8px)}100%{transform:translateX(116px)}}
.taom-ps-native .taom-agent-flow .tsc.build .rollerbody{transform-box:fill-box;transform-origin:center;animation:tscFace 9.2s steps(1,end) infinite}
@keyframes tscFace{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}100%{transform:scaleX(1)}}
.taom-ps-native .taom-agent-flow .tsc.review .roller{display:none}
.taom-ps-native .taom-agent-flow .tsc.review .seg{opacity:1}
.taom-ps-native .taom-agent-flow .tsc.build .inspector{display:none}
.taom-ps-native .taom-agent-flow .tsc .inspector{animation:tscWalk 3s ease-in-out infinite alternate}
@keyframes tscWalk{0%{transform:translateX(18px)}100%{transform:translateX(126px)}}
.taom-ps-native .taom-agent-flow .tsc .inspectorbody{transform-box:fill-box;transform-origin:center;animation:tscFaceI 6s steps(1,end) infinite}
@keyframes tscFaceI{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}100%{transform:scaleX(1)}}
.taom-ps-native .taom-agent-flow .tsc .glassgrp{animation:tscBob .5s ease-in-out infinite}
@keyframes tscBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.4px)}}
.taom-ps-native .taom-agent-flow .tsc.celebrate .jumper{transform-box:fill-box;transform-origin:center bottom;animation:tscJump .5s ease-in-out infinite}
@keyframes tscJump{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}
.taom-ps-native .taom-agent-flow .tsc.celebrate .cf{animation:tscCf 1s linear infinite}
.taom-ps-native .taom-agent-flow .tsc.celebrate .c2{animation-delay:.25s}
.taom-ps-native .taom-agent-flow .tsc.celebrate .c3{animation-delay:.5s}
.taom-ps-native .taom-agent-flow .tsc.celebrate .c4{animation-delay:.75s}
@keyframes tscCf{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(12px)}}
.taom-ps-native .taom-agent-flow .tsc.idleman .waiter{transform-box:fill-box;transform-origin:center bottom;animation:tscSway 2.6s ease-in-out infinite}
@keyframes tscSway{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
.taom-ps-native .taom-agent-flow .tsc.idleman .d{fill:#b91c1c;animation:tscDot3 1.5s ease-in-out infinite}
.taom-ps-native .taom-agent-flow .tsc.idleman .d2{animation-delay:.15s}
.taom-ps-native .taom-agent-flow .tsc.idleman .d3{animation-delay:.3s}
.taom-ps-native .taom-agent-flow .tsc.idleman .d4{animation-delay:.45s}
.taom-ps-native .taom-agent-flow .tsc.idleman .d5{animation-delay:.6s}
.taom-ps-native .taom-agent-flow .tsc.idleman .d6{animation-delay:.75s}
.taom-ps-native .taom-agent-flow .tsc.idleman .d7{animation-delay:.9s}
@keyframes tscDot3{0%,100%{opacity:.2}50%{opacity:1}}
@media(max-width:900px){
.taom-ps-native .taom-agent-flow{display:none}
}
.taom-ps-native .attr-enrich{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding:6px 8px;background:#f4f8fd;border:1px solid #dbe7f5;border-radius:8px}
.taom-ps-native .attr-enrich .ta-en{font-size:11.5px;font-weight:600}
.taom-ps-native .attr-enrich .ta-en.ok{color:#1a7f37}
.taom-ps-native .attr-enrich .ta-en.run{color:#0a6fc0}
.taom-ps-native .attr-enrich .ta-en.err{color:#b02525}
.taom-ps-native .attr-enrich .ta-en.idle{color:#8a97a8;font-weight:500}
.taom-ps-native .attr-enrich .attr-inline-btn{background:#0888e1;color:#fff;border:0;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer}
.taom-ps-native .attr-enrich .attr-inline-btn:hover{background:#0a6fc0}
.taom-ps-native .topbar-right{flex-wrap:wrap}
.taom-ps-native .topbar-right #taom-auth-btn{order:1}
.taom-ps-native .topbar-right #taom-lang-select{order:2}
.taom-ps-native .topbar-right #help-btn{order:3}
.taom-ps-native .topbar-right #version-link{order:4}
.taom-ps-native .card-title .settings-wrap.in-editor{margin-left:auto}
.taom-ps-native .card-title .settings-wrap.in-editor .settings-panel{right:0;left:auto}
.taom-ps-native .taom-agent-flow .taf-roster{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.taom-ps-native .taom-agent-flow .taf-emo{font-size:13px;line-height:1}
.taom-ps-native .taom-agent-flow .taf-node.dim{opacity:.5}
.taom-ps-native .taom-agent-flow .taf-node.active{color:#0a6fc0;border-color:#bcdcfa;background:#eef6ff;box-shadow:0 0 0 2px rgba(10,147,240,.12)}
.taom-ps-native .taom-agent-flow .taf-run{display:inline-flex;gap:2px;align-items:center;margin-left:2px}
.taom-ps-native .taom-agent-flow .taf-run i{width:4px;height:4px;border-radius:50%;background:#0a93f0;animation:tafRun 1s ease-in-out infinite}
.taom-ps-native .taom-agent-flow .taf-run i:nth-child(2){animation-delay:.15s}
.taom-ps-native .taom-agent-flow .taf-run i:nth-child(3){animation-delay:.3s}
@keyframes tafRun{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
.taom-ps-native .taom-agent-flow .taf-scene{display:inline-flex;align-items:center;margin:0 2px}
.taom-ps-native .taom-agent-flow .taf-scene svg{height:22px;width:auto}
.taom-ps-native .topbar-right #taom-auth-btn.taom-auth-on{background:#0888e1;color:#fff;border-color:#0888e1}
.taom-ps-native .topbar-right #taom-auth-btn.taom-auth-on:hover{background:#0a6fc0}
.taom-ps-native .attr-enrich{flex-wrap:wrap}
.taom-ps-native .attr-enrich-user{font-size:11px;color:#b45309;font-weight:700}
.taom-ps-native .attr-inline-btn.ghost{background:#fff;color:#0a6fc0;border:1px solid #bcdcfa}
.taom-ps-native .attr-inline-btn.ghost:hover{background:#eef6ff}
.taom-ps-native .taom-agent-ticker{overflow:hidden;white-space:nowrap;flex:1 1 0;min-width:0;margin-left:14px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  animation:none}
.taom-ps-native .taom-ticker-track{display:inline-block;white-space:nowrap;will-change:transform;animation:taomTickerScroll 30s linear infinite}
.taom-ps-native .taom-agent-ticker:hover .taom-ticker-track{animation-play-state:paused}
@keyframes taomTickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.taom-ps-native #editor-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px}
.taom-ps-native #editor-toolbar .tb-group{display:flex;align-items:center;gap:4px}
.taom-ps-native #editor-toolbar .tb-div{width:1px;height:24px;background:#e3e6ea;margin:0 4px;flex:0 0 auto}
.taom-ps-native #editor-toolbar .tb-spacer{flex:1 1 auto}
.taom-ps-native #editor-toolbar .tool-btn{font-size:12.5px;font-weight:600;border-radius:8px;padding:8px 11px;border:1px solid transparent;display:inline-flex;align-items:center;gap:6px;background:transparent;color:#42526e}
.taom-ps-native #editor-toolbar .tool-btn[hidden]{display:none!important}
.taom-ps-native #editor-toolbar .tool-btn.secondary{background:#fff;border-color:#c6ccd6}
.taom-ps-native #editor-toolbar .tool-btn.secondary:hover:not(:disabled){background:#f4f6f9}
.taom-ps-native #editor-toolbar .tool-btn.ghost{background:transparent;border-color:transparent}
.taom-ps-native #editor-toolbar .tool-btn.ghost:hover:not(:disabled){background:#eef1f5}
.taom-ps-native #editor-toolbar .tool-btn.primary{background:#0b6bcb;border-color:#0b6bcb;color:#fff}
.taom-ps-native #editor-toolbar .tool-btn.primary:hover:not(:disabled){background:#0a5aa8}
.taom-ps-native #editor-toolbar .tool-btn.danger{background:#fff;border-color:#eab7b1;color:#c0392b}
.taom-ps-native #editor-toolbar .tool-btn.danger:hover:not(:disabled){background:#fdecea}
.taom-ps-native #editor-toolbar .tool-btn .tbi{width:15px;height:15px;flex:0 0 auto}
.taom-ps-native #editor-toolbar .tb-dropdown{position:relative}
.taom-ps-native #editor-toolbar .tb-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:60;background:#fff;border:1px solid #d7dbe0;border-radius:10px;box-shadow:0 8px 24px rgba(9,30,66,.18);padding:5px;min-width:210px;display:flex;flex-direction:column;gap:2px}
.taom-ps-native #editor-toolbar .tb-menu.hidden{display:none}
.taom-ps-native #editor-toolbar .tb-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:0;border-radius:7px;padding:8px 10px;font-size:12.5px;font-weight:600;color:#42526e;cursor:pointer;text-decoration:none}
.taom-ps-native #editor-toolbar .tb-menu-item:hover{background:#eef4ff;color:#0b6bcb}
.taom-ps-native #editor-toolbar .tb-menu-item[disabled]{opacity:.4;cursor:not-allowed}
.taom-ps-native #editor-toolbar .tb-menu-item.hidden{display:none}
.taom-ps-native #editor-toolbar .tool-hint{flex-basis:100%;order:9;margin-top:6px}
.taom-ps-native #html-generated, .taom-ps-native #pdf-generated, .taom-ps-native #download-generated{display:none!important}
.taom-ps-native .settings-panel{position:fixed;max-height:80vh;overflow-y:auto;width:280px;z-index:9000}
.taom-ps-native .bottom-grid-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
.taom-ps-native .bottom-grid-head span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7a8495;font-weight:700}
.taom-ps-native .bottom-grid .panel{max-height:360px;overflow:auto}
.taom-ps-native .bottom-grid #log{max-height:300px;overflow:auto}
.taom-ps-native #upload-form .upload-actions{flex:1 1 100%;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.taom-ps-native #upload-form #file{width:auto;flex:0 1 auto;max-width:360px}
.taom-ps-native #upload-form .upload-actions{flex:0 1 auto}
.taom-ps-native .taom-shape-modal{resize:both;overflow:auto;min-width:460px;min-height:360px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column}
.taom-ps-native .taom-shape-modal .tpm-lbl{display:block;margin-bottom:4px}
.taom-ps-native .taom-shape-modal .tpm-row-desc{flex:1 1 auto;min-height:200px}
.taom-ps-native .taom-shape-modal .tpm-desc{width:100%;min-height:160px;flex:1 1 auto;resize:vertical;font:13px/1.5 Inter,Arial,sans-serif}
.taom-ps-native .taom-shape-modal .tpm-preview{flex:1 1 auto}
.taom-ps-native .taom-shape-modal .tpm-toolbar{display:flex;gap:4px;align-items:center;margin:0 0 6px;flex-wrap:wrap}
.taom-ps-native .taom-shape-modal .tpm-tb{padding:4px 9px;border:1px solid #dfe5ee;background:#fff;border-radius:6px;font-size:13px;cursor:pointer;color:#334155;line-height:1;min-width:28px}
.taom-ps-native .taom-shape-modal .tpm-tb:hover{background:#eef6ff;border-color:#bcdcfa}
.taom-ps-native .taom-shape-modal .tpm-tb-sp{flex:1}
.taom-ps-native .taom-shape-modal .tpm-tab{padding:4px 10px;border:1px solid #dfe5ee;background:#f8fafc;border-radius:6px;font-size:12px;cursor:pointer;color:#475569}
.taom-ps-native .taom-shape-modal .tpm-tab.active{background:#0888e1;color:#fff;border-color:#0888e1}
.taom-ps-native .taom-shape-modal .tpm-preview{border:1px solid #dfe5ee;border-radius:8px;padding:10px 12px;min-height:220px;overflow:auto;background:#fff}
.taom-ps-native .taom-shape-modal .tpm-preview h4{margin:.6em 0 .2em;font-size:14px;color:#1f2733}
.taom-ps-native .taom-shape-modal .tpm-preview p{margin:.35em 0}
.taom-ps-native .taom-shape-modal .tpm-preview ul, .taom-ps-native .taom-shape-modal .tpm-preview ol{margin:.35em 0 .35em 1.2em}
.taom-ps-native .taom-shape-modal .tpm-preview .tpm-empty{color:#98a2b3}
.taom-ps-native .taom-shape-modal .tpm-preview .tpm-md-img{max-width:100%;max-height:280px;height:auto;border:1px solid #e6ebf1;border-radius:8px;display:block;margin:8px 0}
.taom-ps-native .taom-shape-modal .tpm-desc.tpm-drop{outline:2px dashed #0888e1;outline-offset:-2px;background:#f2f9ff}
.taom-ps-native .taom-shape-modal .tpm-desc-hint{flex:0 0 auto;font-size:11px;color:#8a94a4;margin:5px 0 0}
.taom-ps-native .taom-shape-modal .hidden{display:none}
.taom-ps-native .tpm-attach-row{margin-top:8px}
.taom-ps-native .tpm-attach-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.taom-ps-native .tpm-attach-add{padding:4px 10px;border:1px solid #bcdcfa;background:#eef6ff;color:#0a6fc0;border-radius:6px;font-size:12px;cursor:pointer;font-weight:650}
.taom-ps-native .tpm-attach-add:hover{background:#e2eefb}
.taom-ps-native .tpm-attach-list{display:flex;flex-wrap:wrap;gap:8px}
.taom-ps-native .tpm-att{display:flex;align-items:center;gap:6px;border:1px solid #e6ebf1;border-radius:8px;padding:6px 8px;background:#fbfcfe;font-size:12px}
.taom-ps-native .tpm-att img{width:42px;height:42px;object-fit:cover;border-radius:6px;border:1px solid #e6ebf1}
.taom-ps-native .tpm-att-ic{font-size:18px}
.taom-ps-native .tpm-att-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0a6fc0;text-decoration:none;font-weight:600}
.taom-ps-native a.tpm-att-name:hover{text-decoration:underline}
.taom-ps-native .tpm-att-size{color:#9aa4b2;font-size:11px}
.taom-ps-native .tpm-att-del{border:0;background:none;color:#98a2b3;cursor:pointer;font-size:14px;line-height:1}
.taom-ps-native .tpm-att-del:hover{color:#b02525}
.taom-ps-native .tpm-att-del:disabled{opacity:.4;cursor:default}
.taom-ps-native .tpm-attach-note{font-size:11.5px;color:#b45309;margin:6px 0 0}
.taom-ps-native .tpm-attach-note.ok{color:#15803d}
.taom-ps-native .tpm-attach-note.err{color:#b02525}
.taom-ps-native .tpm-attach-note.lic{color:#9a6a00;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:7px 9px}
.taom-ps-native .tpm-attach-demo{font-size:11.5px;color:#5b6a7a;background:#f4f8fd;border:1px solid #dce7f4;border-radius:8px;padding:8px 10px;margin:8px 0 0;line-height:1.45}
.taom-ps-native .taom-edge.multi-selected polyline, .taom-ps-native .taom-edge.multi-selected path{stroke:#2563eb;stroke-width:2.2}
.taom-ps-native .marquee-rect{pointer-events:none}
.taom-ps-native .taom-tpl-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.taom-ps-native .taom-tpl-bar:empty{display:none}
.taom-ps-native .taom-tpl-label{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:#fff;background:linear-gradient(90deg,#0788e2,#0a6fc0);padding:5px 12px;border-radius:999px;box-shadow:0 2px 8px rgba(7,136,226,.28)}
.taom-ps-native .taom-tpl-label::before{content:"📋";font-size:13px}
.taom-ps-native .taom-tpl-bar:not(.tpl-seen) .taom-tpl-label{animation:taomAttnPulse 2.2s ease-in-out 3}
.taom-ps-native .taom-tpl-btn{font-size:12.5px;position:relative;overflow:hidden}
.taom-ps-native .taom-tpl-btn .ttb-more{margin-left:7px;color:#0a6fc0;font-weight:900;display:inline-block}
.taom-ps-native .taom-tpl-bar:not(.tpl-seen) .taom-tpl-btn .ttb-more{animation:taomCaretNudge 1.4s ease-in-out 3}
.taom-ps-native .taom-tpl-bar:not(.tpl-seen) .taom-tpl-btn::after{content:"";position:absolute;top:0;left:-45%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(8,136,225,.28),transparent);transform:skewX(-18deg);animation:taomTplSheen 3s ease-in-out infinite;pointer-events:none}
@keyframes taomTplSheen{0%{left:-50%}60%,100%{left:130%}}
.taom-ps-native .taom-tpl-prompt{margin:8px 0 4px;max-height:230px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#f7fafc;border:1px solid #e6ebf1;border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.45;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.taom-ps-native .taom-tpl-prompt.hidden{display:none}
.taom-ps-native .taom-tpl-modal #tpl-show-prompt{margin:2px 0 4px}
.taom-ps-native .taom-tpl-modal{resize:both;overflow:auto;min-width:360px;min-height:240px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column}
.taom-ps-native .taom-tpl-modal .taom-tpl-prompt{flex:1 1 auto;max-height:none;min-height:120px}
.taom-ps-native .taom-tpl-modal .tpm-actions{margin-top:auto}
.taom-ps-native .taom-ask-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.taom-ps-native .taom-ask-opt{font-size:12.5px}
.taom-ps-native .taom-status-banner{margin:10px auto;max-width:1100px;padding:14px 22px;border:2px solid #c0392b;background:#fdecea;color:#b71c1c;font-size:22px;font-weight:800;letter-spacing:.3px;text-align:center;border-radius:10px;box-shadow:0 2px 10px rgba(192,57,43,.15)}
.taom-ps-native .taom-status-note{margin:8px auto;max-width:1100px;padding:8px 16px;border:1px solid #7c3aed;background:#f3e8ff;color:#5b21b6;font-size:14px;text-align:center;border-radius:8px}
.taom-ps-native .taom-status-banner[hidden], .taom-ps-native .taom-status-note[hidden]{display:none!important}

/* Zahlen-Chips fuer Diagrammgruppen (native Einbettung, unter .taom-ps-native gekapselt). */
.taom-ps-native .taom-group-chips{display:flex;gap:6px;align-items:center;margin-top:4px;flex-wrap:wrap}
.taom-ps-native .taom-group-chips[hidden]{display:none}
.taom-ps-native .taom-group-chips button{width:26px;height:26px;border-radius:50%;border:0;cursor:pointer;background:#2f6fed;color:#fff;font-weight:700;font-size:13px;line-height:26px;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.25);min-width:26px;flex:0 0 auto}
.taom-ps-native .taom-group-chips button:hover{filter:brightness(1.1)}
.taom-ps-native .taom-group-chips button[disabled]{background:#9bb4e6;cursor:not-allowed}

.taom-ps-native .taom-group-chips .gc-name{font-size:12px;font-weight:700;margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46ch}
.taom-ps-native .taom-group-chips button{font-weight:800}
.taom-ps-native .taom-group-chips button[aria-current="false"]{opacity:.75}
.taom-ps-native .taom-group-chips button[aria-current="true"]{opacity:1;outline:2px solid rgba(0,0,0,.45);outline-offset:1px}

/* ---------------------------------------------------------------------------------------
   MENUES AM SEITENKOERPER - OHNE .taom-ps-native DAVOR.
   Das Auswahlmenue beim Ziehen einer Verbindung, das Rechtsklick-Menue und die Symbol-Kacheln
   darin haengen technisch am BODY, nicht im Editor-Rahmen. In der nativen Einbettung sind alle
   Regeln mit .taom-ps-native gekapselt - fuer diese Menues griff deshalb KEINE einzige Regel:
   sie erschienen unformatiert am Seitenende und wirkten dadurch, als kaemen sie gar nicht.
   --------------------------------------------------------------------------------------- */
.palette-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border:1px solid #e1e7ef;border-radius:9px;background:#fff;cursor:pointer;font-size:10.5px;line-height:1.15;text-align:center;color:#344054}
.palette-item:hover{background:#f0f7ff;border-color:#b8d4ef}
.palette-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative}
.palette-icon-svg{width:100%;height:100%;overflow:visible}
.palette-item-taom{border-color:#c7d2fe;background:linear-gradient(180deg,#f5f7ff,#eef2ff)}
.palette-item-taom:hover{background:#e8edff;border-color:#a5b4fc}
.palette-item-taom .palette-label{color:#4338ca;font-weight:700}
.ctx-menu{position:fixed;z-index:99999;min-width:200px;background:#fff;border:1px solid #d6deea;border-radius:8px;box-shadow:0 8px 28px rgba(16,24,40,.18);padding:5px;font:13px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;color:#1f2733;user-select:none}
.ctx-menu.hidden{display:none}
.ctx-item{position:relative;padding:7px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px}
.ctx-item:hover{background:#eef4fb}
.ctx-item.danger{color:#b02525}
.ctx-item.danger:hover{background:#fdecec}
.ctx-sep{height:1px;background:#eef1f5;margin:4px 6px}
.quick-add-popup{position:fixed;z-index:90;background:#fff;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 14px 34px rgba(16,24,39,.22);padding:10px;max-width:250px}
.quick-add-popup .palette-item{width:72px}
.linetype-popup-label{font-size:12px;font-weight:700;color:#4b5768;margin-bottom:8px;text-align:center}

.taom-ps-native .attr-hint-src{color:#0b6bcb;font-weight:600}

/* Rueckmeldung am Speichern-Knopf: sichtbar gedrueckt, sichtbar fertig. */
.taom-ps-native #editor-save.is-busy{opacity:.75;cursor:progress}
.taom-ps-native #editor-save.is-done{background:#16a34a;border-color:#16a34a;color:#fff}

/* Suche in der Werkzeugleiste. */
/* SUCHE. Das wichtigste Feld der Leiste und vorher das unauffaelligste: hellgrauer Rahmen, schmal,
   ohne Symbol - es sah aus wie ein Abstandhalter zwischen zwei Knoepfen. Jetzt weisser Grund,
   kraeftigerer Rahmen, breiter, mit Lupe im Feld. */
.taom-ps-native .tb-find{position:relative;display:inline-flex;align-items:center;gap:6px;margin-right:6px}
.taom-ps-native .tb-find-icon{position:absolute;left:9px;width:14px;height:14px;color:#5e6c84;pointer-events:none}
.taom-ps-native .tb-find-input{width:230px;padding:7px 10px 7px 29px;border:1px solid #c6ccd6;border-radius:8px;
  font-size:13px;background:#fff;color:#172033}
.taom-ps-native .tb-find-input::placeholder{color:#8b95a7}
.taom-ps-native .tb-find-input:hover{border-color:#0b6bcb}
.taom-ps-native .tb-find-input:focus{outline:none;border-color:#0b6bcb;box-shadow:0 0 0 3px rgba(11,107,203,.16)}
/* Bei Eingabe deutlich hervorheben - man sieht dann auf einen Blick, dass ein Filter aktiv ist. */
.taom-ps-native .tb-find-input:not(:placeholder-shown){border-color:#0b6bcb;background:#f7fbff}
.taom-ps-native .tb-find-count{font-size:12px;color:#5e6c84;min-width:38px}
.taom-ps-native .is-found{outline:3px solid #f59e0b;outline-offset:3px}

.taom-ps-native .tb-find-input.is-locked{background:#f4f6f9;color:#8a94a6;cursor:not-allowed;border-color:#dfe5ee}
/* Gesperrt schlaegt "gefuellt" - sonst traegt ein gesperrtes Feld den aktiven blauen Rahmen. */
.taom-ps-native .tb-sep{display:inline-block;width:1px;height:20px;background:#e6e9ee;margin:0 4px}

.taom-ps-native .tb-find-count.is-empty{color:#b45309;font-weight:600;white-space:nowrap;min-width:0}

/* VOLLBILD. Die Arbeitsfläche über die ganze Seite - mit Werkzeugleiste, Palette und Attributen,
   denn ohne sie kann man nicht arbeiten. Esc oder derselbe Knopf schalten zurück. */
.taom-ps-native #generated-card.is-fullscreen{position:fixed;inset:0;z-index:9000;margin:0;border-radius:0;
  max-width:none;width:100vw;height:100vh;display:flex;flex-direction:column;background:#fff;
  box-shadow:none}
.taom-ps-native #generated-card.is-fullscreen .editor-body{flex:1;min-height:0;height:auto}
.taom-ps-native #generated-card.is-fullscreen .canvas{height:100%;max-height:none}
/* VOLLBILD AKTIV. Der Knopf traegt seit 3.27.1 die Klasse 'secondary', damit er wie seine
   Nachbarn aussieht. Deren Regel (#editor-toolbar .tool-btn.secondary) ist aber spezifischer
   als diese hier: Sie setzte den Hintergrund auf Weiss, waehrend die Schrift weiss blieb -
   der Knopf war im Vollbild unsichtbar. Mit dem Leisten-Bezug davor gewinnt wieder der
   dunkle Zustand, der anzeigt, DASS Vollbild an ist. */
.taom-ps-native #editor-toolbar #editor-fullscreen.is-on{background:#101827;border-color:#101827;color:#fff}
.taom-ps-native #editor-toolbar #editor-fullscreen.is-on:hover:not(:disabled){background:#1b2740;border-color:#1b2740}

/* MENUES UEBER DEM VOLLBILD. Die Auswahlfenster haengen am Seitenkoerper, die Vollbildflaeche liegt
   auf Ebene 9000 - ohne diese Zeilen lagen die Menues DARUNTER und waren unsichtbar. */
body.taom-fullscreen-on .quick-add-popup,
body.taom-fullscreen-on .ctx-menu,
body.taom-fullscreen-on .linetype-popup,
body.taom-fullscreen-on .taom-modal,
body.taom-fullscreen-on .taom-ov{z-index:10000}

/* Beim Ziehen an einem Ankerpunkt soll kein Text markiert werden - das sah aus, als waere die
   Steuerungstaste gedrueckt. */
.taom-ps-native #generated-card.is-fullscreen .canvas,
.taom-ps-native #generated-card.is-fullscreen svg{user-select:none;-webkit-user-select:none}

/* Die Editor-Karte darf schwebende Menues nicht abschneiden - sie haengen jetzt darin.
   Ohne diese Zeile verschwinden Auswahl, Verbindungstyp und Rechtsklick am Kartenrand. */
.taom-ps-native #generated-card{overflow:visible}
.taom-ps-native #generated-card .quick-add-popup,
.taom-ps-native #generated-card .ctx-menu{z-index:10000}

/* ANWESENHEIT. Die Leiste haengt in der Editor-Karte und liegt oben rechts ueber der Flaeche -
   damit ist sie auch in der Vollansicht sichtbar, wo die Kopfzeile der Seite fehlt. */
.taom-ps-native .taom-presence{position:absolute;top:8px;right:14px;z-index:60;display:flex;gap:6px;pointer-events:none}
.taom-ps-native .taom-presence.is-empty{display:none}
.taom-ps-native .taom-presence-dot{width:26px;height:26px;border-radius:50%;color:#fff;font-size:11px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(9,30,66,.35);
  border:2px solid #fff;pointer-events:auto}
/* Fremde Auswahl: farbiger Rahmen in der Farbe der Person. */
.taom-ps-native .is-remote-sel > rect,.taom-ps-native .is-remote-sel > path,.taom-ps-native .is-remote-sel > circle,.taom-ps-native .is-remote-sel > polygon{
  stroke:var(--remote-color,#2f6fed) !important;stroke-width:3 !important;stroke-dasharray:6 4}
.taom-ps-native #generated-card{position:relative}

/* Anwesenheit in der Werkzeugleiste - neben der Suche. */
.taom-ps-native .tb-presence{display:inline-flex;align-items:center;gap:5px;margin:0 4px;min-height:26px}
.taom-ps-native .tb-presence:empty{display:none}
.taom-ps-native .tb-presence .taom-presence-dot{width:24px;height:24px;border-radius:50%;color:#fff;font-size:10px;
  font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;
  box-shadow:0 1px 3px rgba(9,30,66,.3);cursor:default}

/* Von jemand anderem gehaltenes Element: nicht anfassbar und deutlich markiert. */
.taom-ps-native .is-locked-remote{pointer-events:none;opacity:.85}
.taom-ps-native .is-locked-remote > rect,.taom-ps-native .is-locked-remote > path,.taom-ps-native .is-locked-remote > circle,
.taom-ps-native .is-locked-remote > polygon{stroke:#b45309 !important;stroke-width:3 !important;stroke-dasharray:5 3}

/* In der Vollansicht rollt nur die Zeichenflaeche - die Seite dahinter bleibt stehen. */
body.taom-fullscreen-on{overflow:hidden;overscroll-behavior:none}
.taom-ps-native #generated-card.is-fullscreen .canvas{overscroll-behavior:contain}

/* In der Vollansicht darf die Zeichenflaeche rollen - sonst bleibt bei einem grossen Modell
   der untere Teil unerreichbar, weil nur verschoben und nicht gerollt wuerde. */
.taom-ps-native #generated-card.is-fullscreen .canvas{overflow:auto}

/* Wer den Arbeitsbereich angelegt hat - bei gemeinsamer Arbeit die wichtigste Angabe der Liste. */
.taom-ps-native .ws-owner{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;font-size:11px;
  background:#eef2f7;color:#5e6c84;font-weight:600;vertical-align:middle}
.taom-ps-native .ws-owner[data-foreign="1"]{background:#e7f0ff;color:#0b4ea2}
.taom-ps-native .workspace-item.is-foreign{border-left:3px solid #2f6fed}

/* Filter ueber der Arbeitsbereichsliste. */
.taom-ps-native .ws-filter{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:13px;flex-wrap:wrap}
.taom-ps-native .ws-filter label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.taom-ps-native .ws-search{padding:5px 9px;border:1px solid #dfe5ee;border-radius:8px;font-size:13px;min-width:180px}
.taom-ps-native .ws-count{color:#5e6c84;font-size:12px}

/* Arbeitsbereich, in dem gerade jemand arbeitet. */
.taom-ps-native .ws-live{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;font-size:11px;
  background:#e8f7ee;color:#137a3d;font-weight:700}
.taom-ps-native .workspace-item.is-live{background:#f4fbf6;border-left:3px solid #16a34a}

/* Kuerzel der Anwesenden - dieselbe Darstellung wie die Punkte in der Werkzeugleiste, nur kleiner.
   Ueberlappend, damit auch fuenf Leute die Zeile nicht sprengen. */
.taom-ps-native .ws-crew{display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px}
.taom-ps-native .ws-crew .ws-dot{width:20px;height:20px;border-radius:50%;color:#fff;font-size:10px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;
  box-shadow:0 1px 3px rgba(9,30,66,.25)}
.taom-ps-native .ws-crew .ws-dot + .ws-dot{margin-left:-6px}
.taom-ps-native .tb-ws-item .ws-crew{margin-left:0}

/* Anklopfen: der Knopf sitzt in der Zeile der belebten Arbeitsbereiche. Bewusst unaufdringlich -
   oeffnen kann man weiterhin auch ohne ihn. */
.taom-ps-native .ws-knock{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:10px;font-size:11px;
  font-weight:600;background:#fff;border:1px solid #cfe0f5;color:#0b4ea2;cursor:pointer}
.taom-ps-native .ws-knock:hover{background:#e7f0ff;border-color:#2f6fed}

/* Loeschen je Arbeitsbereich - nur bei den eigenen. Rot, aber zurueckhaltend: Es soll auffindbar
   sein, ohne dass man versehentlich daraufkommt. */
.taom-ps-native .ws-del{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:10px;font-size:11px;
  font-weight:600;background:#fff;border:1px solid #eab7b1;color:#c0392b;cursor:pointer}
.taom-ps-native .ws-del:hover{background:#fdecea;border-color:#c0392b}

/* Bitte um Einlass und die Antwort darauf. Sie haengt unter dem Knopf, mit dem man den
   Arbeitsbereich wechselt - dort schaut man hin, wenn es um einen anderen geht. Ueber der
   Klappliste, damit sie auch bei geoeffnetem Menue vorn steht. Ohne Anker (Notfall) faellt sie
   auf die freie Ecke unten rechts zurueck. */
.taom-klopf{position:absolute;top:calc(100% + 6px);left:0;z-index:10060;display:flex;
  flex-direction:column;gap:8px;min-width:340px}
.taom-klopf.is-lose{position:fixed;top:auto;left:auto;right:18px;bottom:18px}
.taom-klopf.is-empty{display:none}
.taom-klopf-karte{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe5ee;
  border-left:3px solid #2f6fed;border-radius:0;padding:10px 12px;font-size:13px;
  box-shadow:0 12px 32px rgba(9,30,66,.18);max-width:380px}
.taom-klopf-karte.is-ja{border-left-color:#16a34a}
.taom-klopf-text{flex:1}
.taom-klopf-ja,.taom-klopf-nein{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}
.taom-klopf-ja{background:#16a34a;color:#fff;border:1px solid #16a34a}
.taom-klopf-nein{background:#fff;color:#5e6c84;border:1px solid #dfe5ee}

/* Dieselben Regeln gescopt: die Karte sitzt jetzt im Editor-Wrapper, nicht mehr am body. */
.taom-ps-native .taom-klopf{position:absolute;top:calc(100% + 6px);left:0;z-index:10060;display:flex;
  flex-direction:column;gap:8px;min-width:340px}
.taom-ps-native .taom-klopf.is-lose{position:fixed;top:auto;left:auto;right:18px;bottom:18px}
.taom-ps-native .taom-klopf.is-empty{display:none}
.taom-ps-native .taom-klopf-karte{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe5ee;
  border-left:3px solid #2f6fed;border-radius:0;padding:10px 12px;font-size:13px;
  box-shadow:0 12px 32px rgba(9,30,66,.18);max-width:380px}
.taom-ps-native .taom-klopf-karte.is-ja{border-left-color:#16a34a}
.taom-ps-native .taom-klopf-text{flex:1}
.taom-ps-native .taom-klopf-ja,.taom-ps-native .taom-klopf-nein{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}
.taom-ps-native .taom-klopf-ja{background:#16a34a;color:#fff;border:1px solid #16a34a}
.taom-ps-native .taom-klopf-nein{background:#fff;color:#5e6c84;border:1px solid #dfe5ee}

/* Kuerzel der Kollegin am bearbeiteten Element - nicht anklickbar, nur Hinweis. */
.taom-ps-native .taom-remote-tag{pointer-events:none}

/* Das Kuerzel am Element bleibt VOLLFLAECHIG - der gestrichelte Rahmen gilt nur fuer die Form
   selbst. Sonst erbt der Kreis die Strichelung und wird unleserlich. */
.taom-ps-native .taom-remote-tag circle{stroke-dasharray:none !important;stroke:#fff !important;stroke-width:2 !important}
.taom-ps-native .taom-remote-tag text{stroke:none !important}

/* Titel, Kennung und Leer-Hinweis in der Arbeitsbereichsliste. */
.taom-ps-native .ws-id{color:#8a94a6;font-weight:400;font-size:11px;margin-left:6px}
.taom-ps-native .ws-empty{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;font-size:11px;
  background:#f3f4f6;color:#8a94a6;font-weight:600}

/* Arbeitsbereich-Auswahl: dieselbe Darstellung wie die Liste im Verlauf. */
.taom-ps-native .tb-ws{position:relative;display:inline-flex}
/* Der Knopf sieht aus wie ein Auswahlfeld und nicht wie eine Ueberschrift. Vorher stand dort nur
   die fette Kennung, freistehend - das las sich als Titel der Zeichenflaeche, nicht als etwas zum
   Anklicken. Jetzt: Rahmen, davor das Wort "Arbeitsbereich" in Grau, die Kennung in normaler
   Staerke und der Pfeil rechts. */
.taom-ps-native #ws-picker-btn{display:inline-flex;align-items:center;gap:6px;max-width:280px;padding:6px 10px;
  font-weight:400;background:#fff;border:1px solid #dfe5ee;border-radius:8px;color:#172033}
.taom-ps-native #ws-picker-btn:hover{border-color:#0b6bcb;background:#f7fbff}

/* ANZEIGE-KNOPF LINKS - dieselbe Gestaltung wie die Team-Auswahl.
 *
 * WARUM HIER UND NICHT IN styles.css: Die eingebettete Ansicht setzt mit
 * ".taom-ps-native button" JEDEN Knopf auf blau mit weisser Schrift. Meine Regel stand in
 * der anderen Datei ohne dieses Praefix - sie verlor also, und der Knopf blieb blau,
 * obwohl er dasselbe tut wie der daneben.
 *
 * Gemessen am laufenden Stand: Team-Knopf weiss auf #42526e, meiner blau auf weiss.
 * Zwei Bedienelemente mit derselben Aufgabe muessen gleich aussehen - sonst haelt man
 * eines fuer eine Aktion und das andere fuer eine Auswahl. */
.taom-ps-native #anzeige-quelle{display:inline-flex;align-items:center;gap:6px;max-width:280px;padding:6px 10px;
  font-weight:400;background:#fff;border:1px solid #dfe5ee;border-radius:8px;color:#172033}
.taom-ps-native #anzeige-quelle:hover{border-color:#0b6bcb;background:#f7fbff}
.taom-ps-native #anzeige-quelle-label{font-size:13px;font-weight:600;color:#172b4d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.taom-ps-native #anzeige-quelle-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:10001;min-width:340px;max-height:60vh;
  overflow:auto;background:#fff;border:1px solid #dfe3ea;border-radius:10px;box-shadow:0 10px 28px rgba(16,24,40,.14);padding:6px}
.taom-ps-native #seiten-tauschen{background:#fff;border:1px solid #dfe3ea;color:#42526e;font-weight:600;padding:6px 10px;border-radius:8px}
.taom-ps-native #seiten-tauschen:hover:not(:disabled){border-color:#0b6bcb;background:#f7fbff}

.taom-ps-native .tb-ws-pre{font-size:11px;font-weight:600;color:#8b95a7;text-transform:uppercase;letter-spacing:.02em;
  white-space:nowrap}
.taom-ps-native #ws-picker-label{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;min-width:0}
.taom-ps-native .tb-ws-caret{opacity:.6;margin-left:auto}
.taom-ps-native .tb-ws-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:10001;min-width:340px;max-height:60vh;
  overflow:auto;background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 12px 32px rgba(9,30,66,.18);padding:6px}
.taom-ps-native .tb-ws-head{font-size:11px;font-weight:700;color:#5e6c84;text-transform:uppercase;padding:8px 10px 4px}
.taom-ps-native .tb-ws-item{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;width:100%;text-align:left;
  background:none;border:0;border-left:3px solid transparent;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:13px}
.taom-ps-native .tb-ws-item:hover{background:#f2f6fb}
.taom-ps-native .tb-ws-item.is-foreign{border-left-color:#2f6fed}
/* Belebte tragen denselben gruenen Streifen wie in der Verlaufsliste (siehe styles.css). */
.taom-ps-native .tb-ws-item.is-live{background:#f4fbf6;border-left-color:#16a34a}
.taom-ps-native .tb-ws-item.is-current{box-shadow:inset 0 0 0 1px #c9d4e4}
.taom-ps-native .tb-ws-line{display:flex;align-items:center;gap:2px;width:100%;min-width:0}
.taom-ps-native .tb-ws-title{font-weight:700;color:#101827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.taom-ps-native .tb-ws-title.is-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.taom-ps-native .tb-ws-item .ws-live{margin-left:0}

/* Hinweis ohne Team-Lizenz und die Beispielzeile darunter. Das Beispiel ist absichtlich blasser -
   es soll erkennbar Schaufenster sein und nicht mit echten Eintraegen verwechselt werden. */
.taom-ps-native .tb-ws-nolic{margin:2px 4px 8px;padding:10px 12px;border-left:3px solid #d97706;background:#fff8ec;
  font-size:12px;color:#5e6c84;line-height:1.5}
.taom-ps-native .tb-ws-nolic-kopf{font-weight:700;color:#8a5200;margin-bottom:2px}
.taom-ps-native .tb-ws-item.is-beispiel{cursor:default;opacity:.72}
.taom-ps-native .tb-ws-item.is-beispiel:hover{background:#f4fbf6}


/* PROJEKTKNOPF - Farbe nach Zustand. Aus styles.css uebernommen und gekapselt.
   Flaechig, nicht nur ein Punkt: In einer Kopfzeile mit acht Knoepfen ist ein
   kleiner Punkt nicht zu sehen, und ein Zustand, den niemand bemerkt, ist keiner.
   Pastell, weil der Knopf dauerhaft im Blickfeld steht. */
.taom-ps-native #projekt-btn{transition:background .15s, border-color .15s}
.taom-ps-native #projekt-btn.prj-offen{background:#fdf3e3;border-color:#e8c48a;color:#7a4e1f;font-weight:600}
.taom-ps-native #projekt-btn.prj-offen:hover{background:#fbe9cf;border-color:#d99a3a}
.taom-ps-native #projekt-btn.prj-gruen{background:#e8f6ee;border-color:#a5d9bd;color:#146a3d;font-weight:600}
.taom-ps-native #projekt-btn.prj-gruen:hover{background:#daf0e4;border-color:#1f9d55}
.taom-ps-native #projekt-btn.prj-grau{color:#5b6575}

/* Auch im nativen Modus - dort sind die Stile gekapselt. */
.taom-ps-native .tb-ws-suche{position:sticky;top:0;background:#fff;padding:8px 10px;border-bottom:1px solid #e3e9f2;z-index:2}
.taom-ps-native .tb-ws-suche input{width:100%;box-sizing:border-box;border:1px solid #dbe6f6;border-radius:7px;padding:6px 10px;font-size:13px;outline:none}


/* V2 – Linsenleiste (gescopt) */
.taom-ps-native .t2lensbar{display:flex;align-items:center;gap:2px;background:#0b1524;color:#dbe6f8;
  padding:0 clamp(16px,4vw,32px);flex-wrap:wrap;flex-shrink:0;
  border-top:1px solid #1c2b40;box-shadow:0 4px 14px rgba(11,21,36,.18)}
.taom-ps-native .t2lens{display:flex;align-items:center;gap:8px;background:none;border:0;
  border-bottom:2px solid transparent;color:#a9bdd6;padding:12px 14px 10px;cursor:pointer;
  font:600 13px/1 Inter,ui-sans-serif,system-ui,sans-serif}
.taom-ps-native .t2lens:hover{color:#fff}
.taom-ps-native .t2lens .t2n{display:inline-grid;place-items:center;width:22px;height:22px;
  border:1px solid #52698a;border-radius:6px;font-size:11.5px;font-weight:700}
.taom-ps-native .t2lens.active{color:#fff;border-bottom-color:#19a7ff}
.taom-ps-native .t2lens.active .t2n{border-color:#19a7ff;color:#8fd3ff}
.taom-ps-native .t2lensdesc{margin-left:14px;color:#7f94ae;font:500 12px/1 Inter,sans-serif}
.taom-ps-native .t2right{margin-left:auto;display:flex;align-items:center;gap:9px;padding:7px 0}
.taom-ps-native .t2chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 11px;
  font:600 12px/1 Inter,sans-serif;border:1px solid transparent;white-space:nowrap}
.taom-ps-native .t2chip i{width:8px;height:8px;border-radius:50%;display:block}
.taom-ps-native .t2chip.entwurf{background:#1d3050;color:#b9cbe4;border-color:#2f4970}
.taom-ps-native .t2chip.entwurf i{background:#8ea4c4}
.taom-ps-native .t2chip.pub{background:#10305c;color:#a9cdf2;border-color:#1d4a86}
.taom-ps-native .t2chip.pub i{background:#4aa3f0}
@media(max-width:900px){.taom-ps-native .t2lensdesc{display:none}
  .taom-ps-native .t2lens{padding:10px 9px 8px;font-size:12px}}


/* V2 – Eingangsbildschirm (gescopt) */


/* ===================================================================
   V2 – Eingangsbildschirm. Ohne Modell kein leeres Cockpit.
   =================================================================== */
.taom-ps-native .t2start{display:none}
.taom-ps-native[data-model="none"] .t2start{display:block}
.taom-ps-native[data-model="none"] .upload-panel,
.taom-ps-native[data-model="none"] .workspace-bar,
.taom-ps-native[data-model="none"] #stats,
.taom-ps-native[data-model="none"] .viewer-grid,
.taom-ps-native[data-model="none"] .bottom-grid{display:none!important}

.taom-ps-native .t2start-inner{max-width:860px;margin:26px auto 0;background:#fff;border:1px solid #dfe5ee;
  border-radius:14px;box-shadow:0 4px 18px rgba(25,45,80,.08);padding:28px 28px 24px}
.taom-ps-native .t2start-h{margin:0 0 6px;font-size:25px;font-weight:750;letter-spacing:-.01em}
.taom-ps-native .t2start-sub{margin:0 0 20px;color:#6b7688;font-size:13.5px;line-height:1.5}
.taom-ps-native .t2start-actions #upload-form{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.taom-ps-native .t2start-tpl{margin-top:12px}
.taom-ps-native .t2start-tpl .taom-tpl-bar{margin:0}
.taom-ps-native .t2start-fine{margin:16px 0 0;color:#8894a6;font-size:11.5px;
  font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
.taom-ps-native .t2start-recenth{margin:24px 0 10px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:#8894a6;font-weight:700;border-top:1px solid #e6ebf2;padding-top:18px}
.taom-ps-native .t2start-recent{display:grid;gap:7px}
.taom-ps-native .t2start-leer{color:#8894a6;font-size:13px}
.taom-ps-native .t2ws{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;
  background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:10px 12px;
  font:500 13px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;color:#172033}
.taom-ps-native .t2ws:hover{border-color:#8ecaf0;background:#f9fcff}
.taom-ps-native .t2ws b{font-weight:650}
.taom-ps-native .t2ws-dot{width:7px;height:7px;border-radius:50%;background:#2abc72;flex:0 0 auto}
.taom-ps-native .t2ws-dot.leer{background:#c6cedb}
.taom-ps-native .t2ws-id{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:#8894a6}
.taom-ps-native .t2ws-leerhinweis{font-size:11px;color:#9aa8b8;font-style:italic}
.taom-ps-native .t2ws-when{margin-left:auto;font-size:11.5px;color:#8894a6}
@media(max-width:700px){.t2start-inner{margin:14px 0 0;padding:20px 16px}}

.taom-ps-native .t2chip.drift{background:#4a3a10;color:#f6e3ae;border-color:#6d5518}
.taom-ps-native .t2chip.drift i{background:#4aa3f0;box-shadow:0 0 0 3px rgba(228,163,36,.45)}

/* V2 – Unterer Bereich (gescopt) */


/* ===================================================================
   V2 – Unterer Bereich: dieselbe Linse, ueber das ganze Modell.
   =================================================================== */
.taom-ps-native .t2panel{background:#fff;border:1px solid #dfe5ee;border-radius:12px;
  box-shadow:0 4px 18px rgba(25,45,80,.08);overflow:hidden}
.taom-ps-native[data-model="none"] .t2panel{display:none}
.taom-ps-native .t2p-head{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #e6ebf2;
  background:#f7f9fc}
.taom-ps-native .t2p-head b{font-size:13px}
.taom-ps-native .t2p-reload{margin-left:auto;border:1px solid #d6deea;background:#fff;border-radius:7px;
  width:28px;height:28px;cursor:pointer;color:#4a5768}
.taom-ps-native .t2p-reload:hover{border-color:#8ecaf0;color:#0f79bc}
.taom-ps-native .t2p-body{padding:12px 14px;overflow:auto}
.taom-ps-native .t2p-hinweis{margin:0 0 10px;font-size:12.5px;color:#5c6a7d}
.taom-ps-native .t2p-leer{margin:0;font-size:13px;color:#8894a6}
.taom-ps-native .t2p-tab{width:100%;border-collapse:collapse;font-size:12.5px}
.taom-ps-native .t2p-tab th{text-align:left;font-size:10px;letter-spacing:.11em;text-transform:uppercase;
  color:#8894a6;font-weight:700;padding:8px 10px;border-bottom:1px solid #e6ebf2}
.taom-ps-native .t2p-tab td{padding:8px 10px;border-bottom:1px solid #eef2f7;vertical-align:top}
.taom-ps-native .t2p-tab tbody tr:hover td{background:#fafcfe}
.taom-ps-native .t2p-tab tr:last-child td{border-bottom:0}
.taom-ps-native .t2p-mono{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:11.5px}
.taom-ps-native .t2p-dim{color:#8894a6}
.taom-ps-native .t2p-fehlt{color:#b6c0cc}
.taom-ps-native .t2p-tab tr.t2p-warn td{background:#fffaf0}

/* V2 – Zeilensprung und Vollansicht (gescopt) */

.taom-ps-native .t2p-klick{cursor:pointer}
.taom-ps-native .t2p-klick:hover td{background:#f2f8fd!important}
.taom-ps-native .t2p-voll{border:1px solid #d6deea;background:#fff;border-radius:7px;padding:5px 10px;
  cursor:pointer;font-size:12px;color:#4a5768;margin-left:auto}
.taom-ps-native .t2p-voll:hover{border-color:#8ecaf0;color:#0f79bc}
.taom-ps-native .t2p-head .t2p-reload{margin-left:0}
.taom-ps-native .t2-treffer > *{stroke:#e4a324!important;stroke-width:3px!important}
.taom-ps-native[data-ansicht="voll"] .viewer-grid,
.taom-ps-native[data-ansicht="voll"] .workspace-bar,
.taom-ps-native[data-ansicht="voll"] #stats{display:none!important}
.taom-ps-native[data-ansicht="voll"] .t2p-body{max-height:none}

/* V2 – Rahmenlayout (gescopt) */


/* ===================================================================
   V2 – Rahmenlayout: Leiste links, ruhige Agentzeile.
   =================================================================== */
.taom-ps-native .t2frame{display:flex;align-items:stretch;min-height:0;flex:1}
.taom-ps-native .t2frame > main{flex:1;min-width:0}
.taom-ps-native .t2rail{width:58px;flex:0 0 58px;background:#0f1a2b;display:flex;flex-direction:column;
  gap:2px;padding:10px 6px;border-right:1px solid #1c2b40}
.taom-ps-native .t2rail-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;
  border-radius:9px;padding:9px 2px 7px;cursor:pointer;color:#8ea4c4;width:100%}
.taom-ps-native .t2rail-btn:hover{background:#17263c;color:#fff}
.taom-ps-native .t2rail-btn.aktiv{background:#0e78cf;color:#fff}
.taom-ps-native .t2rail-ico{font-size:16px;line-height:1}
.taom-ps-native .t2rail-txt{font:600 8.5px/1.15 Inter,ui-sans-serif,system-ui,sans-serif;text-align:center;
  letter-spacing:.02em;hyphens:auto}
.taom-ps-native .t2rail-luecke{flex:1}
@media(max-width:760px){
.taom-ps-native .t2frame{flex-direction:column}
.taom-ps-native .t2rail{width:auto;flex:0 0 auto;flex-direction:row;border-right:0;border-bottom:1px solid #1c2b40;overflow:auto}
.taom-ps-native .t2rail-btn{width:auto;min-width:62px}
.taom-ps-native .t2rail-luecke{flex:0}
}

/* Agent: eine Zeile statt einer Schublade */
.taom-ps-native .t2-agent-schmal .taom-agent-sub,
.taom-ps-native .t2-agent-schmal .taom-agent-caret,
.taom-ps-native .t2-agent-schmal .taom-agent-ticker,
.taom-ps-native .t2-agent-schmal .taom-agent-intro{display:none!important}
.taom-ps-native .t2-agent-schmal .taom-agent-toggle{padding:8px 12px;cursor:default}
.taom-ps-native .t2-agent-schmal .taom-agent-title{font-size:13px}
.taom-ps-native .t2-agent-schmal .taom-agent-body{padding-top:0}
.taom-ps-native .t2-agent-schmal .taom-agent-mode{display:none}
.taom-ps-native .t2-agent-schmal.t2-agent-optionen .taom-agent-mode{display:flex}
.taom-ps-native .t2-agent-opt{border:1px solid #d6deea;background:#fff;border-radius:7px;padding:4px 9px;
  cursor:pointer;font-size:11.5px;color:#4a5768;margin:0 0 8px}
.taom-ps-native .t2-agent-opt:hover{border-color:#8ecaf0;color:#0f79bc}

/* V2 – Agentzeile und Kopfleiste (gescopt) */


/* V2 – Agent als eine Zeile */
.taom-ps-native .t2-agent-schmal .taom-agent-toggle{display:none!important}
.taom-ps-native .t2-agent-schmal .taom-agent-body{padding:10px 12px}
.taom-ps-native .t2-agent-schmal .taom-agent-body.hidden{display:block!important}
.taom-ps-native .t2-agent-schmal .taom-agent-input{display:flex;align-items:center;gap:9px;flex-wrap:nowrap}
.taom-ps-native .t2-agent-schmal .taom-agent-input .taom-agent-title{flex:0 0 auto;white-space:nowrap;
  font:700 13px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:#0f79bc}
.taom-ps-native .t2-agent-schmal .taom-agent-input textarea{flex:1 1 auto;min-width:0;height:40px;min-height:40px;
  resize:none;padding:10px 12px}
.taom-ps-native .t2-agent-schmal .taom-agent-input .taom-agent-mic,
.taom-ps-native .t2-agent-schmal .taom-agent-input .taom-agent-send{flex:0 0 auto;height:40px}
.taom-ps-native .t2-agent-schmal .mic-label{display:none}
.taom-ps-native .t2-agent-zeile2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.taom-ps-native .t2-agent-zeile2 .taom-agent-mode{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;
  font-size:11.5px}
.taom-ps-native .t2-agent-zeile2 .taom-agent-mode-label{color:#6b7688;font-size:11.5px}
.taom-ps-native .t2-agent-zeile2 .taom-agent-histtoggle{margin-left:auto;font-size:11.5px;color:#6b7688}
.taom-ps-native .t2-agent-kurz{border:1px solid #d4deea;background:#fbfdff;border-radius:7px;padding:5px 10px;
  cursor:pointer;font-size:11.5px;color:#4a5768}
.taom-ps-native .t2-agent-kurz:hover{border-color:#8ecaf0;color:#0f79bc}
.taom-ps-native .t2-agent-zeile2 .taom-agent-recover{font-size:11.5px;padding:5px 10px}

/* Kopfleiste: was jetzt links in der Leiste steht, muss oben nicht doppelt sein */

@media(max-width:760px){
.taom-ps-native .t2-agent-schmal .taom-agent-input{flex-wrap:wrap}
.taom-ps-native .t2-agent-schmal .taom-agent-input textarea{flex:1 1 100%;order:2}
}

/* V2 – Korrekturen am Rahmen (gescopt) */
.taom-ps-native .t2frame > main{margin:0!important;align-self:stretch}
.taom-ps-native .t2rail{width:78px;flex:0 0 78px}
.taom-ps-native .t2rail-txt{font-size:9px;hyphens:none;word-break:normal;line-height:1.2}
@media(max-width:760px){.taom-ps-native .t2rail{width:auto;flex:0 0 auto}}

/* Der Agentbereich war eine Klappe: der Rumpf liegt absolut ueber dem Inhalt.
   Als staendige Zeile muss er Platz einnehmen statt zu ueberdecken. */
.taom-ps-native .t2-agent-schmal .taom-agent-body{position:static!important;width:auto!important;
  box-shadow:none;border-radius:12px}
.taom-ps-native .t2-agent-schmal{min-height:0}


/* V2 – Shape-Fenster mit Reitern */
.taom-ps-native .t2sd-nav{display:inline-flex;align-items:center;gap:6px;margin-left:auto;margin-right:8px}
.taom-ps-native .t2sd-nav button{border:1px solid #cfd9e6;background:#fff;border-radius:7px;width:28px;height:26px;
  cursor:pointer;color:#3a4658;font-size:12px}
.taom-ps-native .t2sd-nav button:hover:not(:disabled){border-color:#8ecaf0;color:#0f79bc}
.taom-ps-native .t2sd-nav button:disabled{opacity:.4;cursor:not-allowed}
.taom-ps-native .t2sd-count{font:600 11.5px/1 ui-monospace,Menlo,Consolas,monospace;color:#8894a6;min-width:52px;
  text-align:center}
.taom-ps-native .t2sd-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid #e6ebf2;margin:0 0 12px;
  padding:0 2px}
.taom-ps-native .t2sd-tab{border:0;background:none;padding:9px 11px;font:500 12.5px/1 Inter,ui-sans-serif,sans-serif;
  color:#4a5768;cursor:pointer;border-bottom:2px solid transparent}
.taom-ps-native .t2sd-tab:hover{color:#0f79bc}
.taom-ps-native .t2sd-tab.aktiv{color:#0f79bc;font-weight:700;border-bottom-color:#1596e6}
.taom-ps-native .t2sd-pane{display:none}
.taom-ps-native .t2sd-pane.aktiv{display:block}
.taom-ps-native .t2sd-leer{margin:6px 2px;font-size:12.5px;color:#8894a6}
.taom-ps-native .t2sd-pane .attr-section{margin-bottom:12px}


/* V2 – Shape-Fenster: Anordnung wie im Entwurf */
.taom-ps-native .taom-shape-modal.t2sd{width:min(960px,94vw);max-width:960px}
.taom-ps-native .t2sd .tpm-head{align-items:flex-start;gap:12px}
.taom-ps-native .t2sd-titel{display:flex;flex-direction:column;gap:2px;min-width:0}
.taom-ps-native .t2sd-h{font-size:17px;font-weight:700;line-height:1.2}
.taom-ps-native .t2sd-id{font:600 11px/1.2 ui-monospace,Menlo,Consolas,monospace;color:#8894a6;background:none;
  border:0;padding:0}
.taom-ps-native .t2sd-note{font-size:11px;color:#9aa8b8}
.taom-ps-native .t2sd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;align-items:start}
.taom-ps-native .t2sd-grid > .tpm-row,
.taom-ps-native .t2sd-grid > .tpm-meta{margin:0}
.taom-ps-native .t2sd-grid > .t2sd-voll,.t2sd-grid > .tpm-attach-head,.t2sd-grid > .tpm-attach-list,
.taom-ps-native .t2sd-grid > .tpm-attach-note,
.taom-ps-native .t2sd-grid > .tpm-attach-demo,
.taom-ps-native .t2sd-grid > p{grid-column:1 / -1}
.taom-ps-native .t2sd .tpm-row-desc .tpm-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.taom-ps-native .t2sd-lang{margin-left:auto!important}
.taom-ps-native .t2sd .tpm-desc{min-height:190px}
.taom-ps-native .t2sd .tpm-actions{display:flex;gap:8px;justify-content:flex-end}
.taom-ps-native .t2sd-saveNext{background:#fff!important;color:#1a2433!important;border:1px solid #cfd9e6!important}
@media(max-width:820px){.t2sd-grid{grid-template-columns:1fr}}


/* V2 – Felder im Shape-Fenster mehrspaltig, wie im Entwurf */
.taom-ps-native .t2sd-pane.aktiv.t2sd-eins{display:block}
.taom-ps-native .t2sd-eins .tpm-row-desc{margin-bottom:14px}
/* Abschnitte der Attributspalte spannen ueber beide Spalten, ihre Felder
   stehen darin selbst zweispaltig – sonst waere jede Angabe eine Zeile. */
.taom-ps-native .t2sd-grid > .attr-section{grid-column:1 / -1;border:1px solid #e6ebf2;border-radius:10px;
  padding:12px 13px;background:#fbfcfe}
.taom-ps-native .t2sd-grid .attr-section-title{margin:0 0 10px;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:#8894a6;font-weight:700}
.taom-ps-native .t2sd-grid .attr-section > .attr-row{display:block}
.taom-ps-native .t2sd-grid .attr-section{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-items:start}
.taom-ps-native .t2sd-grid .attr-section > .attr-section-title,
.taom-ps-native .t2sd-grid .attr-section > .attr-hint,
.taom-ps-native .t2sd-grid .attr-section > textarea,
.taom-ps-native .t2sd-grid .attr-section > .attr-row-wide{grid-column:1 / -1}
.taom-ps-native .t2sd-grid .attr-row{font-size:11.5px;color:#6f7888}
.taom-ps-native .t2sd-grid .attr-row input,
.taom-ps-native .t2sd-grid .attr-row select,
.taom-ps-native .t2sd-grid .attr-row textarea{
  width:100%;margin-top:4px;font-size:12.5px}
.taom-ps-native .t2sd-grid .attr-row-inline{grid-column:1 / -1;display:flex;align-items:center;gap:8px}
.taom-ps-native .t2sd-grid .attr-hint{font-size:11px;color:#9aa8b8;margin:2px 0 0}


/* V2 – Felder im Fenster: zwei Spalten, keine Abschnittskaesten mehr */
.taom-ps-native .t2sd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:start}
.taom-ps-native .t2sd-grid > .attr-row{display:block;margin:0;font-size:11.5px;color:#6f7888}
.taom-ps-native .t2sd-grid > .attr-row input[type="text"],.t2sd-grid > .attr-row input[type="number"],
.taom-ps-native .t2sd-grid > .attr-row select,
.taom-ps-native .t2sd-grid > .attr-row textarea{width:100%;margin-top:4px;font-size:12.5px}
.taom-ps-native .t2sd-grid > .attr-row input[type="checkbox"]{margin-right:7px}
.taom-ps-native .t2sd-grid > .attr-row-inline{grid-column:1 / -1;display:flex;align-items:center;gap:8px}
.taom-ps-native .t2sd-grid > .attr-row.t2sd-voll{grid-column:1 / -1}
.taom-ps-native .t2sd-grid > .tpm-row{margin:0}
.taom-ps-native .t2sd-eins .tpm-row-desc{margin-bottom:14px}


/* V2 – Gruppen im Shape-Fenster */
.taom-ps-native .t2sd-pane.aktiv.t2sd-spalten{display:block}
.taom-ps-native .t2sd-gruppe{margin:0 0 16px}
.taom-ps-native .t2sd-gruppe-t{margin:0 0 9px;font:700 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.13em;text-transform:uppercase;color:#8894a6;
  border-bottom:1px solid #eef2f7;padding-bottom:6px}
.taom-ps-native .t2sd-gruppe{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;align-items:start}
.taom-ps-native .t2sd-gruppe > .t2sd-gruppe-t{grid-column:1 / -1}
.taom-ps-native .t2sd-gruppe > .attr-row{display:block;margin:0;font-size:11.5px;color:#6f7888}
.taom-ps-native .t2sd-gruppe > .attr-row input[type="text"],.t2sd-gruppe > .attr-row input[type="number"],
.taom-ps-native .t2sd-gruppe > .attr-row input[type="url"],.t2sd-gruppe > .attr-row select,
.taom-ps-native .t2sd-gruppe > .attr-row textarea{width:100%;margin-top:4px;font-size:12.5px}
.taom-ps-native .t2sd-gruppe > .attr-row textarea{min-height:74px;grid-column:1 / -1}
.taom-ps-native .t2sd-gruppe > .attr-row-inline{grid-column:1 / -1;display:flex;align-items:center;gap:8px}
@media(max-width:820px){.t2sd-gruppe{grid-template-columns:1fr}}

/* V2 – Einstellungsfenster */
.t2ov{position:fixed;inset:0;background:rgba(9,22,44,.45);display:grid;place-items:center;
  z-index:12000;padding:22px}
.t2ov-box{background:#fff;border-radius:14px;width:min(760px,100%);max-height:86vh;display:flex;
  flex-direction:column;box-shadow:0 26px 64px rgba(9,22,44,.38)}
.t2ov-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #e6ebf2}
.t2ov-head b{font-size:15px}
.t2ov-x{margin-left:auto;border:0;background:none;font-size:16px;cursor:pointer;color:#6b7688}
.t2ov-body{padding:16px 18px;overflow:auto}
.t2ov-body .settings-panel,.t2ov-body #settings-unlocked{position:static!important;width:auto!important;
  max-width:none!important;box-shadow:none!important;border:0!important;padding:0!important;
  display:grid!important;grid-template-columns:1fr 1fr;gap:10px 18px}
.t2ov-body .attr-row{display:block;font-size:12px;color:#6f7888}
.t2ov-body .attr-row input[type="text"],.t2ov-body .attr-row input[type="number"],
.t2ov-body .attr-row input[type="url"],.t2ov-body .attr-row select{width:100%;margin-top:4px}
.t2ov-body .attr-row-inline{grid-column:1 / -1;display:flex;align-items:center;gap:8px}
.t2ov-fuss{display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid #e6ebf2;
  background:#fafbfd;border-radius:0 0 14px 14px}
.t2ov-fertig{background:#128ed8;color:#fff;border:0;border-radius:8px;padding:9px 16px;cursor:pointer}
@media(max-width:760px){.t2ov-body .settings-panel,.t2ov-body #settings-unlocked{grid-template-columns:1fr}}

/* Sichtbarkeit der Reiter hat Vorrang vor jeder Layoutklasse. */
.taom-ps-native .t2sd-pane{display:none}
.taom-ps-native .t2sd-pane:not(.aktiv){display:none!important}
.taom-ps-native .t2sd-pane.aktiv{display:block}

.taom-ps-native .settings-wrap #settings-toggle{display:none!important}


/* V2 – Textgruppen im Reiter „Texte & Sprachen" */
.taom-ps-native .t2sd-textgruppe{margin:0 0 18px}
.taom-ps-native .t2sd-textgruppe .t2sd-gruppe-t{margin:0 0 4px}
.taom-ps-native .t2sd-hint{margin:0 0 9px;font-size:11.5px;color:#8894a6}
.taom-ps-native .t2sd-textgruppe .tpm-row{margin:0}
.taom-ps-native .t2sd-gruppe > .attr-hint{grid-column:1 / -1;margin:2px 0 0;font-size:11px;color:#9aa8b8}
.taom-ps-native .t2sd-gruppe > .attr-row button{margin-top:4px}


/* V2 – Epic-Reiter: ganze Abschnitte, zweispaltig */
.taom-ps-native .t2sd-pane[data-t="epic"] .attr-section{border:1px solid #e6ebf2;border-radius:10px;padding:12px 13px;
  background:#fbfcfe;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;align-items:start}
.taom-ps-native .t2sd-pane[data-t="epic"] .attr-section-title{grid-column:1 / -1;margin:0 0 4px;font:700 10px/1 Inter,sans-serif;
  letter-spacing:.13em;text-transform:uppercase;color:#8894a6}
.taom-ps-native .t2sd-pane[data-t="epic"] .attr-row{display:block;margin:0;font-size:11.5px;color:#6f7888}
.taom-ps-native .t2sd-pane[data-t="epic"] .attr-row input,.t2sd-pane[data-t="epic"] .attr-row select,
.taom-ps-native .t2sd-pane[data-t="epic"] .attr-row textarea{width:100%;margin-top:4px;font-size:12.5px}
.taom-ps-native .t2sd-pane[data-t="epic"] .attr-hint{grid-column:1 / -1;font-size:11px;color:#9aa8b8;margin:0}
/* Vorschau der Beschreibung: unter dem Feld, nicht daneben */
.taom-ps-native .t2sd .tpm-preview{width:100%;margin-top:8px;border:1px solid #e6ebf2;border-radius:8px;padding:10px 12px;
  background:#fbfcfe;min-height:120px}
.taom-ps-native .t2sd .tpm-preview.hidden{display:none}


/* V2 – Vermerk in der Attributspalte, solange das Fenster offen ist */
.taom-ps-native .t2sd-vermerk{margin:0 0 10px;padding:9px 11px;border:1px dashed #bfd7ee;border-radius:8px;
  background:#f4faff;color:#356690;font-size:11.5px;line-height:1.45}


/* V2 – Kopfzeile des Shape-Fensters: ruhig und ausgerichtet */
.taom-ps-native .t2sd .tpm-head.t2sd-kopf{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;
  padding-bottom:14px;border-bottom:1px solid #eef2f7;margin-bottom:2px}
.taom-ps-native .t2sd .tpm-head.t2sd-kopf .t2sd-titel{flex:1 1 auto;min-width:0}
.taom-ps-native .t2sd .tpm-head.t2sd-kopf .tpm-brand,
.taom-ps-native .t2sd .tpm-head.t2sd-kopf .taom-brand{flex:0 0 auto;order:2}
.taom-ps-native .t2sd .tpm-head.t2sd-kopf .t2sd-nav{order:3;margin:0;flex:0 0 auto;
  display:inline-flex;align-items:center;gap:4px;border:1px solid #e0e7f0;border-radius:9px;
  padding:3px 5px;background:#fafbfd}
.taom-ps-native .t2sd .t2sd-nav button{width:26px;height:24px;border-radius:6px;border:1px solid transparent;
  background:transparent;color:#5b6a7d;font-size:11px;line-height:1;display:grid;place-items:center}
.taom-ps-native .t2sd .t2sd-nav button:hover:not(:disabled){background:#fff;border-color:#cfdcea;color:#0f79bc}
.taom-ps-native .t2sd .t2sd-nav .t2sd-count{min-width:46px;font-size:11.5px;color:#7c8b9c}
.taom-ps-native .t2sd .tpm-head.t2sd-kopf .tpm-x{order:4;flex:0 0 auto;margin-left:4px}
.taom-ps-native .t2sd-h{font-size:18px}


/* V2 – gesperrte Platzhalter: sichtbar, mit Grund, nie speicherbar */
.taom-ps-native .t2sd-platzhalter{display:block;opacity:.72}
.taom-ps-native .t2sd-pl-l{display:block;font-size:11.5px;color:#6f7888}
.taom-ps-native .t2sd-platzhalter input[disabled],
.taom-ps-native .t2sd-platzhalter button[disabled]{width:100%;margin-top:4px;
  background:#f4f6fa;color:#9aa8b8;border:1px dashed #d3dce8;border-radius:6px;padding:7px 9px;
  font-size:12.5px;cursor:not-allowed}
.taom-ps-native .t2sd-platzhalter button[disabled]{width:auto;padding:6px 11px}
.taom-ps-native .t2sd-pl-g{display:block;margin-top:4px;font-size:10.5px;color:#a4b0bf;font-style:italic}


/* V2 – nicht zutreffender Governance-Block: in der Spalte aus, im Fenster an */
.taom-ps-native #attr-panel-body > .attr-section--na{display:none}
.taom-ps-native .t2sd .attr-section--na{display:grid;opacity:.78}
.taom-ps-native .t2sd .attr-section--na input[disabled],.t2sd .attr-section--na select[disabled],
.taom-ps-native .t2sd .attr-section--na button[disabled]{background:#f4f6fa;color:#8894a6;
  border:1px dashed #d3dce8;cursor:not-allowed}


/* ===================================================================
   V2 – Kopfleiste: links Kontext, mittig die Linsen, rechts Konto.
   =================================================================== */
.taom-ps-native .t2top{display:flex!important;align-items:center;gap:16px;flex-wrap:nowrap;
  padding:0 18px!important;height:64px;min-height:64px}
.taom-ps-native .t2top-links{display:flex;align-items:center;gap:14px;min-width:0;flex:0 0 auto}
.taom-ps-native .t2top-kontext{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.taom-ps-native .t2top-projekt{font-size:13px;font-weight:600;color:#e8f0fb;background:#16305a;
  border:1px solid #26456f;border-radius:8px;padding:5px 11px;max-width:210px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.taom-ps-native .t2top-ws{font-size:11px;color:#9fb6d4;border:1px solid #2b4368;border-radius:7px;padding:4px 8px}
.taom-ps-native .t2top-rueck{display:inline-flex;align-items:center;gap:6px;font-size:12px;
  background:#3c2f4f;color:#e2cdf5;border:1px solid #574170;border-radius:999px;padding:4px 10px}
.taom-ps-native .t2top-rueck b{background:#a77ad4;color:#241733;border-radius:999px;padding:0 6px;font-size:11px}
.taom-ps-native .t2top-mitte{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.taom-ps-native .t2top-mitte .t2lensbar{background:none;border:0;box-shadow:none;padding:0;gap:2px;flex-wrap:nowrap}
.taom-ps-native .t2top-mitte .t2lensdesc,
.taom-ps-native .t2top-mitte .t2right{display:none}
.taom-ps-native .t2top-mitte .t2lens{padding:20px 12px 18px}
.taom-ps-native .t2top-rechts{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.taom-ps-native .t2top-stufe{font-size:12px;color:#cfe0f5;background:#16305a;border:1px solid #26456f;
  border-radius:8px;padding:5px 10px;white-space:nowrap}
.taom-ps-native /* Die Seitennavigation bleibt: sie ist auf der Editorseite der einzige
   Weg zu den uebrigen Seiten. Sie wird nur kompakter gesetzt. */
.t2top-nav{display:flex;flex-wrap:wrap;gap:10px;font-size:12.5px;order:5;flex:0 0 auto}
.taom-ps-native .t2top-ver{display:none}
@media(max-width:1500px){.t2top-projekt{max-width:150px}.t2top-ws{display:none}}
@media(max-width:1200px){
.taom-ps-native .t2top{flex-wrap:wrap;height:auto;padding-bottom:6px!important}
.taom-ps-native .t2top-mitte{order:3;flex-basis:100%;justify-content:flex-start}
}


/* V2 – Doppeltes aus dem Arbeitsraum nehmen, Verirrtes umhaengen */
/* Arbeitsbereich-Kennung steht jetzt im Kopf; die Leiste zeigt nur noch die
   Werkzeuge, die dort hingehoeren. */
.taom-ps-native .t2-wb-schlank > div:first-child{display:none}
.taom-ps-native .t2-wb-schlank{padding-top:6px;padding-bottom:6px}
/* Ueberschrift des Ladebereichs nur im Eingangsbildschirm. */
.taom-ps-native[data-model="open"] .t2-up-schlank{display:none!important}
/* Rueckmeldung neben der Agentzeile */
.taom-ps-native .t2-status-inline{margin:0!important;padding:4px 10px!important;border-radius:7px;font-size:11.5px;
  background:#eef7f1;border:1px solid #cbe7d6;color:#1d6b46;max-width:46ch;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
/* Zaehler des Modells im Bereich unter der Flaeche */
.taom-ps-native .t2-stats-inline{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid #eef2f7;
  background:#fbfcfe;margin:0}
.taom-ps-native #t2-panel .t2-stats-inline{border-top:0}
.taom-ps-native .taom-agent-flow{flex-wrap:wrap}


/* V2 – echte Bedienelemente in der Seitenleiste */
.taom-ps-native .t2rail-echt{display:flex;flex-direction:column;gap:6px;padding:0 2px 6px}
.taom-ps-native .t2rail-slot{display:block}
.taom-ps-native .t2rail-slot > button,
.taom-ps-native .t2rail-slot > select,
.taom-ps-native .t2rail-slot > a{
  width:100%!important;min-width:0!important;max-width:none!important;
  height:auto!important;box-sizing:border-box;
  display:flex!important;align-items:center;justify-content:flex-start;gap:6px;
  font-size:10.5px!important;line-height:1.2;padding:8px 7px!important;border-radius:9px!important;
  white-space:normal!important;text-align:left}
.taom-ps-native .t2rail-slot > button svg,
.taom-ps-native .t2rail-slot > button .tbi{flex:0 0 auto;width:13px;height:13px}
.taom-ps-native .t2rail-slot > select{background:#17263c!important;color:#dbe6f7!important;border:1px solid #25405f!important}
.taom-ps-native .t2rail-slot > button{background:#17263c!important;color:#dbe6f7!important;border:1px solid #25405f!important}
.taom-ps-native .t2rail-slot > button:hover{background:#0e78cf!important;color:#fff!important;border-color:#0e78cf!important}
.taom-ps-native .t2rail-slot > button.taom-auth-on{background:#0e78cf!important;border-color:#0e78cf!important;color:#fff!important}
/* Kopfzeile: rechts stehen nur noch Anzeigen */
.taom-ps-native .t2top-rechts{gap:8px}


/* V2 – Bereich unter der Fläche auf- und zuklappen */
.taom-ps-native .t2p-klapp{border:1px solid #d6deea;background:#fff;border-radius:7px;width:26px;height:24px;
  cursor:pointer;color:#4a5768;font-size:11px;line-height:1;display:grid;place-items:center;
  flex:0 0 auto}
.taom-ps-native .t2p-klapp:hover{border-color:#8ecaf0;color:#0f79bc}
.taom-ps-native .t2p-zu .t2p-body{display:none}
.taom-ps-native .t2p-zu .t2p-voll{display:none}
.taom-ps-native .t2p-head{gap:9px}


/* ===================================================================
   V2 – Korrekturen an Kopf und Leiste
   Der Kopf hatte links eine absolut gesetzte Zierleiste (.brand-rail) und
   dafuer eine grosse Innenabstand-Reserve. Mein schmalerer Abstand liess sie
   ueber die Marke laufen – daher die verdeckte Schrift oben links. Die
   Zierleiste entfaellt in V2; der Markenblock wird einzeilig, damit er in die
   64 Pixel passt und die Seitenleiste nicht berührt.
   =================================================================== */
.taom-ps-native .t2top .brand-rail{display:none!important}
.taom-ps-native .t2top{padding-left:18px!important}
.taom-ps-native .t2top .eyebrow,
.taom-ps-native .t2top .brand-sub{display:none!important}
.taom-ps-native .t2top .produktname{font-size:16px!important;line-height:1.1;white-space:nowrap}
.taom-ps-native .t2top-links{align-items:center}

/* Seitenleiste: die echten Knoepfe brauchen mehr Breite als 78 Pixel,
   sonst laufen „Projekt & Organisation" und „Benutzeranleitung" heraus. */
.taom-ps-native .t2rail{width:104px;flex:0 0 104px;padding:10px 8px}
.taom-ps-native .t2rail-btn{padding:8px 2px 6px}
.taom-ps-native .t2rail-txt{font-size:9.5px}
.taom-ps-native .t2rail-echt{gap:5px}
.taom-ps-native .t2rail-slot > button,
.taom-ps-native .t2rail-slot > select,
.taom-ps-native .t2rail-slot > a{
  font-size:10px!important;padding:7px 8px!important;line-height:1.25;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.taom-ps-native .t2rail-slot > select{padding:6px 6px!important}
.taom-ps-native .t2rail-slot > button svg,
.taom-ps-native .t2rail-slot > button .tbi{display:none}
@media(max-width:760px){.t2rail{width:auto;flex:0 0 auto;padding:6px}}


/* ===================================================================
   V2 – Kopf: Marke bleibt wie im Original
   Die Zierleiste und der dafuer reservierte Innenabstand gehoeren zusammen.
   Beides bleibt jetzt unangetastet; nur die Anordnung rechts davon ist neu.
   =================================================================== */
.taom-ps-native .t2top .brand-rail{display:block!important}
.taom-ps-native .t2top{padding-left:clamp(70px,7vw,92px)!important;height:auto;min-height:64px}
.taom-ps-native .t2top .eyebrow,
.taom-ps-native .t2top .brand-sub{display:block!important}
.taom-ps-native .t2top .produktname{font-size:clamp(16px,2vw,20px)!important;white-space:nowrap}

/* Sprache steht neben dem Konto und sieht aus wie die Stufen-Plakette. */
.taom-ps-native .t2top-rechts #taom-lang-select{background:#16305a!important;color:#cfe0f5!important;
  border:1px solid #26456f!important;border-radius:8px!important;height:auto!important;
  padding:5px 10px!important;font-size:12px!important;min-width:0!important;width:auto!important}

/* ===================================================================
   V2 – Seitenleiste: eingeklappt Symbole mit Kurztext, aufgeklappt breit
   =================================================================== */
.taom-ps-native .t2rail{width:86px;flex:0 0 86px;transition:width .12s ease}
.taom-ps-native .t2rail-auf{width:210px;flex:0 0 210px}
.taom-ps-native .t2rail-klapp{align-self:flex-end;border:1px solid #25405f;background:#17263c;color:#9fb6d4;
  border-radius:7px;width:24px;height:22px;cursor:pointer;font-size:11px;line-height:1;margin-bottom:6px}
.taom-ps-native .t2rail-klapp:hover{color:#fff;border-color:#3b6ea8}
.taom-ps-native .t2rail-echt{display:flex;flex-direction:column;gap:2px;padding:0}
.taom-ps-native .t2rail-slot{display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:9px;
  padding:8px 2px 6px;cursor:pointer}
.taom-ps-native .t2rail-slot:hover{background:#17263c}
.taom-ps-native .t2rail-slot > .t2rail-ico{font-size:16px;line-height:1;color:#8ea4c4}
.taom-ps-native .t2rail-slot:hover > .t2rail-ico{color:#fff}
.taom-ps-native .t2rail-slot > button,
.taom-ps-native .t2rail-slot > a{
  background:none!important;border:0!important;color:#8ea4c4!important;padding:0!important;
  font:600 8.5px/1.15 Inter,ui-sans-serif,system-ui,sans-serif!important;text-align:center!important;
  width:100%!important;display:block!important;letter-spacing:.02em}
.taom-ps-native .t2rail-slot:hover > button{color:#fff!important}
.taom-ps-native .t2rail-slot > button.taom-auth-on{color:#7fc2ff!important}

/* Aufgeklappt: Symbol links, voller Text rechts */
.taom-ps-native .t2rail-auf .t2rail-btn,
.taom-ps-native .t2rail-auf .t2rail-slot{flex-direction:row;align-items:center;gap:10px;
  padding:9px 10px;text-align:left}
.taom-ps-native .t2rail-auf .t2rail-txt,
.taom-ps-native .t2rail-auf .t2rail-slot > button,
.taom-ps-native .t2rail-auf .t2rail-slot > a{
  font-size:12px!important;text-align:left!important;line-height:1.25}
.taom-ps-native .t2rail-auf .t2rail-ico{font-size:15px}
@media(max-width:760px){.t2rail,.t2rail-auf{width:auto;flex:0 0 auto}}


/* V2 – Vorschau des Elements im Kopf des Fensters */
.taom-ps-native .t2sd-vorschau-box{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:132px;height:56px;border:1px solid #e6ebf2;border-radius:10px;background:#fbfcfe;
  padding:5px;overflow:hidden}
.taom-ps-native .t2sd-vorschau{width:100%;height:100%;display:block;pointer-events:none}
@media(max-width:820px){.t2sd-vorschau-box{display:none}}


/* V2 – Übersichtskästen im Bereich unter der Fläche */
.taom-ps-native .t2p-boxen{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:0 0 14px}
.taom-ps-native .t2p-box{border:1px solid #e6ebf2;border-radius:10px;padding:12px 13px;background:#fbfcfe}
.taom-ps-native .t2p-box h5{margin:0 0 9px;font:700 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.13em;text-transform:uppercase;color:#8894a6}
.taom-ps-native .t2p-kv{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:3px 0}
.taom-ps-native .t2p-kv span{color:#6b7688}
.taom-ps-native .t2p-kv b{font-weight:650}
.taom-ps-native .t2p-kv b.warn{color:#b8860b}
.taom-ps-native .t2p-kv b.ok{color:#19a566}


/* V2 – Vorschau als eigene Zeile, gross genug zum Erkennen */
.taom-ps-native .t2sd-vorschau-box{display:flex!important;width:auto!important;height:auto!important;
  min-height:170px;max-height:260px;margin:0 0 14px;padding:12px;
  align-items:center;justify-content:center;
  border:1px solid #e6ebf2;border-radius:12px;
  background:#fbfcfe linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
  background-image:linear-gradient(#eef2f6 1px,transparent 1px),linear-gradient(90deg,#eef2f6 1px,transparent 1px);
  background-size:16px 16px}
.taom-ps-native .t2sd-vorschau{width:100%;height:100%;min-height:146px;display:block;pointer-events:none}
@media(max-width:820px){.t2sd-vorschau-box{display:flex!important;min-height:130px}}


/* V2 – Vorschau fuellt das Fenster
   Im Flex-Behaelter war das SVG ein Kind mit „auto"-Groesse: Es bekam nur die
   Mindesthoehe und schrumpfte in der Breite auf seinen Inhalt. Als Block mit
   fester Hoehe und 100 Prozent Breite skaliert der Ausschnitt korrekt bis an
   den Rand – preserveAspectRatio haelt dabei die Proportionen. */
.taom-ps-native .t2sd-vorschau-box{display:block!important;width:100%!important;height:230px!important;
  min-height:0!important;max-height:none!important;box-sizing:border-box;padding:14px}
.taom-ps-native .t2sd-vorschau{width:100%!important;height:100%!important;min-height:0!important;display:block}
@media(max-width:820px){.t2sd-vorschau-box{height:170px!important}}


/* V2 – Personen und Zuständigkeit im Shape-Fenster */
.taom-ps-native .t2sd-personen{grid-template-columns:1fr!important}
.taom-ps-native .t2sd-person{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #eef2f7}
.taom-ps-native .t2sd-person:last-of-type{border-bottom:0}
.taom-ps-native .t2sd-p-name{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}
.taom-ps-native .t2sd-p-name b{font-size:13px;font-weight:650}
.taom-ps-native .t2sd-p-name small{font-size:11px;color:#8894a6}
.taom-ps-native .t2sd-p-raci{flex:0 0 auto;min-width:172px;border:1px solid #d3dce8;border-radius:6px;padding:6px 8px;
  font-size:12.5px;background:#fff}


/* V2 – Personen zweispaltig, Zuständigkeit als schmale Auswahl */
.taom-ps-native .t2sd-personen{display:grid!important;grid-template-columns:1fr 1fr;gap:0 18px}
.taom-ps-native .t2sd-personen > .t2sd-gruppe-t{grid-column:1 / -1}
.taom-ps-native .t2sd-personen > .t2sd-hint{grid-column:1 / -1;margin-top:8px}
.taom-ps-native .t2sd-person{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #eef2f7}
.taom-ps-native .t2sd-p-raci{flex:0 0 auto;min-width:0!important;width:62px;text-align:center;
  border:1px solid #d3dce8;border-radius:6px;padding:5px 6px;font-size:12.5px;font-weight:650;background:#fff}
@media(max-width:820px){.t2sd-personen{grid-template-columns:1fr}}


/* V2 – kein Aufblitzen des alten Aufbaus
   Bis die V2-Schicht steht, bleibt der Arbeitsraum verborgen. Sichtbar wird er
   erst mit data-t2ready – gesetzt, sobald der Eingangsbildschirm aufgebaut ist. */
.taom-ps-native main .upload-panel,
.taom-ps-native main .workspace-bar,
.taom-ps-native main #stats,
.taom-ps-native main .viewer-grid,
.taom-ps-native main .bottom-grid,
.taom-ps-native main #taom-agent{visibility:hidden}
[data-t2ready] main .upload-panel,[data-t2ready] main .workspace-bar,[data-t2ready] main #stats,
.taom-ps-native[data-t2ready] main .viewer-grid,
.taom-ps-native[data-t2ready] main .bottom-grid,
.taom-ps-native[data-t2ready] main #taom-agent{visibility:visible}
.taom-ps-native .t2ws-offen{border-color:#8ecaf0!important;background:#f7fbff!important}
.taom-ps-native .t2ws-marke{font-size:10.5px;color:#0f79bc;background:#eaf4fd;border:1px solid #cbe4f8;
  border-radius:999px;padding:1px 8px}


/* V2 – Die Agentzeile gehoert zum Arbeitsraum, nicht zum Eingangsbildschirm.
   Solange kein Modell offen ist, steht dort nur die Frage, was zu tun ist. */
.taom-ps-native[data-model="none"] main #taom-agent{display:none!important}


/* V2 – gesperrter Leisteneintrag */
.taom-ps-native .t2rail-btn.t2rail-aus{opacity:.4;cursor:not-allowed}
.taom-ps-native .t2rail-btn.t2rail-aus:hover{background:none;color:#8ea4c4}


/* V2 – Vorlagen im Eingangsbildschirm: dieselbe Zeilendarstellung wie
   „Zuletzt bearbeitet". Die runden Pillen der Werkzeugleiste passen dort
   nicht; die Bedienelemente bleiben dieselben, nur ihr Aussehen aendert sich. */
.taom-ps-native .t2start-tpl{margin:0}
.taom-ps-native .t2start-tpl .taom-tpl-bar{display:grid!important;gap:7px;margin:0;padding:0;background:none;border:0;
  box-shadow:none;overflow:visible}
.taom-ps-native .t2start-tpl .taom-tpl-label{display:none}
.taom-ps-native .t2start-tpl .taom-tpl-btn{display:flex!important;align-items:center;gap:10px;width:100%;
  text-align:left;background:#fff!important;border:1px solid #dfe5ee!important;border-radius:9px!important;
  padding:10px 12px!important;font:500 13px/1.3 Inter,ui-sans-serif,system-ui,sans-serif!important;
  color:#172033!important;box-shadow:none!important;min-height:0;height:auto}
.taom-ps-native .t2start-tpl .taom-tpl-btn:hover{border-color:#8ecaf0!important;background:#f9fcff!important}
.taom-ps-native .t2start-tpl .taom-tpl-btn .ttb-txt{flex:1 1 auto;font-weight:650}
.taom-ps-native .t2start-tpl .taom-tpl-btn .ttb-more{margin-left:auto;color:#8894a6;font-size:15px}
.taom-ps-native .t2start-tpl .taom-tpl-btn::before{content:"▦";color:#8894a6;font-size:13px;flex:0 0 auto}
.taom-ps-native .t2start-tpl .taom-tpl-bar.tpl-seen,
.taom-ps-native .t2start-tpl .taom-tpl-bar::after{animation:none!important}
.taom-ps-native .t2start-recenth{margin-top:22px}


/* V2 – keine Aufmerksamkeitsanimation im Eingangsbildschirm.
   In der Werkzeugleiste war das Blinken sinnvoll: Dort geht die Vorlagenleiste
   zwischen vielen Knoepfen unter. Auf dem Eingangsbildschirm ist sie einer von
   drei Bereichen und braucht keinen Hinweis auf sich selbst. */
.taom-ps-native .t2start-tpl .taom-tpl-bar:not(.tpl-seen) .taom-tpl-label,
.taom-ps-native .t2start-tpl .taom-tpl-bar:not(.tpl-seen) .taom-tpl-btn,
.taom-ps-native .t2start-tpl .taom-tpl-bar:not(.tpl-seen) .taom-tpl-btn .ttb-more,
.taom-ps-native .t2start-tpl .taom-tpl-bar::after,
.taom-ps-native .t2start-tpl .taom-tpl-bar::before{animation:none!important}
.taom-ps-native .t2start-tpl .taom-tpl-btn .ttb-more{transform:none!important}
.taom-ps-native .openhint{margin-top:18px}


/* V2 – Projektwahl im Kopf */
.taom-ps-native select.t2top-projekt{background:#16305a;color:#e8f0fb;border:1px solid #26456f;border-radius:8px;
  padding:5px 10px;font-size:13px;font-weight:600;max-width:240px;height:auto;min-width:0}
.taom-ps-native select.t2top-projekt:disabled{opacity:.7}


/* V2 – Personen des Projekts im Kopf */
.taom-ps-native .t2top-leute{background:#16305a;color:#cfe0f5;border:1px solid #26456f;border-radius:8px;
  padding:5px 9px;font-size:12px;cursor:pointer;white-space:nowrap}
.taom-ps-native .t2top-leute:hover{background:#1d3f74;color:#fff}


/* V2 – Projekt in der Liste der Arbeitsbereiche */
.taom-ps-native .t2ws-prj{font-size:11px;color:#2c5c8f;background:#eaf3fb;border:1px solid #cfe2f4;
  border-radius:999px;padding:1px 8px;white-space:nowrap;max-width:200px;overflow:hidden;
  text-overflow:ellipsis}


/* V2 – Zurücksetzen im Reiter Darstellung */
.taom-ps-native .t2sd-zurueck{background:#fff;border:1px solid #d6deea;border-radius:8px;padding:7px 12px;
  font-size:12.5px;cursor:pointer;color:#3c4a5e}
.taom-ps-native .t2sd-zurueck:hover{border-color:#8ecaf0;color:#0f79bc}


/* V2 – im Fenster verdeckte Zeile (dieselbe Angabe steht dort ausfuehrlicher) */
.taom-ps-native .t2sd .t2sd-verdeckt{display:none}


/* V2 – Blätterleiste: Pfeile und Zähler auf einer Linie */
.taom-ps-native .t2sd-nav{display:inline-flex;align-items:center;gap:4px;line-height:1}
.taom-ps-native .t2sd-nav button{display:grid;place-items:center;width:30px;height:30px;padding:0;line-height:1;
  font-size:12px;border-radius:8px}
.taom-ps-native .t2sd-nav .t2sd-count{display:inline-flex;align-items:center;justify-content:center;
  min-width:62px;line-height:1;padding:0 4px}


/* V2 – leere Arbeitsbereich-Leiste entfernen */
.taom-ps-native .t2-wb-leer{display:none!important}
/* V2 – Agentzeile: ein Auswahlfeld statt vier Knoepfen */
.taom-ps-native .t2-verdeckt{display:none!important}
.taom-ps-native .t2-ergebnis{border:1px solid #d3dce8;border-radius:8px;padding:5px 9px;font-size:12.5px;background:#fff;
  max-width:230px}
/* V2 – Agenten kompakt: nur der taetige faellt auf, die uebrigen sind Beiwerk */
.taom-ps-native .t2-flow-kurz{gap:4px!important}
.taom-ps-native .t2-flow-kurz > *{font-size:11px!important;padding:3px 7px!important;opacity:.45}
.taom-ps-native .t2-flow-kurz > .active,
.taom-ps-native .t2-flow-kurz > .running,
.taom-ps-native .t2-flow-kurz > .busy{opacity:1;font-weight:650}


/* V2 – Agentzeile als Fortschrittskette (Quelle bleibt die Reihe des Editors) */
.taom-ps-native .t2-flow-quelle{display:none!important}
.taom-ps-native .t2ak{display:flex;align-items:center;gap:10px;padding:6px 2px;flex-wrap:wrap}
.taom-ps-native .t2ak-punkt{width:9px;height:9px;border-radius:50%;background:#c6ced9;flex:0 0 auto}
.taom-ps-native .t2ak-punkt.aktiv{background:#0e78cf;animation:t2akPuls 1.5s ease-in-out infinite}
@keyframes t2akPuls{0%,100%{box-shadow:0 0 0 0 rgba(14,120,207,.55)}
                    50%{box-shadow:0 0 0 5px rgba(14,120,207,0)}}
.taom-ps-native .t2ak-wer{font-weight:650;font-size:12.5px;white-space:nowrap}
.taom-ps-native .t2ak-was{color:#6b7789;font-size:12.5px}
.taom-ps-native .t2ak-kugeln{display:flex;align-items:center;margin-left:auto}
.taom-ps-native .t2ak-kugel{width:16px;height:16px;border-radius:50%;border:2px solid #cfd8e6;background:#fff;
  display:grid;place-items:center;font-size:9px;color:#8794a6;flex:0 0 auto}
.taom-ps-native .t2ak-kugel.fertig{background:#19a566;border-color:#19a566;color:#fff}
.taom-ps-native .t2ak-kugel.laeuft{border-color:#0e78cf;background:#eaf4fd;color:#0e78cf;
  animation:t2akPuls 1.5s ease-in-out infinite}
.taom-ps-native .t2ak-strich{width:16px;height:2px;background:#e1e7f0;flex:0 0 auto}
.taom-ps-native .t2ak-strich.fertig{background:#19a566}
.taom-ps-native .t2ak-mehr{border:1px solid #d3dce8;background:#fff;border-radius:8px;padding:4px 10px;
  font-size:12px;cursor:pointer;color:#3c4a5e}
.taom-ps-native .t2ak-mehr:hover{border-color:#8ecaf0;color:#0f79bc}
.taom-ps-native .t2ak-tab{width:100%;border:1px solid #e6ebf2;border-radius:10px;padding:6px 10px;background:#fbfcfe}
.taom-ps-native .t2ak-tab table{border-collapse:collapse;width:100%;font-size:12.5px}
.taom-ps-native .t2ak-tab td{padding:4px 6px;border-bottom:1px solid #eef2f7}
.taom-ps-native .t2ak-tab tr:last-child td{border-bottom:0}


/* V2 – Rueckmeldung in der Kettenzeile */
.taom-ps-native .t2ak-status{margin-left:10px;font-size:12px;color:#1d6b46;background:#eef8f2;
  border:1px solid #cbe7d6;border-radius:8px;padding:3px 9px;white-space:nowrap;
  max-width:42ch;overflow:hidden;text-overflow:ellipsis}
.taom-ps-native .t2ak-status:empty{display:none}


/* V2 – Agentzeile: links die Bedienung, mittig die Meldung, rechts der Fortschritt */
.taom-ps-native .t2-agent-zeile2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.taom-ps-native .t2-agent-zeile2 > .t2-ergebnis,
.taom-ps-native .t2-agent-zeile2 > .t2-agent-kurz,
.taom-ps-native .t2-agent-zeile2 > button,
.taom-ps-native .t2-agent-zeile2 #taom-agent-recover{
  height:32px;display:inline-flex;align-items:center;gap:6px;
  border:1px solid #d3dce8;background:#fff;border-radius:8px;padding:0 12px;
  font:500 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:#3c4a5e;cursor:pointer;
  box-shadow:none}
.taom-ps-native .t2-agent-zeile2 > .t2-ergebnis{cursor:default;padding-right:8px}
.taom-ps-native .t2-agent-zeile2 > button:hover,
.taom-ps-native .t2-agent-zeile2 #taom-agent-recover:hover{
  border-color:#8ecaf0;color:#0f79bc}
.taom-ps-native .t2ak{flex:1 1 auto;min-width:280px}
.taom-ps-native .t2ak-status{margin:0 auto;text-align:center}
.taom-ps-native .t2ak-kugeln{margin-left:auto;gap:0}
.taom-ps-native .t2ak-mehr{margin-left:10px}


/* V2 – eine Meldungsflaeche, mittig */
.taom-ps-native .t2ak-wer:empty,
.taom-ps-native .t2ak-was:empty{display:none}
.taom-ps-native .t2ak .t2-status-inline{margin:0 auto!important;text-align:center}


/* V2 – Meldung mittig im ganzen Balken, nicht mittig im Restplatz.
   Sie liegt dafuer ueber der Zeile statt in der Reihe: So bleibt sie in der
   Mitte, egal wie breit die Knoepfe links und die Punkte rechts werden. */
.taom-ps-native .t2-agent-zeile2{position:relative}
.taom-ps-native .t2-agent-zeile2 .t2ak-status,
.taom-ps-native .t2-agent-zeile2 .t2-status-inline{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  margin:0!important;max-width:min(46ch,38%);text-align:center;z-index:2}
@media(max-width:1200px){
.taom-ps-native .t2-agent-zeile2 .t2ak-status,
.taom-ps-native .t2-agent-zeile2 .t2-status-inline{position:static;transform:none;max-width:100%;
    margin:0 auto!important}
}


/* V2 – Modellname im Editorkopf ausblenden.
   Er stand dort, weil die Kennung sonst nur nach einem Klick sichtbar war.
   In V2 steht sie oben in der Kopfzeile, dauerhaft und an einer Stelle –
   ein zweites Mal darunter kostet nur Hoehe. */
.taom-ps-native #editor-modellname{display:none!important}


/* V2 – Titelzeile und Werkzeugleiste in einer Reihe */
.taom-ps-native .t2-titel-breit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;width:100%}
.taom-ps-native .t2-werkzeuge-oben{margin:0!important;padding:0!important;border:0!important;background:none!important;
  flex:1 1 520px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.taom-ps-native .t2-werkzeuge-oben .tb-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.taom-ps-native .t2-modell-zu{margin-left:auto;border:1px solid #d6deea;background:#fff;border-radius:8px;
  padding:6px 12px;font-size:12.5px;cursor:pointer;color:#3c4a5e;white-space:nowrap}
.taom-ps-native .t2-modell-zu:hover{border-color:#8ecaf0;color:#0f79bc}
@media(max-width:1500px){.t2-werkzeuge-oben{flex-basis:100%}}


/* ===================================================================
   V2 – EIN KNOPFBILD FUER DIE GANZE OBERFLAECHE

   Im Bestand sind ueber die Jahre mehrere Knopfarten entstanden:
   .tool-btn, .secondary, .tb-menu-btn, .zctl, .link-btn, .ghost, dazu
   meine eigenen aus dem Umbau. Jede bringt eigene Hoehe, Rundung,
   Schriftgroesse und Randfarbe mit - nebeneinander sieht das aus wie
   vier verschiedene Werkzeuge.

   Hier wird EIN Bild festgelegt und auf alle angewandt. Geaendert wird
   nur das Aussehen, keine Klasse und keine Bindung. Die Ausnahmen
   bleiben Ausnahmen: „Speichern" ist die Hauptaktion (gefuellt),
   „Löschen" die gefaehrliche (rot), die Zoomknoepfe sind quadratisch.
   =================================================================== */
.taom-ps-native .editor-toolbar .tool-btn,
.taom-ps-native .editor-toolbar button.secondary,
.taom-ps-native .editor-toolbar .tb-menu-btn,
.taom-ps-native .t2-werkzeuge-oben .tool-btn,
.taom-ps-native .t2-werkzeuge-oben button.secondary,
.taom-ps-native .t2-modell-zu,
.taom-ps-native .t2ak-mehr,
.taom-ps-native .t2-agent-zeile2 > button,
.taom-ps-native .t2-agent-zeile2 #taom-agent-recover,
.taom-ps-native .t2sd-zurueck,
.taom-ps-native .t2p-voll,
.taom-ps-native .t2p-reload{
  height:32px;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:0 12px;
  border:1px solid #d6deea;border-radius:8px;background:#fff;
  font:500 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:#3c4a5e;
  box-shadow:none;cursor:pointer;white-space:nowrap
}
.taom-ps-native .editor-toolbar .tool-btn:hover,
.taom-ps-native .editor-toolbar button.secondary:hover,
.taom-ps-native .editor-toolbar .tb-menu-btn:hover,
.taom-ps-native .t2-werkzeuge-oben .tool-btn:hover,
.taom-ps-native .t2-modell-zu:hover,.t2ak-mehr:hover,.t2sd-zurueck:hover,
.taom-ps-native .t2p-voll:hover,
.taom-ps-native .t2p-reload:hover{
  border-color:#8ecaf0;color:#0f79bc;background:#f9fcff
}
.taom-ps-native .editor-toolbar .tool-btn:disabled,
.taom-ps-native .editor-toolbar button.secondary:disabled{opacity:.45;cursor:not-allowed;
  border-color:#e3e9f2;color:#8894a6;background:#fff}

/* Hauptaktion und gefaehrliche Aktion bleiben unterscheidbar. */
.taom-ps-native .editor-toolbar .tool-btn.primary,
.taom-ps-native .t2-werkzeuge-oben .tool-btn.primary{
  background:#0e78cf;border-color:#0e78cf;color:#fff;font-weight:650}
.taom-ps-native .editor-toolbar .tool-btn.primary:hover,
.taom-ps-native .t2-werkzeuge-oben .tool-btn.primary:hover{
  background:#0b66b0;border-color:#0b66b0;color:#fff}
.taom-ps-native .editor-toolbar .tool-btn.danger,
.taom-ps-native .t2-werkzeuge-oben .tool-btn.danger{
  border-color:#f0c7c1;color:#c0392b;background:#fff}
.taom-ps-native .editor-toolbar .tool-btn.danger:hover,
.taom-ps-native .t2-werkzeuge-oben .tool-btn.danger:hover{
  background:#fdf3f2;border-color:#e2a49b;color:#a5342a}

/* Zoom bleibt quadratisch – ein Zeichen, kein Wort. */
.taom-ps-native .zoom-controls .zctl{height:30px;min-width:30px;padding:0 8px;border-radius:8px;
  border:1px solid #d6deea;background:#fff;color:#3c4a5e;font-size:12.5px;
  display:inline-flex;align-items:center;justify-content:center}
.taom-ps-native .zoom-controls .zctl:hover{border-color:#8ecaf0;color:#0f79bc}

/* Eingabefelder in denselben Reihen ebenfalls auf dieselbe Hoehe. */
.taom-ps-native .editor-toolbar input[type="search"],.editor-toolbar input[type="text"],
.taom-ps-native .t2-werkzeuge-oben input[type="search"],.t2-werkzeuge-oben input[type="text"],
.taom-ps-native .t2-agent-zeile2 select{height:32px;border:1px solid #d6deea;border-radius:8px;
  padding:0 10px;font-size:12.5px;background:#fff;color:#172033}


/* ===================================================================
   V2 – VOLLBILD NACH DEM ZUSAMMENLEGEN DER ZEILEN

   Die Vollbildregel stammt aus der Zeit, als Titelzeile und
   Werkzeugleiste getrennt untereinander standen. Jetzt steckt die
   Leiste in der Titelzeile: Sie darf dort umbrechen - im Vollbild
   frisst jeder Umbruch Zeichenflaeche, und bei schmalem Fenster waren
   es schnell zwei zusaetzliche Reihen.
   Im Vollbild bleibt die Zeile deshalb einzeilig und schiebt bei
   Bedarf seitlich. Der Kopf behaelt seine Hoehe, die Flaeche bekommt
   den Rest.
   =================================================================== */
.taom-ps-native #generated-card.is-fullscreen .card-title{flex:0 0 auto;flex-wrap:nowrap;
  padding:8px 14px;gap:10px;overflow:hidden}
.taom-ps-native #generated-card.is-fullscreen .t2-werkzeuge-oben{flex:1 1 auto;flex-wrap:nowrap;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-bottom:2px}
.taom-ps-native #generated-card.is-fullscreen .t2-werkzeuge-oben::-webkit-scrollbar{height:6px}
.taom-ps-native #generated-card.is-fullscreen .t2-werkzeuge-oben::-webkit-scrollbar-thumb{
  background:#d6deea;border-radius:3px}

/* „Modell schliessen" fuehrt zum Eingangsbildschirm. Im Vollbild laege der
   hinter der Vollbildflaeche - man saehe eine leere weisse Seite und wuesste
   nicht warum. Der Knopf gehoert deshalb nicht ins Vollbild. */
.taom-ps-native #generated-card.is-fullscreen .t2-modell-zu{display:none}

/* Im Vollbild zaehlt die Zeichenflaeche: Hinweiszeile und Kopfzeile der Karte
   treten zurueck. */
.taom-ps-native #generated-card.is-fullscreen .card-title > div:first-child span{display:none}
.taom-ps-native #generated-card.is-fullscreen .card-title h2{font-size:15px;margin:0}
.taom-ps-native #generated-card.is-fullscreen .editor-hint{display:none}


/* V2 – Zahlen-Chips der Diagrammgruppe in der Werkzeugzeile */
.taom-ps-native .t2-gruppe-chips{display:flex;align-items:center;gap:4px;margin-left:8px}
.taom-ps-native .t2-gruppe-chips[hidden]{display:none!important}


/* ===================================================================
   V2 – EIN BILD FUER DIE GANZE KOPFZEILE

   Die Teile stammen aus verschiedenen Ecken: Projektauswahl und
   Personenzahl sind neu, die Statusplakette kam aus der Linsenleiste,
   Sprache und Konto aus der Theme-Kopfzeile, der Versionshinweis aus
   dem Editor. Jedes brachte eigene Hoehe, Rundung und Randfarbe mit.
   Hier bekommen sie dasselbe Bild: 30 Pixel hoch, gleicher Rahmen,
   gleiche Schrift. Farbe traegt nur, was Bedeutung hat - der Zustand
   des Modells und die Rueckläufer.
   =================================================================== */
.taom-ps-native .t2top .t2top-kontext > *,
.taom-ps-native .t2top .t2top-rechts > *{
  height:30px;
  display:inline-flex;align-items:center;gap:6px;
  padding:0 11px;
  border:1px solid #26456f;border-radius:8px;background:#16305a;
  font:600 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:#dbe6f7;
  box-shadow:none;white-space:nowrap;max-width:260px;overflow:hidden;
  text-overflow:ellipsis
}
.taom-ps-native .t2top .t2top-rechts > a{text-decoration:none}
.taom-ps-native .t2top .t2top-kontext > *:hover,
.taom-ps-native .t2top .t2top-rechts > button:hover,
.taom-ps-native .t2top .t2top-rechts > select:hover{border-color:#3b6ea8;color:#fff}

/* Die Kennung ist Beiwerk, kein Bedienelement – schmaler und ruhiger. */
.taom-ps-native .t2top .t2top-ws{font-weight:500!important;font-size:11px!important;color:#9fb6d4!important;
  background:transparent!important}

/* Zustand und Rueckläufer behalten ihre Farbe: Sie sagen etwas aus. */
.taom-ps-native .t2top .t2chip.entwurf{background:#3a3524;border-color:#5b5233;color:#f0e0a8}
.taom-ps-native .t2top .t2chip.pub{background:#1e3d2f;border-color:#2f6b4f;color:#b7e6cd}
.taom-ps-native .t2top .t2chip.drift{background:#3d3320;border-color:#7a6431;color:#f5d98a}
.taom-ps-native .t2top .t2top-rueck{background:#3c2f4f;border-color:#574170;color:#e2cdf5}
.taom-ps-native .t2top .t2top-rueck b{background:#a77ad4;color:#241733;border-radius:999px;padding:0 6px;
  font-size:11px;line-height:1.5}

/* Der Versionshinweis ist die leiseste Angabe der Zeile. */
.taom-ps-native .t2top .t2top-rechts > #version-link{border-color:transparent;background:transparent;
  color:#8ea4c4;font-weight:500;display:inline-flex}
.taom-ps-native .t2top .t2top-rechts > #version-link:hover{color:#dbe6f7;border-color:#26456f}

/* Auswahlfelder ohne Systemaussehen, damit sie zu den Knoepfen passen. */
.taom-ps-native .t2top .t2top-kontext select,
.taom-ps-native .t2top .t2top-rechts select{appearance:none;-webkit-appearance:none;
  padding-right:26px;
  background-image:linear-gradient(45deg,transparent 50%,#9fb6d4 50%),
                   linear-gradient(135deg,#9fb6d4 50%,transparent 50%);
  background-position:calc(100% - 15px) 13px,calc(100% - 10px) 13px;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}


/* V2 – Nachtrag: „admin" und die Sprachwahl folgen dem Kopfzeilenbild.
   Beide trugen aus frueheren Schritten eigene Regeln mit !important; die
   haben das gemeinsame Bild ueberstimmt. Statt die alten Regeln zu suchen,
   werden hier dieselben Werte mit demselben Gewicht gesetzt. */
.taom-ps-native .t2top .t2top-rechts > #taom-lang-select,
.taom-ps-native .t2top .t2top-rechts > .t2top-stufe,
.taom-ps-native .t2top .t2top-rechts > #taom-auth-btn{
  height:30px!important;min-height:30px!important;
  padding:0 11px!important;padding-right:26px!important;
  border:1px solid #26456f!important;border-radius:8px!important;
  background-color:#16305a!important;color:#dbe6f7!important;
  font:600 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  display:inline-flex!important;align-items:center!important;box-shadow:none!important;
  width:auto!important;min-width:0!important
}
.taom-ps-native .t2top .t2top-rechts > .t2top-stufe,
.taom-ps-native .t2top .t2top-rechts > #taom-auth-btn{padding-right:11px!important}
.taom-ps-native .t2top .t2top-rechts > #taom-lang-select:hover,
.taom-ps-native .t2top .t2top-rechts > #taom-auth-btn:hover{border-color:#3b6ea8!important;color:#fff!important}


/* V2 – nummerierte Schritte im Eingangsbildschirm */
.taom-ps-native .t2start-schritt{display:flex;align-items:center;gap:10px;margin:26px 0 4px;
  font:700 14px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;color:#172033}
.taom-ps-native .t2start-schritt:first-of-type{margin-top:14px}
.taom-ps-native .t2start-schritt > span{width:22px;height:22px;border-radius:50%;flex:0 0 auto;
  display:grid;place-items:center;background:#eaf4fd;color:#0f79bc;
  font:700 11.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;border:1px solid #cbe4f8}
.taom-ps-native .t2start-sub2{margin-top:0}


/* V2 – die Schritte deutlicher: Wer sie ueberliest, sieht drei Bloecke ohne
   Zusammenhang. Groessere Ziffer, groessere Schrift, mehr Luft davor. */
.taom-ps-native .t2start-schritt{font-size:18px!important;gap:12px!important;margin:34px 0 6px!important}
.taom-ps-native .t2start-schritt:first-of-type{margin-top:18px!important}
.taom-ps-native .t2start-schritt > span{width:30px!important;height:30px!important;font-size:15px!important;
  background:#0e78cf!important;color:#fff!important;border-color:#0e78cf!important}
.taom-ps-native .t2start-sub{font-size:13.5px}


/* V2 – Punkte an den Linsenziffern. Drei Farben, drei Aussagen. */
.taom-ps-native #t2-lensbar .t2lens{position:relative}
.taom-ps-native #t2-lensbar .t2lens[data-punkt]:not([data-punkt=""])::after{
  content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;
  box-shadow:0 0 0 2px rgba(15,36,64,.55)}
.taom-ps-native #t2-lensbar .t2lens-gruen::after{background:#3fbf85}
.taom-ps-native #t2-lensbar .t2lens-gelb::after{background:#e8b64c}
.taom-ps-native #t2-lensbar .t2lens-grau::after{background:#8394ab}


/* V2 – leere Personen-Plakette: gleiche Groesse, ruhigere Farbe */
.taom-ps-native .t2top .t2top-leute.t2top-leer{color:#7f93b0;border-color:#22406b;background:#122a4d}


/* V2 – Zahl im Änderungseingang: Luft zum Rand.
   Die Zahl sass in einer runden Plakette, deren Innenabstand fuer eine
   einstellige Ziffer gedacht war – bei zweistelligen wurde sie beschnitten. */
.taom-ps-native .t2top .t2top-rueck{padding:0 12px 0 11px;gap:7px}
.taom-ps-native .t2top .t2top-rueck b{padding:1px 8px!important;min-width:20px;text-align:center;
  border-radius:999px!important;line-height:1.6!important;font-size:11px!important;
  display:inline-block}


/* V2 – Beurteilungszeichen: rund, oben links, ohne Text.
   Bewusst anders als die Inhaltszeichen unten, damit man sie nicht
   fuer eine Angabe aus der Datei haelt. */
.taom-ps-native .t2q{stroke:#fff;stroke-width:1.5}
.taom-ps-native .t2q-gruen{fill:#19a566}
.taom-ps-native .t2q-gelb{fill:#e8b64c}
.taom-ps-native .t2q-rot{fill:#c0392b}
/* Punkte an den Linsenziffern entfallen wieder. */
.taom-ps-native #t2-lensbar .t2lens[data-punkt]:not([data-punkt=""])::after{content:none}


/* V2 – Vollbild und Prüfen in die Reihe einpassen.
   Beide tragen im Bestand eine eigene Bauform: ein Icon-Element plus eine
   Beschriftung in einem span, mit eigenem Innenabstand. Neben den uebrigen
   Knoepfen wirkten sie hoeher und breiter, und der Text lief an den Rand. */
.taom-ps-native .editor-toolbar #editor-fullscreen,
.taom-ps-native .editor-toolbar #editor-check,
.taom-ps-native .t2-werkzeuge-oben #editor-fullscreen,
.taom-ps-native .t2-werkzeuge-oben #editor-check{
  height:32px!important;padding:0 12px!important;gap:6px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #d6deea!important;border-radius:8px!important;background:#fff!important;
  font:500 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;color:#3c4a5e!important;
  line-height:1!important;white-space:nowrap!important;box-shadow:none!important;
  min-width:0!important;width:auto!important}
.taom-ps-native .editor-toolbar #editor-fullscreen span,
.taom-ps-native .editor-toolbar #editor-check span,
.taom-ps-native .t2-werkzeuge-oben #editor-fullscreen span,
.taom-ps-native .t2-werkzeuge-oben #editor-check span{line-height:1!important;font-size:12.5px!important;
  padding:0!important;margin:0!important}
.taom-ps-native .editor-toolbar #editor-fullscreen svg,
.taom-ps-native .editor-toolbar #editor-check svg,
.taom-ps-native .t2-werkzeuge-oben #editor-fullscreen svg,
.taom-ps-native .t2-werkzeuge-oben #editor-check svg{width:14px;height:14px;flex:0 0 auto}


/* V2 – Beurteilungszeichen: kleiner Kreis mit Zeichen, oben links */
.taom-ps-native 
.taom-ps-native .t2q-z{font:700 8px/1 Inter,ui-sans-serif,system-ui,sans-serif;fill:#fff;pointer-events:none}
.taom-ps-native 
.taom-ps-native 
.taom-ps-native 


/* V2 – Hinweiszeile mit den Tastenkürzeln im Editor ausblenden.
   Sie steht dauerhaft ueber der Zeichenflaeche und wird nach dem ersten Tag
   nicht mehr gelesen; in der Benutzeranleitung steht dasselbe. */
.taom-ps-native #generated-card .tool-hint{display:none!important}


/* V2 – Leiste und Rahmen bis zum unteren Rand */
.taom-ps-native .t2frame{align-items:stretch}
.taom-ps-native .t2rail{align-self:stretch}


/* V2 – der helle Block links neben der Marke.
   Das Theme setzt dort eine Zierflaeche in einem helleren Blau. Sie hat keine
   Aufgabe und bricht die Kopfzeile optisch auf. Sie bekommt die Farbe der
   Kopfzeile und verschwindet damit, ohne dass sich Abstaende aendern. */
.taom-ps-native .t2top .brand-rail{background:transparent!important;background-color:transparent!important;
  border:0!important;box-shadow:none!important}
.taom-ps-native .t2top .brand-rail::before,
.taom-ps-native .t2top .brand-rail::after{background:transparent!important;
  border:0!important;content:none!important}


/* V2 – Zeichen in der Zierflaeche */
.taom-ps-native .t2top .brand-rail{display:flex!important;align-items:center;justify-content:center}
.taom-ps-native .t2top .t2top-logo{max-height:42px;max-width:52px;width:auto;height:auto;display:block;opacity:.95}

/* V2 – Seitenleiste: groessere Zeichen, damit man sie zugeklappt erkennt.
   Lieber ein paar Pixel breiter als eine Reihe, die man raten muss. */
.taom-ps-native .t2rail{width:96px;flex:0 0 96px}
.taom-ps-native .t2rail-btn{padding:9px 2px 7px;gap:5px}
.taom-ps-native .t2rail-ico,
.taom-ps-native .t2rail-btn .t2rail-sym{font-size:20px!important;line-height:1}
.taom-ps-native .t2rail-btn > span:first-child{font-size:20px;line-height:1}
.taom-ps-native .t2rail-txt{font-size:10px}
.taom-ps-native .t2rail-slot > .t2rail-ico{font-size:20px}

/* Der Klappknopf: nur das Zeichen, groesser, ohne Rahmen und Flaeche. */
.taom-ps-native .t2rail-klapp{background:none!important;border:0!important;width:34px!important;height:30px!important;
  font-size:20px!important;color:#8ea4c4!important;margin:0 0 4px auto!important;padding:0!important}
.taom-ps-native .t2rail-klapp:hover{color:#fff!important;background:none!important}
.taom-ps-native .t2rail-auf{width:210px;flex:0 0 210px}
@media(max-width:760px){.t2rail,.t2rail-auf{width:auto;flex:0 0 auto}}


/* V2 – Logo auf der Achse der Seitenleiste.
   Die Zierflaeche ist 60 breit, die Leiste darunter 96: rechnerisch war das
   Logo mittig, optisch stand es 18 Pixel links neben der Achse der Symbole. */
.taom-ps-native .t2top .brand-rail{width:96px!important;min-width:96px!important;max-width:96px!important;
  padding:0!important;justify-content:center!important}
.taom-ps-native .t2top{padding-left:96px!important}


/* V2 – „Vollbild" und „Prüfen": Der Text steckt in einem span mit eigener,
   hellerer Farbe (gemessen: rgb(124,135,152) statt rgb(66,82,110)). Deshalb
   wirkten die beiden blasser als ihre Nachbarn, obwohl der Knopf selbst die
   richtige Farbe trug. */
.taom-ps-native #editor-fullscreen span,#editor-pruefen span,
.taom-ps-native #editor-fullscreen label,
.taom-ps-native #editor-pruefen label{color:inherit!important;font-size:12.5px!important}
.taom-ps-native #editor-fullscreen,
.taom-ps-native #editor-pruefen{color:#42526e!important}


/* V2 – Zustand an der Ziffer: gefaerbt wird nur ihre Flaeche. */
.taom-ps-native #t2-lensbar .t2lens.t2lens-gruen .t2n{background:#cdefdd!important;color:#14653f!important;
  border-color:#8fd6b4!important}
.taom-ps-native #t2-lensbar .t2lens.t2lens-gelb .t2n{background:#fbeec4!important;color:#8a6512!important;
  border-color:#e6c877!important}
.taom-ps-native #t2-lensbar .t2lens.active.t2lens-gruen .t2n{background:#19a566!important;color:#fff!important;
  border-color:#19a566!important}
.taom-ps-native #t2-lensbar .t2lens.active.t2lens-gelb .t2n{background:#d99a1f!important;color:#fff!important;
  border-color:#d99a1f!important}


/* V2 – Zuständigkeit am Prozessschritt: Liste mehrerer Personen */
.taom-ps-native .t2sd-zust{grid-template-columns:1fr!important}
.taom-ps-native .t2sd-zliste{display:grid;gap:6px;margin-bottom:10px}
.taom-ps-native .t2sd-zzeile{display:flex;align-items:center;gap:10px;padding:7px 9px;border:1px solid #e6ebf2;
  border-radius:9px;background:#fbfcfe}
.taom-ps-native .t2sd-zname{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;min-width:0}
.taom-ps-native .t2sd-zname b{font-size:13px;font-weight:650}
.taom-ps-native .t2sd-zname small{font-size:11px;color:#8894a6}
.taom-ps-native .t2sd-zfreiT{color:#b8860b!important}
.taom-ps-native .t2sd-zraci{flex:0 0 auto;width:62px;text-align:center;border:1px solid #d3dce8;border-radius:6px;
  padding:5px 6px;font-size:12.5px;font-weight:650;background:#fff}
.taom-ps-native .t2sd-zweg{flex:0 0 auto;border:1px solid #e6dada;background:#fff;color:#a6544a;border-radius:6px;
  width:28px;height:28px;cursor:pointer;font-size:12px;line-height:1}
.taom-ps-native .t2sd-zweg:hover{background:#fdf3f2;border-color:#e2a49b}
.taom-ps-native .t2sd-zneu{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.taom-ps-native .t2sd-zwahl{flex:1 1 240px;min-width:0;border:1px solid #d3dce8;border-radius:8px;padding:7px 9px;
  font-size:12.5px;background:#fff}
.taom-ps-native .t2sd-zplus,
.taom-ps-native .t2sd-zfrei{height:32px;border:1px solid #d6deea;background:#fff;border-radius:8px;
  padding:0 12px;font-size:12.5px;cursor:pointer;color:#3c4a5e}
.taom-ps-native .t2sd-zplus:hover,
.taom-ps-native .t2sd-zfrei:hover{border-color:#8ecaf0;color:#0f79bc}
.taom-ps-native .t2sd-leer{color:#8894a6;font-size:12.5px;font-style:italic;margin:0 0 8px}


/* V2 – Projektsicht im Bereich unten */
.taom-ps-native .t2p-projekt{border:1px solid #d6deea;background:#fff;border-radius:8px;padding:0 12px;height:32px;
  font-size:12.5px;cursor:pointer;color:#3c4a5e;margin-left:8px}
.taom-ps-native .t2p-projekt:hover{border-color:#8ecaf0;color:#0f79bc}
.taom-ps-native .t2p-projekt.an{background:#0e78cf;border-color:#0e78cf;color:#fff;font-weight:650}
.taom-ps-native .t2pj th:nth-child(n+2):nth-child(-n+6),
.taom-ps-native .t2pj td:nth-child(n+2):nth-child(-n+6){text-align:center;width:36px}
.taom-ps-native .t2pj-p{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid #cfd8e6}
.taom-ps-native .t2pj-gruen{background:#cdefdd;border-color:#8fd6b4}
.taom-ps-native .t2pj-gelb{background:#fbeec4;border-color:#e6c877}
.taom-ps-native .t2pj-leer{background:#eef2f7}
.taom-ps-native .t2pj-hinweis{color:#8894a6;font-style:italic;font-size:12px}
.taom-ps-native .t2pj-hier{background:#f7fbff}
.taom-ps-native .t2pj-jetzt{font-size:10.5px;color:#0f79bc;background:#eaf4fd;border:1px solid #cbe4f8;
  border-radius:999px;padding:1px 7px}

/* V2 – Vollbild: die Hinweiszeile gehoert unter die Knoepfe, nicht daneben.
   Nebeneinander quetscht sie die Werkzeugleiste zusammen. */
.taom-ps-native #generated-card.is-fullscreen .tool-hint{display:block!important;flex:1 0 100%;order:99;
  margin:4px 0 0;font-size:11px;line-height:1.35;color:#8894a6;white-space:normal}
.taom-ps-native #generated-card.is-fullscreen .card-title{flex-wrap:wrap!important}
.taom-ps-native #generated-card.is-fullscreen .t2-werkzeuge-oben{flex-wrap:nowrap;overflow-x:auto}


/* V2 – Die Hinweiszeile gehoert unter die Knoepfe, in JEDER Ansicht.
   AM LIVE-SYSTEM GEMESSEN: Sie liegt INNERHALB der Werkzeugleiste
   (.editor-toolbar), nicht daneben. Meine bisherige Regel setzte sie deshalb
   im Vollbild zwar auf volle Breite – die Leiste selbst hatte aber
   „flex-wrap: nowrap", also blieb sie in derselben Zeile und drueckte die
   Knoepfe zusammen. Die Leiste muss umbrechen duerfen; nur die Knoepfe darin
   bleiben in einer Reihe. */
.taom-ps-native .t2-werkzeuge-oben{flex-wrap:wrap!important}
.taom-ps-native .t2-werkzeuge-oben > .tool-hint{flex:1 0 100%!important;order:99;width:100%;
  margin:6px 0 0!important;white-space:normal;display:block!important;
  font-size:11px;line-height:1.35;color:#8894a6}
.taom-ps-native #generated-card.is-fullscreen .t2-werkzeuge-oben{flex-wrap:wrap!important;overflow:visible}
.taom-ps-native #generated-card.is-fullscreen .t2-werkzeuge-oben > .tool-hint{display:block!important}
.taom-ps-native #generated-card.is-fullscreen .card-title{flex-wrap:wrap!important;overflow:visible}


/* V2 – Suchfeld: Der Text lief in die Lupe.
   AM CODE GEMESSEN: Die Lupe sitzt bei left:9px und ist 14px breit, endet also
   bei 23px. Der Text begann bei 29px – rechnerisch knapp daneben, in der Praxis
   zu eng, weil das Feld in der neuen Werkzeugleiste kleiner gesetzt ist und der
   Text dadurch naeher an der Lupe steht.
   Jetzt beginnt er bei 34px; die Lupe rueckt einen Punkt nach links. */
.taom-ps-native .tb-find-input{padding-left:34px!important}
.taom-ps-native .tb-find-icon{left:10px!important}
.taom-ps-native .tb-find-input::placeholder{opacity:.75}

.taom-ps-native .t2sd-zorg{flex:0 0 auto;border:1px solid #cfe0f5;background:#f2f8fe;color:#0f79bc;border-radius:6px;
  height:28px;padding:0 9px;font-size:11.5px;cursor:pointer;white-space:nowrap}
.taom-ps-native .t2sd-zorg:hover{background:#e4f1fd;border-color:#8ecaf0}
.taom-ps-native .t2sd-zorg[disabled]{opacity:.6;cursor:default}


/* V2 – Text in den Marken traegt keinen Rand.
   „.t2q{stroke:#fff}" setzt die Marken vom Shape ab; auf einer kleinen Ziffer
   uebermalt derselbe Rand die Glyphe. */
.taom-ps-native .t2q text{stroke:none!important;paint-order:normal}


/* ================= V2 – Unternehmensmodell ================= */
.t2um-hinter{position:fixed;inset:0;background:rgba(12,22,38,.45);z-index:99999;
  display:flex;align-items:center;justify-content:center;padding:24px}
.t2um{background:#fff;border-radius:14px;border:1px solid #e4e9f1;width:min(1280px,96vw);
  height:min(820px,92vh);display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 24px 60px rgba(16,32,56,.28);font-size:14px;color:#16202f}
.t2um-kopf{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #e4e9f1}
.t2um-kopf h3{margin:0;font-size:17px;flex:1;font-weight:700}
.t2um-zu{border:0;background:none;font-size:18px;color:#6b7789;cursor:pointer}
.t2um-leiste{display:flex;align-items:center;gap:10px;padding:11px 20px;border-bottom:1px solid #e4e9f1;
  background:#fbfcfe;flex-wrap:wrap}
.t2um-mandant{font-weight:600;color:#3c4a5e}
.t2um-neu-l0{border:1px solid #0e78cf;background:#0e78cf;color:#fff;border-radius:9px;padding:8px 13px;
  font:600 13px/1 inherit;cursor:pointer}
.t2um-suche{margin-left:auto;border:1px solid #d3dce8;border-radius:9px;padding:8px 11px;
  font-size:13px;min-width:240px}
.t2um-spalten{flex:1 1 auto;display:grid;grid-template-columns:340px 1fr;min-height:0}
.t2um-links{border-right:1px solid #e4e9f1;background:#fcfdff;overflow:auto;padding:12px}
.t2um-rechts{overflow:auto;padding:16px 20px}

.t2um-baum{display:grid;gap:1px;font-size:13px}
.t2um-kn{display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:7px;cursor:pointer;
  white-space:nowrap;overflow:hidden}
.t2um-kn:hover{background:#f1f6fc}
.t2um-kn.an{background:#e8f2fc;font-weight:600}
.t2um-pf{width:12px;color:#9aa8ba;font-size:10px;flex:0 0 12px;text-align:center}
.t2um-lv{flex:0 0 auto;font:700 9.5px/1 inherit;font-style:normal;color:#fff;border-radius:4px;
  padding:3px 5px;min-width:22px;text-align:center}
.t2um-lv.l0{background:#0f2440}.t2um-lv.l1{background:#1f4e79}.t2um-lv.l2{background:#2f7fb8}
.t2um-lv.l3{background:#63a8d4}.t2um-lv.l4{background:#9cc6e4;color:#12293d}
.t2um-lv.l5{background:#d9edda;color:#14653f}
.t2um-kn code{font:700 11.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:#eef3f9;
  border:1px solid #dae3ee;border-radius:5px;padding:3px 5px;color:#0f2440}
.t2um-t{overflow:hidden;text-overflow:ellipsis}
.t2um-ws{color:#0f79bc;font-size:11px}
.t2um-kn.i1{padding-left:16px}.t2um-kn.i2{padding-left:30px}.t2um-kn.i3{padding-left:44px}
.t2um-kn.i4{padding-left:58px}.t2um-kn.i5{padding-left:72px}

.t2um-krume{font-size:12px;color:#6b7789;margin-bottom:2px}
.t2um-titel{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;flex-wrap:wrap}
.t2um-titel > div{flex:1 1 auto;min-width:0}
.t2um-titel h4{margin:0;font-size:22px;font-weight:700}
.t2um-titel h4 code{font-size:17px;background:#eef3f9;border:1px solid #dae3ee;border-radius:6px;
  padding:2px 7px;color:#0f2440}
.t2um-titel p{margin:2px 0 0;color:#6b7789;font-size:13px}
.t2um-btn{border:1px solid #d6deea;background:#fff;border-radius:9px;padding:8px 13px;
  font:600 13px/1 inherit;cursor:pointer;color:#3c4a5e}
.t2um-btn.haupt{background:#0e78cf;border-color:#0e78cf;color:#fff}
.t2um-btn:hover{border-color:#8ecaf0}

.t2um-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.t2um-zk{border:1px solid #e4e9f1;border-radius:11px;padding:12px 15px}
.t2um-zk b{display:block;font-size:21px;font-weight:700}
.t2um-zk span{color:#6b7789;font-size:12px}
.t2um-h{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:#6b7789;
  margin:18px 0 8px;font-weight:700}
.t2um-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.t2um-kt{border:1px solid #e4e9f1;border-radius:11px;padding:12px 15px;cursor:pointer;background:#fff}
.t2um-kt:hover{border-color:#9ecdf0;box-shadow:0 3px 12px rgba(14,120,207,.09)}
.t2um-k{color:#0e78cf;font-weight:700;font-size:13.5px}
.t2um-n{font-weight:600;margin:2px 0 6px}
.t2um-m{color:#6b7789;font-size:11.5px}
.t2um-bpmn{display:flex;align-items:center;gap:10px;border:1px solid #e4e9f1;border-radius:11px;
  padding:12px 15px;flex-wrap:wrap}
.t2um-bpmn code{font:700 12px/1 ui-monospace,Menlo,monospace;background:#eef3f9;border:1px solid #dae3ee;
  border-radius:5px;padding:4px 7px}
.t2um-bpmn span{color:#6b7789;font-size:12.5px}
.t2um-warn{color:#8a6512!important}
.t2um-leer{color:#8894a6;font-size:13px;font-style:italic;padding:6px 2px}

.t2um-stufen{display:flex;align-items:center;gap:7px;padding:10px 20px;border-top:1px solid #e4e9f1;
  background:#fbfcfe;flex-wrap:wrap}
.t2um-st{display:flex;align-items:center;gap:6px;border:1px solid #e4e9f1;border-radius:999px;
  padding:4px 11px 4px 5px;background:#fff;font-size:12px;white-space:nowrap}
.t2um-st small{color:#6b7789}
.t2um-fuss{margin-left:auto;color:#8894a6;font-size:11.5px}
@media(max-width:900px){.t2um-spalten{grid-template-columns:1fr}
  .t2um-links{max-height:230px}.t2um-zahlen{grid-template-columns:1fr}}

.t2um-tab{border-collapse:collapse;width:100%;font-size:13px;margin-top:10px}
.t2um-tab th,.t2um-tab td{text-align:left;padding:7px 9px;border-bottom:1px solid #eef2f7;vertical-align:middle}
.t2um-tab th{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#6b7789}
.t2um-tab code{font:700 12px/1 ui-monospace,Menlo,monospace;background:#eef3f9;border:1px solid #dae3ee;
  border-radius:5px;padding:3px 6px}
.t2um-tab small{color:#8894a6}
.t2um-da{font-size:11.5px;color:#14653f;background:#e8f7ef;border:1px solid #a9dcc2;
  border-radius:999px;padding:2px 9px;white-space:nowrap}
.t2um-ziel{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#3c4a5e;margin-bottom:4px}
.t2um-ziel-wahl{border:1px solid #d3dce8;border-radius:8px;padding:7px 9px;font-size:13px}

.taom-ps-native .t2um-demo{font-size:11.5px;color:#8a6512;background:#fdf6e3;border:1px solid #ecd9a4;
  border-radius:999px;padding:3px 10px}

/* V2 – Zeichen in der Seitenleiste weiss statt hellblau.
   Die Leiste traegt inzwischen die Hauptnavigation; ein blasses Zeichen liest
   sich dort wie „abgeschaltet". */
.taom-ps-native .t2rail .t2rail-ico,
.taom-ps-native .t2rail-btn > span:first-child{color:#fff!important;opacity:1}
.taom-ps-native .t2rail-btn{color:#dbe6f7!important}
.taom-ps-native .t2rail-btn:hover .t2rail-ico{color:#fff!important}
.taom-ps-native .t2rail-slot .t2rail-ico{color:#fff!important}

/* V2 – Unternehmensmodell: Fenster in der Groesse veraenderbar */
.taom-ps-native .t2um{resize:both;overflow:auto;min-width:640px;min-height:420px;
  max-width:98vw;max-height:96vh}
.taom-ps-native .t2um-baumkopf{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.taom-ps-native .t2um-mini{border:1px solid #d6deea;background:#fff;border-radius:7px;padding:5px 9px;
  font:600 11.5px/1 inherit;color:#6b7789;cursor:pointer}
.taom-ps-native .t2um-mini:hover{border-color:#8ecaf0;color:#0e78cf}
.taom-ps-native .t2um-pf{cursor:pointer;border-radius:4px}
.taom-ps-native .t2um-pf:hover{background:#dceaf8;color:#0e78cf}
.taom-ps-native .t2um-titel p code{font:700 11.5px/1 ui-monospace,Menlo,monospace;background:#eef3f9;
  border:1px solid #dae3ee;border-radius:5px;padding:2px 6px;color:#0f2440}

/* V2 – Griff zwischen Baum und Karten */
.taom-ps-native .t2um-spalten{grid-template-columns:340px 6px 1fr}
.taom-ps-native .t2um-griff{cursor:col-resize;background:#eef2f7;border-left:1px solid #e4e9f1;
  border-right:1px solid #e4e9f1}
.taom-ps-native .t2um-griff:hover{background:#d8e7f6}
.taom-ps-native .t2um-links{border-right:0}
/* Lange Namen: nicht abschneiden, sondern in zweiter Zeile weiterfuehren. */
.taom-ps-native .t2um-kn{white-space:normal;align-items:flex-start}
.taom-ps-native .t2um-kn .t2um-lv,
.taom-ps-native .t2um-kn code,
.taom-ps-native .t2um-pf{margin-top:1px}
.taom-ps-native .t2um-t{overflow:visible;text-overflow:clip;line-height:1.35}
@media(max-width:900px){.t2um-spalten{grid-template-columns:1fr}.t2um-griff{display:none}}

/* V2 – Fenstergriff sichtbar machen. „resize" allein zeigt in manchen Browsern
   keine Anfasser, wenn der Hintergrund flex ist; ein eigener Anfasser unten
   rechts ist eindeutig. */
.t2um{resize:both!important;overflow:auto!important;position:relative}
.t2um::after{content:"";position:absolute;right:3px;bottom:3px;width:14px;height:14px;
  background:linear-gradient(135deg,transparent 45%,#b9c6d6 45%,#b9c6d6 55%,transparent 55%,
  transparent 70%,#b9c6d6 70%,#b9c6d6 80%,transparent 80%);pointer-events:none}
.t2um-hinter{align-items:flex-start!important;padding-top:5vh}

/* V2 – Aufklappzeichen sichtbar */
.t2um-pf{width:auto;min-width:26px;height:20px;display:inline-flex;align-items:center;
  justify-content:center;gap:2px;background:#e8eef6;border:1px solid #d3dce8;border-radius:6px;
  color:#3c4a5e;font-size:11px;font-weight:700;padding:0 4px;flex:0 0 auto}
.t2um-pf.auf{background:#dceaf8;border-color:#a9cdea;color:#0e78cf}
.t2um-pf:hover{background:#cfe2f5;border-color:#8ecaf0;color:#0e78cf}
.t2um-pf b{font-size:10px;font-weight:700;opacity:.75}
.t2um-pf.leer{background:none;border:0;min-width:26px;pointer-events:none}
.t2um-oeffnen{cursor:pointer}
.t2um-oeffnen:hover{border-color:#8ecaf0;background:#f6fbff}

/* V2 – Stelle im Unternehmensmodell, oben im Merkmalsbereich */
.t2um-stelle{display:flex;align-items:center;gap:8px;border:1px solid #cfe0f5;background:#f4f9fe;
  border-radius:9px;padding:8px 10px;margin:0 0 10px}
.t2um-stelle-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.t2um-stelle-t b{font:700 12px/1.2 ui-monospace,Menlo,monospace;color:#0f2440}
.t2um-stelle-t small{font-size:10.5px;color:#6b7789}
.t2um-stelle-offen{border-color:#ecd9a4;background:#fdf9ee}
.t2um-stelle-offen b{color:#8a6512;font-family:inherit;font-size:12.5px}
.t2um-stelle-btn{border:1px solid #cfe0f5;background:#fff;color:#0f79bc;border-radius:7px;
  padding:5px 9px;font:600 11.5px/1 inherit;cursor:pointer;white-space:nowrap}
.t2um-stelle-btn:hover{border-color:#8ecaf0;background:#f2f8fe}

/* Trennlinie breiter und sichtbar – 6 Pixel trifft man nicht. */
.t2um-spalten{grid-template-columns:340px 10px 1fr}
.t2um-griff{position:relative}
.t2um-griff::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:2px;height:34px;border-left:2px dotted #9db2c9}

/* V2 – Stelle im Unternehmensmodell: passt in den schmalen Merkmalsbereich.
   Vorher standen Text und Knopf nebeneinander; bei 230 Pixeln Breite blieb vom
   Text ein Stummel. Jetzt untereinander, Knopf ueber die volle Breite. */
.t2um-stelle{display:block!important;padding:9px 10px!important;margin:0 0 12px!important}
.t2um-stelle-t{display:block!important;margin-bottom:7px}
.t2um-stelle-t small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  color:#7b8798;margin-bottom:2px}
.t2um-stelle-t b{display:block;font:700 13px/1.25 ui-monospace,Menlo,monospace;color:#0f2440;
  word-break:break-all}
.t2um-stelle-t b.t2um-stelle-frei{font-family:inherit;font-size:12.5px;color:#8a6512;word-break:normal}
.t2um-stelle-btn{display:block;width:100%;text-align:center;padding:6px 8px!important;
  font-size:12px!important}

/* V2 – Der Einordnen-Knopf im Merkmalsbereich.
   AM LIVE-SYSTEM GEMESSEN: Der Knopf erbt vom Editor „background:#0888e1;
   color:#fff" – eine staerkere Regel als meine. Im Ruhezustand sah er deshalb
   blau aus (was passt), beim Ueberfahren setzte meine Regel nur den HINTERGRUND
   auf fast weiss, die Schrift blieb weiss: weisser Text auf weissem Grund.
   Beide Zustaende werden jetzt vollstaendig gesetzt, Farbe und Grund zusammen. */
.t2um-stelle-btn{background:#0e78cf!important;color:#fff!important;
  border:1px solid #0e78cf!important;font-weight:600}
.t2um-stelle-btn:hover{background:#0a63ab!important;color:#fff!important;
  border-color:#0a63ab!important}
.t2um-stelle-offen .t2um-stelle-btn{background:#c98a10!important;border-color:#c98a10!important}
.t2um-stelle-offen .t2um-stelle-btn:hover{background:#a97609!important;border-color:#a97609!important}

/* V2 – Nativ eingebettet gibt es nur EINEN Sprachumschalter: den der Seite.
   Der eigene des Editors stammt aus der Zeit im iframe, wo er noetig war. */
.taom-ps-native #taom-lang-select{display:none!important}

/* V2 – Nativ bestimmt der Inhalt die Hoehe. Eine feste Hoehe liess nachfolgende
   Seitenteile in den Editor hineinragen. */
.taom-ps-native{height:auto!important;overflow:visible}
.taom-hash-rahmen{clear:both}

/* V2 – Änderungseingang: Die Zahl sass am Rand und wurde abgeschnitten. */
.t2top .t2top-kontext .taom-chip,.t2top-kontext [class*="rueck"],.t2top-kontext .t2top-eingang{
  padding-right:12px!important;overflow:visible!important}
.t2top-kontext{overflow:visible!important}

/* V2 – Organisationsfenster in der Groesse veraenderbar, wie das Unternehmensmodell.
   Es ist das Fenster mit dem meisten Inhalt: Projekt, Bereiche, Struktur,
   Organisation, Import, Pruefen, Nachweis. Bei fester Breite von 680 Pixeln
   scrollt man dort mehr, als man liest. Die gewaehlte Groesse bleibt fuer die
   Sitzung erhalten – dieselbe Mechanik wie beim Unternehmensmodell. */
.taom-projekt-modal{resize:both!important;overflow:auto!important;position:relative;
  width:min(1100px,96vw)!important;max-width:98vw!important;
  height:min(860px,92vh);max-height:96vh;min-width:620px;min-height:420px}
.taom-projekt-modal::after{content:"";position:absolute;right:3px;bottom:3px;width:14px;height:14px;
  background:linear-gradient(135deg,transparent 45%,#b9c6d6 45%,#b9c6d6 55%,transparent 55%,
  transparent 70%,#b9c6d6 70%,#b9c6d6 80%,transparent 80%);pointer-events:none}
#projekt-modal.taom-phase-modal-ov{align-items:flex-start;padding-top:4vh}

/* V2 – Aufklappzeichen im Strukturbaum, gleiche Sprache wie im Unternehmensmodell. */
.tpb-leiste{display:flex;gap:6px;margin:0 0 8px}
.tpb-klein{border:1px solid #dbe6f6;background:#fff;color:#31465f;border-radius:7px;
  padding:4px 10px;font:600 11.5px/1 inherit;cursor:pointer}
.tpb-klein:hover{background:#eef4fc}
.tpb-auf{display:inline-flex;align-items:center;gap:4px;border:1px solid #cfe0f5;background:#f4f9fe;
  color:#0f79bc;border-radius:6px;padding:2px 6px;font:700 10px/1 inherit;cursor:pointer;
  margin-right:6px;flex:0 0 auto}
.tpb-auf i{font-style:normal;font-size:9.5px;color:#5b6e85}
.tpb-auf:hover{background:#e6f2fd;border-color:#8ecaf0}
.tpb-auf.leer{visibility:hidden;border:0;background:none;width:22px;padding:0}

/* V2 – Strukturbereich zweispaltig: links der Baum, rechts die gewaehlte Einheit. */
.tpb-zwei{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);gap:16px;
  align-items:start}
.tpb-zwei .tpb-baum{min-width:0}
.tpb-detail{border:1px solid #e3e9f2;border-radius:12px;background:#fbfcfe;padding:14px 16px;
  position:sticky;top:8px;min-width:0}
.tpb-d-kopf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.tpb-d-kopf h5{margin:0;font-size:16px;color:#0f2440}
.tpb-d-kopf code{font:700 11px/1 ui-monospace,Menlo,monospace;background:#eef3f9;
  border:1px solid #dae3ee;border-radius:5px;padding:3px 6px;color:#0f2440}
.tpb-d-stufe{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#7b8798}
.tpb-d-h{margin:14px 0 6px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:#7b8798;display:flex;gap:6px;align-items:center}
.tpb-d-h i{font-style:normal;background:#eef3f9;border-radius:999px;padding:1px 7px;font-size:10px;color:#4a5b70}
.tpb-d-um{display:flex;align-items:center;gap:8px;border:1px solid #cfe0f5;background:#f4f9fe;
  border-radius:9px;padding:8px 10px}
.tpb-d-um code{font:700 11.5px/1 ui-monospace,Menlo,monospace;color:#0f2440}
.tpb-d-um span{flex:1 1 auto;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpb-d-um small{color:#5b6e85;font-size:10.5px}
.tpb-d-tab{width:100%;border-collapse:collapse;font-size:13px}
.tpb-d-tab td{padding:6px 4px;border-top:1px solid #eef1f6;vertical-align:top}
.tpb-d-tab td b{display:block;font-weight:600;color:#16202f}
.tpb-d-tab td small{display:block;color:#7b8798;font-size:11.5px}
.tpb-d-r{width:26px}
.tpb-d-m{color:#6b7789;font-size:11.5px;word-break:break-all;max-width:150px}
.tpb-d-warn{color:#8a6512}
.tpb-d-leer{color:#7b8798;font-size:13px;margin:0}
.tpb-d-leer.klein{font-size:12.5px}
.tpb-d-akt{margin-top:14px;padding-top:12px;border-top:1px solid #eef1f6}
.tpb-knoten.gewaehlt{background:#eaf5ff;border-radius:8px;outline:1px solid #a8d5f2}
@media(max-width:900px){.tpb-zwei{grid-template-columns:1fr}.tpb-detail{position:static}}

/* V2 – Aufklappzeichen im Strukturbaum: klein, unaufdringlich, im Einzug.
   AM BILD GESEHEN: Als Knopf erbte es die grosse blaue Flaeche des Editors und
   stand ueber der Zeile statt daneben – groesser als der Knoten, den es faltet.
   Beim Ueberfahren schlug nur der Hintergrund um und die Schrift blieb weiss:
   derselbe Fehler wie beim Einordnen-Knopf. Deshalb Vorder- und Hintergrund
   ueberall gemeinsam setzen und die Flaeche in den Einzug legen. */
.tpb-knoten{position:relative}
.tpb-auf{position:absolute!important;left:-24px;top:9px;
  width:20px;height:20px;min-width:0!important;padding:0!important;margin:0!important;
  display:inline-flex!important;align-items:center;justify-content:center;gap:0;
  background:#eef3f9!important;color:#4a5b70!important;border:1px solid #dae3ee!important;
  border-radius:5px!important;font:700 9px/1 inherit!important;cursor:pointer;
  box-shadow:none!important}
.tpb-auf:hover{background:#dfe9f5!important;color:#1f3b57!important;border-color:#c2d4e8!important}
.tpb-auf i{display:none}                 /* die Zahl passt nicht in 20 Pixel … */
.tpb-auf::after{content:attr(data-anz);   /* … sie steht daneben, klein und grau */
  position:absolute;left:23px;top:5px;font:600 9.5px/1 ui-monospace,Menlo,monospace;
  color:#93a3b5}
.tpb-auf.leer{display:none!important}

.tpb-leiste{margin:0 0 10px}
.tpb-klein{background:#fff!important;color:#31465f!important;border:1px solid #dbe6f6!important;
  border-radius:7px!important;padding:4px 11px!important;font:600 11.5px/1 inherit!important;
  box-shadow:none!important}
.tpb-klein:hover{background:#eef4fc!important;color:#1f3b57!important;border-color:#b9d4ef!important}

/* V2 – Aufklappzeichen: Zahl IM Zeichen statt daneben.
   AM BILD GESEHEN: Neben dem Zeichen beginnt sofort die Knotenkarte – die Zahl
   lag darunter und war kaum zu erkennen. Im Einzug ist nur Platz fuer EIN
   Element, also traegt das Zeichen die Zahl selbst: Pfeil und Ziffer nebeneinander
   in einer schmalen Flaeche. Der Baum bekommt links etwas Rand, damit auch die
   oberste Ebene ihren Platz dafuer hat. */
.tpb-baum{padding-left:30px}
.tpb-auf{width:auto!important;min-width:26px!important;height:19px!important;
  left:-30px;top:10px;padding:0 4px!important;gap:3px!important;
  font:700 9.5px/1 ui-monospace,Menlo,monospace!important;letter-spacing:.02em}
.tpb-auf::after{content:none}
.tpb-auf i{display:inline!important;font-style:normal;font-size:9.5px;color:#5b6e85}
.tpb-auf:hover i{color:#1f3b57}

/* V2 – Der Editor darf nativ nicht abschneiden. Eine Inline-Regel mit Vorrang
   hat die Hoehe frueher auf einen festen Wert genagelt; dieser Selektor ist
   spezifischer als die Klasse allein und faengt Altbestand ab, der noch im
   Zwischenspeicher liegt. */
body .taom-ps-native[style]{height:auto!important}

/* V2 – Zustandsplaketten in der Kopfzeile duerfen nicht schrumpfen.
   AM LIVE-SYSTEM GEMESSEN: „Entwurf" war 61 Pixel breit, brauchte aber 76 –
   flex:0 1 auto laesst die Plakette schrumpfen, und overflow:hidden schneidet
   dann das Wort ab. Eine Plakette mit einem Wort hat keine sinnvolle
   Zwischengroesse: entweder ganz oder gar nicht. */
.t2top .t2chip{flex:0 0 auto!important}
.t2top .t2chip.entwurf,.t2top .t2chip.freigabe,.t2top .t2chip.veroeffentlicht{
  overflow:visible!important;white-space:nowrap}
/* Platz dafuer holen: Der Projektname darf als Erstes weichen, er hat einen Titel. */
.t2top-kontext > select,.t2top-kontext .t2top-projekt{min-width:0;flex:0 1 auto}

/* V2 – Kopfzeile auf Tablet und Telefon.
   GEMESSEN bei 834 und 390 Pixeln: Die Kopfzeile steht in einer Reihe und laeuft
   dabei weit ueber den Rand – bei 390 Pixeln um 470. Alles kleiner zu machen
   hilft nicht; die Reihe ist schlicht zu lang. Also umbrechen statt schrumpfen,
   und auf dem Telefon zeigt die Kopfzeile nur noch, was man dort wirklich
   braucht: Marke, Zustand, Linsen. Projektname, Arbeitsbereich und Personen
   stehen im Fenster darunter ohnehin. */
@media (max-width:1100px){
  .t2top{flex-wrap:wrap!important;height:auto!important;row-gap:8px;padding-bottom:8px}
  .t2top-links,.t2top-mitte,.t2top-rechts{min-width:0;flex:1 1 auto}
  .t2top-kontext{flex-wrap:wrap;row-gap:6px;min-width:0}
  .t2lensbar{order:3;flex:1 1 100%;justify-content:flex-start;overflow-x:auto;
    -webkit-overflow-scrolling:touch;padding-bottom:2px}
  .t2lensbar::-webkit-scrollbar{height:0}
}
@media (max-width:720px){
  .t2top-ws,.t2top-leute{display:none!important}
  .t2top-projekt{max-width:150px}
  .t2top .t2chip{font-size:10.5px;padding:2px 8px}
  .t2rail{width:52px!important}
  .t2rail .t2rail-txt{font-size:9px}
}
@media (max-width:480px){
  .t2top-projekt{max-width:110px}
  .t2top-rechts .t2top-version{display:none!important}
  .t2rail{position:fixed;left:0;top:auto;bottom:0;width:100%!important;height:54px;
    flex-direction:row!important;justify-content:space-around;overflow-x:auto;z-index:60;
    border-top:1px solid rgba(255,255,255,.12)}
  .t2rail .t2rail-btn{flex:0 0 auto;padding:6px 10px}
  .t2frame{padding-bottom:60px}
}