57 lines
1.1 KiB
CSS
57 lines
1.1 KiB
CSS
|
.page-header {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
margin-bottom: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-header .page-title { margin-bottom: 0; }
|
||
|
|
|
||
|
|
.form-section { margin-bottom: 20px; }
|
||
|
|
.form-section h3 { margin: 0 0 12px; font-size: 15px; }
|
||
|
|
|
||
|
|
.dep-form {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr;
|
||
|
|
gap: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dep-form label {
|
||
|
|
display: block;
|
||
|
|
font-size: 13px;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dep-form input,
|
||
|
|
.dep-form select {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
margin-top: 3px;
|
||
|
|
padding: 7px 10px;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
border-radius: 4px;
|
||
|
|
font-size: 13px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.badge-draft { background: #e2e3e5; color: #383d41; }
|
||
|
|
.badge-active { background: #d4edda; color: #155724; }
|
||
|
|
.badge-paused { background: #fff3cd; color: #856404; }
|
||
|
|
.badge-completed { background: #d4edda; color: #155724; }
|
||
|
|
.badge-cancelled { background: #f8d7da; color: #721c24; }
|
||
|
|
|
||
|
|
.actions-cell { white-space: nowrap; }
|
||
|
|
|
||
|
|
.btn-action {
|
||
|
|
padding: 4px 12px;
|
||
|
|
border: none;
|
||
|
|
border-radius: 3px;
|
||
|
|
font-size: 12px;
|
||
|
|
cursor: pointer;
|
||
|
|
background: #27ae60;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-action:hover { opacity: 0.85; }
|
||
|
|
.btn-pause { background: #e67e22; }
|