.icrp-tracker-container {
    max-width: 1180px;
    margin: 2rem auto;
    padding: 0 1rem;
    color: #2f2f2f;
}
.icrp-tracker-lead { max-width: 760px; }
.icrp-tracker-form,
.icrp-event-form,
.icrp-settings-form,
.icrp-panel,
.icrp-summary-card,
.icrp-info-box,
.icrp-history-panel {
    background: #fff;
    border: 1px solid #d8dee2;
    border-radius: 4px;
    padding: 1.25rem;
    margin: 1rem 0;
}
.icrp-tracker-form.compact { display: flex; gap: .75rem; align-items: flex-end; flex-wrap: wrap; }
.icrp-field-row { margin-bottom: 1rem; }
.icrp-field-row label { display: block; font-weight: 700; margin-bottom: .35rem; }
.icrp-field-row input,
.icrp-field-row select,
.icrp-field-row textarea,
.icrp-code {
    width: 100%;
    max-width: 520px;
    padding: .5rem .65rem;
    border: 1px solid #b7c0c7;
    border-radius: 3px;
    font: inherit;
}
.icrp-field-row.full textarea { max-width: 900px; }
.icrp-summary-card {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 2rem;
    align-items: center;
    border-color: #f0ad4e;
}
.icrp-progress-wrap { display: flex; justify-content: center; }
.icrp-progress-circle {
    --p: calc(var(--icrp-progress) * 1%);
    width: 210px;
    height: 210px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: conic-gradient(#0a8a35 var(--p), #edf0f2 0);
    position: relative;
}
.icrp-progress-orange .icrp-progress-circle { background: conic-gradient(#f5a623 var(--p), #edf0f2 0); }
.icrp-progress-red .icrp-progress-circle { background: conic-gradient(#c62828 var(--p), #edf0f2 0); }
.icrp-progress-circle:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #fff;
}
.icrp-progress-circle span { position: relative; font-size: 3rem; color: #111; }
.icrp-summary-details h2 { border-bottom: 3px solid #b90f3a; padding-bottom: .4rem; }
.icrp-summary-details dl { display: grid; grid-template-columns: 190px 1fr; gap: .65rem 1rem; }
.icrp-summary-details dt { font-weight: 700; }
.icrp-important { margin-top: 1.25rem; background: #5c5757; color: white; padding: .85rem; border-radius: 4px; font-weight: 700; }
.icrp-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.icrp-percentage-chip { display: flex; align-items: center; gap: .7rem; }
.icrp-percentage-chip strong { background: #0a8a35; color: white; padding: .8rem; border-radius: 4px; font-size: 1.25rem; }
.icrp-color-list { list-style: none; margin: 0; padding: 0; }
.icrp-color-list li { display: flex; align-items: center; gap: .75rem; padding: .65rem 0; border-bottom: 1px solid #e5e8eb; }
.icrp-dot { width: 28px; height: 28px; border-radius: 50%; display: inline-block; border: 5px solid #0a8a35; }
.icrp-dot.orange { border-color: #f5a623; }
.icrp-dot.red { border-color: #c62828; }
.icrp-history-panel h2 { background: #b90f3a; color: white; margin: -1.25rem -1.25rem 1rem; padding: .75rem 1rem; font-size: 1.1rem; }
.icrp-table-scroll { overflow-x: auto; }
.icrp-history-table { width: 100%; border-collapse: collapse; }
.icrp-history-table th { background: #69b51b; color: white; text-align: left; padding: .75rem; }
.icrp-history-table td { padding: .75rem; border-bottom: 1px solid #eef0f2; vertical-align: top; }
.icrp-history-table tr:nth-child(even) td { background: #f7f7f7; }
.icrp-alert { padding: .8rem 1rem; border-radius: 4px; margin: 1rem 0; }
.icrp-alert-error { background: #fbe9e7; border: 1px solid #c62828; }
.icrp-alert-success { background: #e8f5e9; border: 1px solid #0a8a35; }
.icrp-stats-grid { display: grid; grid-template-columns: repeat(3, minmax(180px, 1fr)); gap: 1rem; }
.icrp-stat-card { background: #fff; border: 1px solid #d8dee2; border-radius: 4px; padding: 1rem; }
.icrp-stat-card strong { display: block; font-size: 2rem; }
.icrp-check { display: block; margin: .75rem 0; }
.icrp-code { max-width: 100%; font-family: monospace; }
.icrp-workflow-shortcut {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
    background: #1d4ed8;
    color: #fff !important;
    padding: .7rem 1rem;
    border-radius: 999px;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
}
@media (max-width: 800px) {
    .icrp-summary-card,
    .icrp-info-grid { grid-template-columns: 1fr; }
    .icrp-summary-details dl { grid-template-columns: 1fr; }
    .icrp-progress-circle { width: 170px; height: 170px; }
    .icrp-progress-circle:before { width: 120px; height: 120px; }
}