.sap-integration-page{max-width:1500px}.sap-safety-note,.sap-warning{font-size:12px;color:var(--muted);background:var(--green-soft);border:1px solid var(--line);border-radius:8px;padding:9px 12px}.sap-safety-note i,.sap-warning i{color:var(--green);margin-right:5px}.sap-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.sap-metrics article{position:relative;background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 17px;overflow:hidden}.sap-metrics span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.sap-metrics strong{font:800 23px Manrope}.sap-metrics article>i{position:absolute;right:17px;bottom:17px;color:#9acdb0;font-size:20px}.sap-current-status strong{font-size:18px}.sap-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px}.sap-tabs a{color:var(--muted);text-decoration:none;padding:12px 16px;font-size:13px;font-weight:700;border-bottom:2px solid transparent}.sap-tabs a:hover,.sap-tabs a.active{color:var(--green);border-color:var(--green)}.sap-tabs i{margin-right:5px}.sap-section{margin-bottom:20px}.sap-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px}.sap-form-grid .span-2{grid-column:span 2}.sap-form-grid .form-control,.sap-form-grid .form-select{font-size:13px}.form-help{display:block;color:var(--muted);font-size:11px;margin-top:6px}.sap-auth-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px;background:var(--green-soft);border:1px solid var(--line);border-radius:10px}.sap-token-url{grid-column:span 2}.sap-form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:17px}.sap-form-actions .btn{margin-left:8px}.sap-status-pill,.log-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:700;text-transform:capitalize}.sap-status-pill i,.log-status i{width:7px;height:7px;border-radius:50%;background:#a7b3ab}.sap-status-pill.is-active{color:#217c4d}.sap-status-pill.is-active i,.log-success i{background:#43b977}.sap-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;margin-bottom:20px}.sap-object-panel,.sap-object-detail{min-width:0}.sap-object-list{padding:10px}.sap-object-item{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:9px;color:var(--ink);text-decoration:none;margin-bottom:4px}.sap-object-item:hover{background:var(--green-soft)}.sap-object-item.selected{background:var(--green-soft);box-shadow:inset 3px 0 var(--green)}.sap-object-item>span:nth-child(2){min-width:0;flex:1}.sap-object-item strong,.sap-object-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sap-object-item strong{font-size:13px}.sap-object-item small{font-size:11px;color:var(--muted);margin-top:3px}.sap-object-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#eaf3ff;color:#3971aa}.sap-object-item>.bi-chevron-right{font-size:11px;color:var(--muted)}.direction-badge,.required-badge,.transform-badge{display:inline-block;font-size:10px;font-weight:700;border-radius:5px;padding:5px 7px;background:#eef3f0;color:#607167;white-space:nowrap}.required-badge.yes{background:var(--green-soft);color:var(--green)}.transform-badge{background:#f3f0fb;color:#7656a5}.sap-empty{text-align:center;color:var(--muted);padding:38px 10px;font-size:12px}.sap-empty i{display:block;font-size:28px;color:#9acdb0;margin-bottom:8px}.sap-object-detail .sap-form-grid{padding-top:18px}.sap-fields-panel,.sap-field-editor,.sap-execute-panel,.sap-logs-panel{margin-bottom:20px}.sap-field-table{min-width:900px}.sap-field-table th,.sap-field-table td{padding-left:15px;padding-right:15px}.sap-field-table code{font-size:12px;color:var(--green)}.sap-table-empty{text-align:center;color:var(--muted);padding:40px!important;font-size:12px}.btn-icon{margin-left:4px}.field-options{display:flex;gap:24px}.transform-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--green-soft);padding:12px;border:1px solid var(--line);border-radius:9px}.value-mapping-editor{border:1px solid var(--line);border-radius:9px;padding:13px;background:rgba(127,150,135,.04)}.value-row{display:grid;grid-template-columns:1fr 20px 1fr;gap:8px;align-items:center;margin-top:8px}.value-row span{text-align:center;color:var(--muted)}.sap-execute-form{display:grid;grid-template-columns:1fr 180px 1fr auto;gap:14px;align-items:end;padding:22px}.execute-actions{display:flex;gap:8px}.execute-result{margin:0 22px 22px;padding:14px;background:#17241d;color:#c9f2d5;border-radius:8px;white-space:pre-wrap;font-size:12px;max-height:300px;overflow:auto}.sap-warning{background:#fff7dc;border-color:#f0dfaa;color:#776b47}.sap-warning i{color:#bf8e1a}.log-status{padding:5px 8px;border-radius:5px;background:#eef3f0}.log-success{color:#217c4d;background:var(--green-soft)}.log-failed{color:#ad3d3d;background:#fff0f0}.log-failed i{background:#dc6060}.log-error{max-width:260px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
html[data-theme="dark"] .sap-object-icon{background:#203549;color:#9fc6ee}html[data-theme="dark"] .transform-badge{background:#332b45;color:#cbb8ee}html[data-theme="dark"] .direction-badge{background:#26382e;color:#b9d5c2}html[data-theme="dark"] .sap-warning{background:#3b321d;border-color:#64542d;color:#e6d08b}html[data-theme="dark"] .log-failed{background:#442426;color:#ffc4c4}html[data-theme="dark"] .execute-result{background:#0a110d;color:#b9eec6}
@media(max-width:1050px){.sap-workspace{grid-template-columns:1fr}.sap-execute-form{grid-template-columns:1fr 1fr}.execute-actions{grid-column:span 2;justify-content:flex-end}}@media(max-width:700px){.sap-metrics{grid-template-columns:1fr 1fr}.sap-form-grid,.sap-auth-fields{grid-template-columns:1fr}.sap-form-grid .span-2,.sap-token-url{grid-column:span 1}.sap-tabs{overflow:auto;white-space:nowrap}.sap-safety-note{display:none}.sap-form-actions{align-items:flex-start;flex-direction:column}.sap-form-actions>div{width:100%;display:flex;justify-content:flex-end}.transform-options{grid-template-columns:1fr}.sap-execute-form{grid-template-columns:1fr}.execute-actions{grid-column:auto;flex-wrap:wrap}.execute-actions .btn{flex:1}}