.app.sinter-workspace,.app.sinter-workspace.panel-open{grid-template-columns:66px minmax(720px,64vw) minmax(220px,1fr)}
.app.sinter-workspace .platform-panel{position:relative;inset:auto;width:auto;min-width:0;opacity:1;transform:none;border-right:0;box-shadow:none}
.app.sinter-workspace .platform-panel-body{padding:14px 16px 32px}
.app.sinter-workspace .module-view[data-module-view="cib_sinter"].active{width:100%;margin:0}
.sinter-panel{display:grid;gap:14px;color:var(--gw-text,#172033)}
.sinter-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 20px;border:1px solid var(--gw-border,#dbe3ec);border-radius:14px;background:var(--gw-surface,#fff)}
.sinter-header span{color:var(--gw-primary,#2563eb);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.sinter-header h2{margin:4px 0 6px;font-size:24px}.sinter-header p{margin:0;color:var(--gw-muted,#64748b);font-size:14px;line-height:1.5}
.sinter-header button,.sinter-toolbar button,.sinter-tabs button,.sinter-table button,.sinter-form button,.sinter-pagination button,.sinter-dialog button{min-height:48px;padding:10px 15px;border:1px solid var(--gw-border,#dbe3ec);border-radius:10px;color:var(--gw-text,#172033);background:var(--gw-surface,#fff);font:inherit;font-weight:700;cursor:pointer}.sinter-header button{display:flex;align-items:center;gap:8px;white-space:nowrap}.sinter-panel button:hover,.sinter-panel button:focus-visible,.sinter-dialog button:focus-visible{border-color:var(--gw-primary,#2563eb);outline:3px solid color-mix(in srgb,var(--gw-primary,#2563eb) 22%,transparent);outline-offset:1px}
.sinter-environment{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #93c5fd;border-radius:12px;background:#eff6ff}.sinter-environment>.material-symbols-outlined{font-size:28px;color:#2563eb}.sinter-environment strong{display:block;font-size:16px}.sinter-environment p{margin:3px 0 0;font-size:14px;color:#475569}.sinter-environment.test{border-color:#fbbf24;background:#fffbeb}.sinter-environment.test>.material-symbols-outlined{color:#b45309}.sinter-environment.production{border-color:#f87171;background:#fef2f2}.sinter-environment.production>.material-symbols-outlined{color:#b91c1c}
.sinter-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.sinter-kpis button{min-height:96px;padding:13px;border:1px solid var(--gw-border,#dbe3ec);border-radius:12px;text-align:left;background:var(--gw-surface,#fff);cursor:pointer}.sinter-kpis button strong{display:block;font-size:24px;color:var(--gw-text,#172033)}.sinter-kpis button span{display:block;margin-top:6px;color:var(--gw-muted,#64748b);font-size:13px}.sinter-kpis button.ready{border-left:4px solid #16a34a}.sinter-kpis button.pending{border-left:4px solid #f59e0b}.sinter-kpis button.with_cib{border-left:4px solid #2563eb}.sinter-kpis button.update_pending{border-left:4px solid #7c3aed}.sinter-kpis button.rejected{border-left:4px solid #dc2626}.sinter-kpis button.conflict{border-left:4px solid #be123c}
.sinter-tabs{display:flex;gap:7px;overflow-x:auto;border-bottom:1px solid var(--gw-border,#dbe3ec);padding-bottom:8px}.sinter-tabs button{white-space:nowrap}.sinter-tabs button.active{border-color:var(--gw-primary,#2563eb);color:#fff;background:var(--gw-primary,#2563eb)}
.sinter-content{min-height:260px}.sinter-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding:13px;border:1px solid var(--gw-border,#dbe3ec);border-radius:12px;background:var(--gw-surface,#fff)}.sinter-toolbar label,.sinter-form label,.sinter-dialog label{display:grid;gap:6px;min-width:160px;flex:1}.sinter-toolbar label>span,.sinter-form label>span,.sinter-dialog label>span{font-size:14px;font-weight:700}.sinter-toolbar input,.sinter-toolbar select,.sinter-form input,.sinter-form select,.sinter-dialog input{min-height:48px;padding:10px 12px;border:1px solid var(--gw-border,#cbd5e1);border-radius:9px;color:var(--gw-text,#172033);background:var(--gw-surface,#fff);font:inherit}.sinter-toolbar .primary,.sinter-form .primary,.sinter-dialog .primary{border-color:var(--gw-primary,#2563eb);color:#fff;background:var(--gw-primary,#2563eb)}
.sinter-table-wrap{overflow:auto;border:1px solid var(--gw-border,#dbe3ec);border-radius:12px;background:var(--gw-surface,#fff)}.sinter-table{width:100%;border-collapse:collapse;font-size:14px}.sinter-table th,.sinter-table td{padding:13px 12px;border-bottom:1px solid var(--gw-border,#e2e8f0);text-align:left;vertical-align:top}.sinter-table th{position:sticky;top:0;z-index:1;color:var(--gw-muted,#475569);background:var(--gw-surface-2,#f8fafc);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.sinter-table td strong{display:block;font-size:15px}.sinter-table td small{display:block;margin-top:3px;color:var(--gw-muted,#64748b);font-size:13px}.sinter-table tr:last-child td{border-bottom:0}.sinter-table input[type="checkbox"]{width:21px;height:21px}.sinter-status{display:inline-flex!important;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;font-size:12px!important;font-weight:800;background:#e2e8f0}.sinter-status.ready{color:#166534;background:#dcfce7}.sinter-status.pending{color:#92400e;background:#fef3c7}.sinter-status.with_cib{color:#1d4ed8;background:#dbeafe}.sinter-status.update_pending{color:#6d28d9;background:#ede9fe}.sinter-status.rejected,.sinter-status.conflict{color:#991b1b;background:#fee2e2}.sinter-status.succeeded,.sinter-status.effective{color:#166534;background:#dcfce7}.sinter-status.failed,.sinter-status.partial{color:#991b1b;background:#fee2e2}.sinter-status.validated,.sinter-status.queued,.sinter-status.transmitting{color:#1d4ed8;background:#dbeafe}
.sinter-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;color:var(--gw-muted,#64748b);font-size:14px}.sinter-pagination div{display:flex;gap:7px}.sinter-pagination button:disabled{opacity:.45;cursor:not-allowed}
.sinter-empty{padding:32px 20px;border:1px dashed var(--gw-border,#cbd5e1);border-radius:12px;text-align:center;color:var(--gw-muted,#64748b);background:var(--gw-surface,#fff)}.sinter-empty strong{display:block;margin-bottom:5px;color:var(--gw-text,#172033);font-size:17px}.sinter-empty.error{color:#b91c1c}
.sinter-card{padding:16px;border:1px solid var(--gw-border,#dbe3ec);border-radius:12px;background:var(--gw-surface,#fff)}.sinter-card h3{margin:0 0 7px;font-size:18px}.sinter-card p{color:var(--gw-muted,#64748b);font-size:14px;line-height:1.5}.sinter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sinter-form .wide{grid-column:1/-1}.sinter-source-note{padding:11px 13px;border-left:4px solid #2563eb;border-radius:0 9px 9px 0;color:#1e3a8a;background:#eff6ff;font-size:14px}
.sinter-dialog{width:min(760px,calc(100vw - 24px));max-height:88dvh;padding:0;border:0;border-radius:15px;color:var(--gw-text,#172033);background:var(--gw-surface,#fff);box-shadow:0 24px 70px rgba(15,23,42,.28)}.sinter-dialog::backdrop{background:rgba(15,23,42,.6)}.sinter-dialog>form>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid var(--gw-border,#e2e8f0)}.sinter-dialog header span{color:var(--gw-primary,#2563eb);font-size:12px;font-weight:800;text-transform:uppercase}.sinter-dialog header h2{margin:3px 0 0;font-size:21px}.sinter-dialog header button{min-width:48px;padding:8px}.sinter-dialog>form>div{max-height:66dvh;overflow:auto;padding:18px}.sinter-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;border-top:1px solid var(--gw-border,#e2e8f0)}.sinter-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sinter-detail-grid section{padding:13px;border:1px solid var(--gw-border,#e2e8f0);border-radius:10px}.sinter-detail-grid section.wide{grid-column:1/-1}.sinter-detail-grid h3{margin:0 0 10px;font-size:16px}.sinter-detail-grid dl{margin:0}.sinter-detail-grid dl div{display:grid;grid-template-columns:140px 1fr;gap:8px;padding:6px 0}.sinter-detail-grid dt{color:var(--gw-muted,#64748b);font-size:13px}.sinter-detail-grid dd{margin:0;font-size:14px;font-weight:600}.sinter-issues{display:grid;gap:7px;margin:0;padding:0;list-style:none}.sinter-issues li{padding:9px 10px;border-radius:8px;color:#991b1b;background:#fef2f2;font-size:14px}.sinter-payload{overflow:auto;max-height:280px;padding:12px;border-radius:9px;color:#dbeafe;background:#0f172a;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
body[data-theme="dark"] .sinter-environment.simulation{color:#bfdbfe;background:#172554}body[data-theme="dark"] .sinter-environment.test{color:#fde68a;background:#422006}body[data-theme="dark"] .sinter-environment.production{color:#fecaca;background:#450a0a}body[data-theme="dark"] .sinter-environment p{color:inherit}body[data-theme="dark"] .sinter-source-note{color:#bfdbfe;background:#172554}
@media(min-width:821px) and (max-width:1180px){.app.sinter-workspace,.app.sinter-workspace.panel-open{grid-template-columns:82px minmax(600px,70vw) minmax(0,1fr)!important}.sinter-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.app.sinter-workspace,.app.sinter-workspace.panel-open{grid-template-columns:1fr!important}.app.sinter-workspace .platform-panel{position:fixed!important;inset:0 0 58px!important;width:100%!important;height:auto!important;z-index:35!important}.app.sinter-workspace .platform-panel-body{padding:12px}.sinter-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sinter-header{display:grid}.sinter-header button{width:100%;justify-content:center}.sinter-form,.sinter-detail-grid{grid-template-columns:1fr}.sinter-detail-grid section.wide{grid-column:auto}.sinter-dialog{max-height:94dvh}}
@media(max-width:760px){.platform-menu .platform-module-btn[data-module="cib_sinter"]:not([hidden]){display:flex!important}}
@media(max-width:480px){.sinter-kpis{grid-template-columns:1fr 1fr}.sinter-kpis button{min-height:86px}.sinter-tabs button{min-width:max-content}.sinter-table th:nth-child(4),.sinter-table td:nth-child(4){display:none}.sinter-pagination{align-items:flex-start;flex-direction:column}}
