.csi-page{font-family:var(--font-sans,Arial,sans-serif)}
.csi-page .title-actions{align-items:flex-start}.csi-page small{display:block;color:#687872;margin-top:4px}
.csi-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.csi-tabs button{background:#fff;border:1px solid #cfdbd6;border-radius:999px;padding:8px 14px}.csi-tabs button.active{background:#115a49;color:#fff;border-color:#115a49}
.csi-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;line-height:1.1;background:#eef2f0;color:#1e3f36;white-space:nowrap}.csi-status.review-required{background:#fff1bf;color:#705200}.csi-status.waiting-for-style{background:#e9eef6;color:#344d73}.csi-status.match-error,.csi-status.rejected{background:#fce8e8;color:#8a2727}.csi-status.draft-created{background:#e3f3ec;color:#155c49}
.csi-table td{vertical-align:top}.csi-upload{max-width:760px}.csi-upload>label{display:grid;gap:8px}.csi-safe,.csi-wait{border:1px solid #d4dfda;background:#f6faf8;border-radius:14px;padding:16px;margin:16px 0}.csi-wait{background:#fff8dc;border-color:#ecd58c}
.csi-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.csi-review-card,.csi-components,.csi-fob{border-radius:16px!important}.csi-review-card h2,.csi-components h2{font-size:16px;margin:0 0 12px}.csi-review-card dl{display:grid;grid-template-columns:150px 1fr;margin:0}.csi-review-card dt,.csi-review-card dd{padding:8px 0;border-bottom:1px solid #e3eae7;margin:0}.csi-review-card dt{color:#62726d}.csi-picture{display:block;max-width:210px;max-height:240px;object-fit:contain;border-radius:12px;margin-top:8px}
.csi-components{margin:14px 0}.csi-fob{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.csi-fob>div{display:grid;gap:5px;padding:14px;border-radius:12px;background:#f3f7f5}.csi-fob span{font-size:12px;color:#556760}.csi-fob b{font-size:18px;font-weight:500}.csi-fob .warning{background:#fff0d5;color:#875600}.csi-fob .pass{background:#e7f4ee;color:#155c49}.csi-fob p{grid-column:1/-1;margin:0;color:#65756f;font-size:12px}
.csi-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px}.csi-actions a.button{display:inline-flex;align-items:center;text-decoration:none}
.csi-style-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:920px}.csi-style-form label{display:flex;flex-direction:column;gap:7px}.csi-style-form input,.csi-style-form select,.csi-style-form textarea{width:100%}.csi-style-wide{grid-column:1/-1}.csi-style-form textarea{min-height:82px}
@media(max-width:900px){.csi-review-grid,.csi-fob{grid-template-columns:1fr}.csi-fob p{grid-column:auto}}
@media(max-width:760px){.csi-style-form{grid-template-columns:1fr}.csi-style-wide{grid-column:auto}}