body
{
   border-width: 0 !important;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
.wb-theme-header
{
   background-color: #F8F8F8;
   background-image: none;
   border: 1px solid #D2D2D2;
   border-radius: 0px;
   color: #212529;
   --background-color: rgba(248,248,248,1.00);
   --border-color: #D2D2D2;
   --border-width: 1px;
   --color: #212529;
}
.wb-theme-content
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 0px;
   color: #212529;
   --background-color: rgba(255,255,255,1.00);
   --border-color: #DEE2E6;
   --border-width: 1px;
   --color: #212529;
   --icon-color: #0D6EFD;
   --colorize: invert(29%) sepia(82%) saturate(2199%) hue-rotate(208deg) brightness(99%) contrast(106%);
}
.wb-theme-button, .wb-theme-static
{
   background-color: #0D6EFD;
   background-image: none;
   border: 1px solid #0D6EFD;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(13,110,253,1.00);
   --border-color: #0D6EFD;
   --border-width: 1px;
   --color: #FFFFFF;
}
.wb-theme-button:hover
{
   background-color: #0B5ED7;
   background-image: none;
   border: 1px solid #0A58CA;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(11,94,215,1.00);
   --border-color: #0A58CA;
   --border-width: 1px;
   --color: #FFFFFF;
}
.wb-theme-button.active, .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #0A58CA;
   background-image: none;
   border: 1px solid #0A53BE;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(10,88,202,1.00);
   --border-color: #0A53BE;
   --border-width: 1px;
   --color: #FFFFFF;
}
.darktheme .wb-theme-header
{
   background-color: #272B2F;
   background-image: none;
   border: 1px solid #424549;
   border-radius: 0px;
   color: #DEE2E6;
   --background-color: rgba(39,43,47,1.00);
   --border-color: #424549;
   --border-width: 1px;
   --color: #DEE2E6;
}
.darktheme .wb-theme-content
{
   background-color: #212529;
   background-image: none;
   border: 1px solid #495057;
   border-radius: 0px;
   color: #DEE2E6;
   --background-color: rgba(33,37,41,1.00);
   --border-color: #495057;
   --border-width: 1px;
   --color: #DEE2E6;
   --icon-color: #0D6EFD;
   --colorize: invert(33%) sepia(67%) saturate(4961%) hue-rotate(211deg) brightness(104%) contrast(105%);
}
.darktheme .wb-theme-button, .darktheme .wb-theme-static
{
   background-color: #0D6EFD;
   background-image: none;
   border: 1px solid #0D6EFD;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(13,110,253,1.00);
   --border-color: #0D6EFD;
   --border-width: 1px;
   --color: #FFFFFF;
}
.darktheme .wb-theme-button:hover
{
   background-color: #0B5ED7;
   background-image: none;
   border: 1px solid #0A58CA;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(11,94,215,1.00);
   --border-color: #0A58CA;
   --border-width: 1px;
   --color: #FFFFFF;
}
.darktheme .wb-theme-button.active, .darktheme .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #0A58CA;
   background-image: none;
   border: 1px solid #0A53BE;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(10,88,202,1.00);
   --border-color: #0A53BE;
   --border-width: 1px;
   --color: #FFFFFF;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 10px 0 10px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid2 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 20px 0 20px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid1 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
.pcmad-crud-v04 {font:14px Arial,sans-serif;color:#283445;width:100%;box-sizing:border-box;}
.pcmad-crud-v04 *, .pcmad-crud-v04 *:before, .pcmad-crud-v04 *:after {box-sizing:border-box;}
.pcmad-crud-v04 .pcmad-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.pcmad-crud-v04 .pcmad-caption {font-weight:700;font-size:16px;}
.pcmad-crud-v04 .pcmad-search-form {display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.pcmad-crud-v04 .pcmad-search {padding:8px 10px;min-width:210px;max-width:100%;border:1px solid #9eacba;border-radius:4px;}
.pcmad-crud-v04 .pcmad-table-wrap {overflow-x:auto;max-width:100%;}
.pcmad-crud-v04 .pcmad-table {width:100%;border-collapse:collapse;border:1px solid #8595a7;}
.pcmad-crud-v04 .pcmad-table th,.pcmad-crud-v04 .pcmad-table td {text-align:left;padding:9px 12px;border:1px solid #9eacba;white-space:normal;overflow-wrap:anywhere;}
.pcmad-crud-v04 .pcmad-table thead th {background:#374151!important;color:#ffffff!important;font-weight:700;border:2px solid #263244;border-bottom:3px solid #1f2937;}
.pcmad-crud-v04 .pcmad-table tbody tr:nth-child(odd) td {background:#fff;}
.pcmad-crud-v04 .pcmad-table tbody tr:nth-child(even) td {background:#f4f7fa;}
.pcmad-crud-v04 .pcmad-table tbody tr:hover td {background:#fff2b3!important;}
.pcmad-crud-v04 .pcmad-table tbody tr:focus-within td {background:#fff2b3!important;}
.pcmad-crud-v04 .pcmad-error {color:#9b1c1c;}
.pcmad-crud-v04 .pcmad-empty {text-align:center!important;color:#64748b;}
.pcmad-crud-v04 .pcmad-footer {margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;}
.pcmad-crud-v04 .pcmad-count {font-size:12px;color:#475569;}
.pcmad-crud-v04 .pcmad-pagination {display:flex;flex-wrap:wrap;align-items:center;gap:3px;}
.pcmad-crud-v04 .pcmad-pagination a,.pcmad-crud-v04 .pcmad-pagination span {display:inline-block;border:1px solid #9eacba;border-radius:4px;min-width:30px;padding:6px 8px;text-align:center;text-decoration:none;color:#283445;background:#fff;}
.pcmad-crud-v04 .pcmad-pagination a:hover {background:#fff2b3;color:#172332;}
.pcmad-crud-v04 .pcmad-pagination .pcmad-active {background:#285a94;color:white;border-color:#285a94;font-weight:700;}
.pcmad-crud-v04 .pcmad-pagesize,.pcmad-crud-v04 .pcmad-jump {display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;}
.pcmad-crud-v04 .pcmad-size,.pcmad-crud-v04 .pcmad-jump input {padding:6px;border:1px solid #9eacba;border-radius:4px;}
.pcmad-crud-v04 .pcmad-jump input {width:65px;}
.pcmad-crud-v04 button {padding:7px 10px;border:1px solid #64748b;background:#edf2f8;color:#283445;border-radius:4px;cursor:pointer;}
.pcmad-crud-v04 button:hover {background:#fff2b3;}
.pcmad-crud-v04 .pcmad-reset {display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;flex:0 0 33px;background:#fff;border:2px solid #dc2626;border-radius:5px;color:#dc2626!important;font-size:24px;font-weight:800;line-height:1;text-decoration:none!important;transition:background-color .12s,color .12s;}
.pcmad-crud-v04 .pcmad-reset:hover,.pcmad-crud-v04 .pcmad-reset:focus-visible {background:#dc2626;color:#fff!important;outline:2px solid #991b1b;outline-offset:2px;}
@media(max-width:600px){.pcmad-crud-v04 .pcmad-table th,.pcmad-crud-v04 .pcmad-table td {padding:7px 6px;}.pcmad-crud-v04 .pcmad-search {min-width:150px;}}

/* v0.3: sortare si tipuri de afisare */
.pcmad-crud-v04 .pcmad-sort-link {display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff!important;text-decoration:none!important;cursor:pointer;min-height:18px;}
.pcmad-crud-v04 .pcmad-sort-link:hover,.pcmad-crud-v04 .pcmad-sort-link:focus-visible {color:#fff2b3!important;text-decoration:underline!important;}
.pcmad-crud-v04 .pcmad-sort-icon {font-size:11px;opacity:.85;flex-shrink:0;}
.pcmad-crud-v04 .pcmad-table td.pcmad-number {text-align:right;}
.pcmad-crud-v04 .pcmad-cell-limited {display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:100%;}
.pcmad-crud-v04 .pcmad-photo {height:auto;max-height:90px;object-fit:contain;vertical-align:middle;display:inline-block;}

.pcmad-crud-v04 .pcmad-size {width:76px;max-width:100%;}

/* PCMAD CRUD v0.4 etapa 1: Info si Selectez */
.pcmad-crud-v04 .pcmad-action-cell {white-space:nowrap;}
.pcmad-crud-v04 .pcmad-action-list {display:flex;gap:5px;align-items:center;flex-wrap:wrap;}
.pcmad-crud-v04 .pcmad-select-form {margin:0;}
.pcmad-crud-v04 .pcmad-action-btn {background:#2563eb;color:#fff;border:1px solid #1d4ed8;font-size:12px;font-weight:600;padding:6px 9px;}
.pcmad-crud-v04 .pcmad-action-btn:hover,.pcmad-crud-v04 .pcmad-action-btn:focus-visible {background:#dc2626;color:#fff;border-color:#b91c1c;}
.pcmad-crud-v04 .pcmad-info-overlay[hidden] {display:none!important;}
.pcmad-crud-v04 .pcmad-info-overlay {position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;padding:15px;}
.pcmad-crud-v04 .pcmad-info-dialog {width:min(650px,100%);max-height:90vh;display:flex;flex-direction:column;background:white;border-radius:7px;box-shadow:0 15px 50px rgba(0,0,0,.35);overflow:hidden;}
.pcmad-crud-v04 .pcmad-info-head {background:#374151;color:white;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;}
.pcmad-crud-v04 .pcmad-info-head button {color:white;background:transparent;border:0;font-size:24px;}
.pcmad-crud-v04 .pcmad-info-head button:hover {background:#dc2626;}
.pcmad-crud-v04 .pcmad-info-content {padding:10px 18px;overflow:auto;}
.pcmad-crud-v04 .pcmad-info-field {padding:9px 0;border-bottom:1px solid #d7dce4;display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:12px;overflow-wrap:anywhere;}
.pcmad-crud-v04 .pcmad-info-name {font-weight:700;color:#334155;}
.pcmad-crud-v04 .pcmad-info-value {white-space:pre-wrap;}
.pcmad-crud-v04 .pcmad-info-value img {max-width:100%;max-height:250px;object-fit:contain;}
.pcmad-crud-v04 .pcmad-info-foot {padding:10px 18px;text-align:right;}
@media(max-width:450px){.pcmad-crud-v04 .pcmad-info-field {grid-template-columns:1fr;gap:3px;}}

/* Etapa 2: Adauga / Modifica */
.pcmad-crud-v04 .pcmad-toolbar-left {display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.pcmad-crud-v04 .pcmad-add-big {font-size:15px;font-weight:700;padding:10px 20px;}
.pcmad-crud-v04 .pcmad-success {background:#e6f5ec;color:#14613d;padding:9px 12px;border:1px solid #92c8ac;border-radius:4px;}
.pcmad-crud-v04 .pcmad-edit-overlay[hidden] {display:none!important;}
.pcmad-crud-v04 .pcmad-edit-overlay {position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,.62);display:flex;align-items:center;justify-content:center;padding:14px;}
.pcmad-crud-v04 .pcmad-edit-dialog {background:#fff;border-radius:8px;width:min(620px,100%);max-height:94vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 15px 50px rgba(0,0,0,.35);}
.pcmad-crud-v04 .pcmad-edit-dialog .pcmad-info-head .pcmad-edit-close {color:#fff;background:transparent;font-size:24px;border:0;}
.pcmad-crud-v04 .pcmad-write-form {display:flex;flex-direction:column;min-height:0;}
.pcmad-crud-v04 .pcmad-edit-content {padding:15px 18px;overflow:auto;display:grid;gap:10px;}
.pcmad-crud-v04 .pcmad-edit-field {display:grid;grid-template-columns:minmax(100px,35%) minmax(0,1fr);align-items:center;gap:12px;}
.pcmad-crud-v04 .pcmad-edit-field span {font-weight:700;overflow-wrap:anywhere;}
.pcmad-crud-v04 .pcmad-editor-input {width:100%;min-width:0;padding:9px;border:1px solid #9eacba;border-radius:4px;font:inherit;}
.pcmad-crud-v04 .pcmad-editor-input:focus {outline:2px solid #2563eb;outline-offset:1px;}
.pcmad-crud-v04 .pcmad-edit-foot {display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid #e2e8f0;}
.pcmad-crud-v04 .pcmad-edit-foot .pcmad-save {background:#2563eb;color:#fff;border-color:#1d4ed8;font-weight:700;}
.pcmad-crud-v04 .pcmad-edit-foot .pcmad-save:hover {background:#dc2626;border-color:#b91c1c;}
@media(max-width:460px){.pcmad-crud-v04 .pcmad-edit-field {grid-template-columns:1fr;gap:4px;}}

/* Etapa 2 - accesibilitate focus tastatura: identic cu hover rosu.
   Suprascrie outline-ul negru standard WWB/Bootstrap. */
.pcmad-crud-v04 .pcmad-edit-foot .pcmad-save:hover,
.pcmad-crud-v04 .pcmad-edit-foot .pcmad-save:focus,
.pcmad-crud-v04 .pcmad-edit-foot .pcmad-edit-cancel:hover,
.pcmad-crud-v04 .pcmad-edit-foot .pcmad-edit-cancel:focus {
  background:#dc2626!important;
  color:#ffffff!important;
  border-color:#b91c1c!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.22)!important;
}

/* PCMAD 0.5: selec?ie exclusiv CSS, fără culori sau clase modificate de JS.
   Textul selectat are fundal albastru închis ?i caractere albe. */
.pcmad-crud-v04 .pcmad-edit-dialog .pcmad-editor-input::selection {
  background: #1d4ed8;
  color: #fff;
}
.pcmad-crud-v04 .pcmad-edit-dialog .pcmad-editor-input::-moz-selection {
  background: #1d4ed8;
  color: #fff;
}

/* v0.8: optiuni radio, fara modificarea stilurilor stabile existente */
#Extension1 .pcmad-radio-group { display:flex; flex-wrap:wrap; gap:8px 18px; padding:8px 0; align-items:center; }
#Extension1 .pcmad-radio-group label { display:inline-flex; align-items:center; gap:5px; cursor:pointer; font-weight:normal; }
#Extension1 .pcmad-list-input { width:100%; }
#Button1
{
   box-sizing: border-box;
   line-height: 49px;
   text-decoration: none;
   vertical-align: top;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button1:focus
{
   outline: 0;
}