body {
    padding-bottom: 20px;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: #1B1C1D;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt { 
    white-space: normal; 
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea { 
    max-width: 280px; 
}

/* Fix for Admin.Web top menu - ensure background white works with secondary menu */
.ui.secondary.menu.background.white {
    background: #FFF8DB !important;
}

/* AngularJS specific fixes */
/* Prevent FOUC (Flash of Unstyled Content) while AngularJS loads */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/* Improve table styling for AngularJS tables */
.ui.table {
    margin-bottom: 1em;
}

.ui.table input[type="text"],
.ui.table input[type="date"],
.ui.table textarea {
    width: 100%;
    max-width: none;
    border: none;
    padding: 8px;
    background: transparent;
    font-size: 14px;
}

.ui.table input[type="text"]:focus,
.ui.table input[type="date"]:focus,
.ui.table textarea:focus {
    background: #f8f8f8;
    border: 1px solid #85b7d9;
    outline: none;
}

/* Form improvements */
.ui.form .field > label {
    font-weight: bold;
    margin-bottom: 0.5em;
    display: block;
}

.ui.form .field .ui.input {
    margin-bottom: 0.5em;
}

/* Button styling improvements */
.ui.button {
    margin: 0.25em;
}

.ui.button.submit {
    margin-top: 1em;
}

/* Color picker field improvements */
.color-picker {
    margin-bottom: 1em;
}

/* Dropdown improvements */
.ui.dropdown {
    min-width: 200px;
}

/* Loading state improvements */
.ui.form.loading {
    opacity: 0.8;
}

/* Error and success states */
.ui.form.error .ui.message.error {
    display: block !important;
}

.ui.form.success .ui.message.success {
    display: block !important;
}

/* Responsive improvements */
@media (max-width: 768px) {
    body {
        padding-top: 20px;
    }
    
    .ui.table input[type="text"],
    .ui.table input[type="date"],
    .ui.table textarea {
        font-size: 16px; /* Prevent zoom on iOS */
    }
    
    .ui.secondary.menu .item {
        padding: 0.5em 0.75em;
    }
}

/* Improve spacing for settings page */
.ui.form .grouped.fields {
    margin-bottom: 1.5em;
}

.ui.form .grouped.fields .field {
    margin-bottom: 0.75em;
}

/* Table row highlighting */
.ui.table tbody tr:hover {
    background: rgba(0,0,0,.05) !important;
    color: rgba(0,0,0,.95) !important;
}

/* Icon improvements */
.ui.button > .icon {
    margin-right: 0.25em;
}


/* Active menu item styling */
.ui.secondary.menu .active.item {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95);
    font-weight: bold;
}

#body-content .ui.vertical.segment {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: white !important;
}

.ui.large.secondary.top.menu.background.white {
    margin-bottom: 0;
}