/* استایل‌های عمومی فرانت */
.omtrk-public-wrapper {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    max-width: 800px;
    margin: 0 auto;
}

.omtrk-public-grid {
    display: grid;
    gap: 20px;
    margin-top: 20px;
}

.omtrk-p-card {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px;
}

.p-card-header {
    font-weight: bold;
    color: var(--omtrk-primary);
    margin-bottom: 10px;
    border-bottom: 2px solid var(--omtrk-accent);
    padding-bottom: 5px;
    display: inline-block;
}

/* تایم لاین */
.omtrk-timeline {
    margin-top: 15px;
    position: relative;
    padding-right: 20px;
}

.tl-item {
    position: relative;
    padding-bottom: 15px;
    padding-right: 15px;
    border-right: 2px solid #ddd;
    color: #999;
}

.tl-item:last-child { border-right: none; }

.tl-item::before {
    content: '';
    position: absolute;
    right: -6px;
    top: 0;
    width: 10px;
    height: 10px;
    background: #ddd;
    border-radius: 50%;
}

.tl-item.active {
    color: var(--omtrk-primary);
    font-weight: bold;
}
.tl-item.active::before { background: var(--omtrk-accent); }

.tl-item.done {
    color: var(--omtrk-primary);
}
.tl-item.done::before { background: #43A047; }