/* Base layout */
.akrt-wrap { max-width: 980px; margin: 24px auto; padding: 0 12px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.akrt-card { background: #ffffff; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.06); padding: 20px; }
.akrt-header h2 { margin: 0; font-size: 22px; }
.akrt-subtitle { margin: 4px 0 16px; color: #666; }
.akrt-controls { display: grid; grid-template-columns: 1fr 120px 120px 120px; gap: 10px; }
.akrt-controls input, .akrt-controls select, .akrt-controls button {
    padding: 10px 12px; border-radius: 10px; border: 1px solid #ddd; outline: none; font-size: 14px;
}
.akrt-controls button { cursor: pointer; border: 0; background: #111; color: #fff; transition: transform .08s ease, box-shadow .2s ease; }
.akrt-controls button:hover { transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0,0,0,.12); }
.akrt-status { margin: 12px 0; padding: 10px 12px; border-radius: 10px; background: #f5f7ff; border: 1px solid #e5e9ff; }
.akrt-table-wrap { overflow: auto; margin-top: 6px; border: 1px solid #eee; border-radius: 12px; }
table.akrt-table { width: 100%; border-collapse: collapse; }
.akrt-table th, .akrt-table td { padding: 12px 10px; border-bottom: 1px solid #f0f0f0; text-align: left; font-size: 14px; }
.akrt-table th { background: #fafafa; position: sticky; top: 0; }
.akrt-note { font-size: 12px; color: #666; margin-top: 10px; text-align: center; }

/* Responsive */
@media (max-width: 720px) {
    .akrt-controls { grid-template-columns: 1fr 1fr; }
    .akrt-controls select:nth-child(2), .akrt-controls select:nth-child(3) { order: 3; }
    .akrt-controls button { order: 4; }
}