/* Claim Notebook Component Styles - Match WebForms KRHA.css exactly */

/* DataGrid Header */
.datagridheader {
    font-size: 10pt;
    font-family: Arial;
    background-color: #666666;
    color: white;
    width: 100%;
}

.datagridheader th {
    padding: 5px 8px;
    text-align: left;
}

.datagridheader a {
    color: White;
    text-decoration: none;
}

.datagridheader a:visited {
    color: White;
}

.datagridheader a:hover {
    color: #280200;
}

.datagridheader a:active {
    color: #280200;
}

/* DataGrid Row */
.datagridrow {
    background-color: white;
    font-size: 10pt;
    width: 100%;
    color: black;
    font-family: Arial;
}

.datagridrow td {
    padding: 4px 8px;
    border-bottom: 1px solid #ddd;
}

.datagridrow caption {
    color: #000000;
    text-align: left;
    font-weight: bold;
    font-family: arial, Helvetica, sans-serif;
    font-size: 11pt;
    padding: 8px 0;
}

/* Alternating Row */
.datagridalternaterow {
    background-color: #DFDFDF;
    color: black;
    font-size: 10pt;
    font-family: Arial;
    width: 100%;
}

.datagridalternaterow td {
    padding: 4px 8px;
    border-bottom: 1px solid #ddd;
}

/* Selected Row */
.datagridselectedrow {
    font-size: 10pt;
    width: 100%;
    font-family: Arial;
    background-color: #829DAF;
    color: white;
}

/* Pager Style */
.gridpagerstyle {
    font-family: Arial;
    background-color: black;
    color: #00529C;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 5px;
}

.gridpagerstyle a {
    color: #00529C;
    text-decoration: none;
    padding: 2px 6px;
}

.gridpagerstyle a:hover {
    text-decoration: underline;
}

/* Current page number */
.gridpagerstyle .current-page {
    color: black;
    background: #00529C;
    font-weight: bolder;
    font-size: 11pt;
    text-align: center;
    padding: 2px 8px;
}

/* Panel Styles */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default {
    border-color: #ddd;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body {
    padding: 15px;
}

.panel-title-large {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14pt;
    color: inherit;
}

.panel-title-large a {
    color: inherit;
    text-decoration: none;
}

/* Notebook specific styles */
.notebook-container {
    font-family: Arial, sans-serif;
    margin-top: 0;
    padding-top: 0;
}

.notebook-container > .row:first-child {
    margin-top: 0;
}

.notebook-grid-container {
    margin-top: 15px;
}

.notebook-grid {
    width: 100%;
    border-collapse: collapse;
}

.notebook-grid caption {
    caption-side: top;
    text-align: left;
    font-weight: bold;
    font-size: 11pt;
    padding: 8px 0;
    color: #000;
}

/* Button styling */
.menubar {
    margin-top: 15px;
    text-align: center;
}

/* Icon buttons in grid */
.icon-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px;
}

.icon-button img {
    width: 20px;
    height: 20px;
}

/* Quill editor container */
.quill-container {
    height: 150px;
    background: white;
    border: 1px solid #ccc;
}

/* Sort indicator */
.sort-asc::after {
    content: " ▲";
    font-size: 8pt;
}

.sort-desc::after {
    content: " ▼";
    font-size: 8pt;
}

/* Character counter (legacy - currently unused) */
.char-counter {
    border: solid 0px white;
    background: white;
    font-size: 8pt;
    font-style: italic;
    color: red;
    text-align: right;
    width: 100%;
}

/* Bootstrap button overrides for consistency */
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    background-color: #286090;
    border-color: #204d74;
}

/* Form control label */
.control-label {
    font-weight: bold;
}

.pull-right {
    float: right;
}

/* Row spacing */
.note-input-row {
    margin-top: 0;
    margin-bottom: 10px;
}

/* Column widths matching WebForms */
.col-added {
    width: 180px;
}

.col-addedby {
    width: 120px;
}

.col-attachment,
.col-task {
    width: 60px;
    text-align: center;
}