:root{
    --amucta-green: #b143f5;
    --amucta-blue: #007bff;
    --amucta-dark: #111827;
}
p.info {background-color: #e7f3fe;   /* Light blue */color: #084298;              /* Dark blue text */border-left: 5px solid #0d6efd;padding: 10px 15px;border-radius: 6px;margin-top: 1rem;font-family: Arial, sans-serif;}

p.warning {margin-top: 1rem;background-color: #fff3cd;   /* Light yellow */color: #664d03;              /* Dark gold text */border-left: 5px solid #ffc107;padding: 10px 15px;border-radius: 6px;font-family: Arial, sans-serif;}
th {background-color:var(--amucta-blue);color: white;text-align: center;padding: 0.5rem 1rem}

@media print {  .no-print{display: none;}  }
div:has(table){width: 100%;overflow-x: auto}
form div:has(button[type='submit']) {display: flex;flex-direction: row;align-items: center;justify-content: end;}

.capitalize {text-transform: capitalize;}  .lowercase {text-transform: lowercase;}  .normal-case {text-transform: none;}  .uppercase {text-transform: uppercase;}  .italic {font-style: italic;}  .not-italic {font-style: normal;}

.shadow {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);}  .shadow-sm {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);}  .shadow-md {}
.shadow-lg {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}
.shadow-xl {box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);}  /* Ring Effects */

.card {background: #ffffff;border-radius: 12px;padding: 16px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.2s ease-in-out;}  .card:hover {transform: translateY(-3px);box-shadow: 0 4px 12px rgba(0,0,0,0.15);}

.form-group {margin-bottom: 15px;}  /* Label styling */  .form-group label {display: block;margin-bottom: 6px;font-weight: 500;color: #333;}
.form-control {
    display: block;width: 100%;padding: 8px 12px;font-size: 14px;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;
    border: 1px solid #ced4da;border-radius: 6px;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.form-control:focus {border-color: #80bdff;outline: 0;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}
/* Button */
.btn {display: inline-block;font-weight: 500;text-align: center;padding: 8px 16px;font-size: 14px;border-radius: 6px;cursor: pointer;border: 1px solid transparent;margin: 4px;}
.btn:hover {background-color: #004080;}  .btn-primary {background-color: #00BFFF; /* Sky Blue */}
.btn-primary:hover {background-color: #009acd;}
.btn-black {background-color: #222224; color: white}
.btn-secondary {background-color: #27ae60; color: white}  .btn-secondary:hover{background-color: #035e25}
.btn-delete {background-color: #e74c3c;}
.btn-danger {background-color: #e74c3c;}  .btn-delete:hover {background-color: #c0392b;}  .btn-danger:hover {background-color: #c0392b;}
.btn-complete, .btn-mark-read {background-color: #27ae60;}  .btn-complete:hover, .btn-mark-read:hover {background-color: #1e874b;}
.badge {font-size: 0.8rem;font-weight: 500;}

.solobea-table {width: 100%;border-collapse: collapse;margin-top: 15px;}  .solobea-table thead {background-color: var(--amucta-blue);color: #fff;}
.solobea-table th, .solobea-table td {padding: 10px;border: 1px solid #ddd;text-align: left;font-size: 0.9rem;vertical-align: top;}
.solobea-table th:hover{color: var(--amucta-blue); background-color: white}  .solobea-table tr:nth-child(even) {background-color: #f9f9f9;}  .solobea-table tr:hover {background-color: #f1f1f1;}

.popup-overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.6);display: flex;justify-content: center;align-items: center;z-index: 9998;}  /* Popup container */
.popup-editor {background: #fff;width: 80%;max-width: 900px;height: 80%;display: flex;flex-direction: column;border-radius: 12px;overflow: hidden;box-shadow: 0 5px 20px rgba(0,0,0,0.3);z-index: 9999;}
.popup-header {background: var(--amucta-blue);color: white;padding: 12px;font-weight: bold;display: flex;justify-content: space-between;align-items: center;}
.popup-header button {background: transparent;border: none;color: white;font-size: 18px;cursor: pointer;}  .popup-body {flex: 1;display: flex;flex-direction: column;overflow-y: auto;padding: 12px;}
.popup-body textarea {flex: 1;width: 100%;border: 1px solid #ddd;border-radius: 6px;padding: 10px;resize: none;font-family: monospace;}  .popup-footer {padding: 10px;text-align: right;border-top: 1px solid #ddd;}
.popup-footer button {background: #16a34a;color: white;border: none;padding: 8px 14px;border-radius: 6px;cursor: pointer;}  .popup-footer button:hover {background: #15803d;}

@media (max-width: 768px) {  .solobea-table th, .solobea-table td {font-size: 0.8rem;padding: 8px;}  .btn {font-size: 0.8rem;padding: 6px 10px;}  }