.apd-main { padding: 28px; }
.apd-main h1 { margin: 0 0 8px; }
.apd-status { color: #9a9a9a; margin: 0 0 18px; }
.apd-card {
    background: rgba(12,12,12,0.88);
    border: 1px solid #2a2a2a;
    border-radius: 16px;
    padding: 18px;
    margin: 0 0 12px;
}
.apd-card h2 { margin: 0 0 6px; font-size: 20px; }
.apd-card p { margin: 0 0 4px; color: #cfcfcf; }
.apd-when { color: #f2c200 !important; font-weight: 700; }
.apd-actions { display: flex; gap: 8px; margin-top: 14px; }
.apd-view, .apd-edit {
    border-radius: 10px;
    padding: 10px 14px;
    font-weight: 800;
    text-decoration: none;
    font-family: inherit;
    cursor: pointer;
}
.apd-view { background: #f2c200; color: #111; border: 0; }
.apd-edit { background: transparent; color: #fff; border: 1px solid #555; }
@media (max-width: 900px) {
    .apd-main { padding: 18px 14px 88px; }
}
.apd-del {
    background: transparent;
    color: #fff;
    border: 1px solid #555;
    border-radius: 10px;
    padding: 10px 14px;
    font-weight: 800;
    cursor: pointer;
    font-family: inherit;
}