table {
    width: 100%;
    margin: 0;
    padding: 0;
}

table {
    /*border: 2px solid var(--z-theme-color);*/
    border-collapse: collapse;
}

table td,
table tr {
    border: 1px dotted var(--z-theme-color);
}

table img.icon-type {
    width: 2rem;
    height: 2rem;
    filter: var(--z-theme-color-filter);
}


table td {
    padding: 0.4rem;
}

table,
table tbody {
    border-radius: 10px;
}


/*table  tr:has(th) th{*/
/*    color: var(--z-theme-background-color);*/
/*    background-color: var(--z-theme-color);*/
/*}*/

table.alternate tr:not(:has(th)):nth-child(odd) {
    background-color: var(--z-theme-background-accent);
    color: var(--z-theme-color);
}

table:not(:is(.alternate)) {
    background-color: var(--z-theme-background-accent);
    color: var(--z-theme-color);
}

table tr:has(th) {
    background-color: var(--z-theme-color);
!important;
    color: var(--z-theme-background-color);
!important;
    border: 1px dotted var(--z-theme-background-color);
}

table tr:has(th) th {
    border: 1px dotted var(--z-theme-background-color);
}


ul.box-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 0;
    padding: 0;
    margin-top: 2rem;
}

ul.box-list li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    /*border: 1px solid var(--z-theme-color);*/
    background-color: var(--z-theme-background-accent);
}

ul.box-list li table tr td.type {
    width: 5px;
    text-wrap: nowrap;
}

ul.box-list li table td,
ul.box-list li table tr {
    border: 1px dotted var(--z-theme-color);
}

ul.box-list li table td {
    padding: 0.4rem;
}

ul.box-list li table,
ul.box-list li table tbody {
    border-radius: 10px;
}

ul.box-list li table {
    border: 2px solid var(--z-theme-color);
    border-collapse: collapse;
}

ul.box-list li table td.icon {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

ul.box-list img.icon-type {
    width: 2rem;
    height: 2rem;
    filter: var(--z-theme-color-filter);
}

ul.box-list td.main-title {
    font-size: 1.3em;
}


/* --------------------------*/

table.table-list {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 2rem;
}

table.table-list {
    /*border: 2px solid var(--z-theme-color);*/
    border-collapse: collapse;
}

table.table-list td,
table.table-list th,
table.table-list tr {
    /*border: 1px dotted var(--z-theme-color);*/
}

table.table-list th {
    font-weight: 700;
}


table.table-list tr:hover,
table.table-list.alternate tr:hover,
table.table-list tr:hover a {
    background-color: var(--z-theme-color);
    color: var(--z-theme-background-color);
}

table.table-list tr:hover td,
table.table-list.alternate tr:hover td {
    border: 1px dotted var(--z-theme-background-color);
}

table.table-list td:has(a) {
    padding: 0;
}
table.table-list td:has(a)>a {
    display: block;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

table.table-list td {
}

table.table-list td.date {
    text-wrap: nowrap;
}


table .nowrap {
    text-wrap: nowrap;
}

table .cap {
    text-transform: uppercase;
}



/*a:has(>table) table{*/
/*    width: 100%;*/
/*}*/
/*a:has(>table) {*/
/*    text-decoration: none;*/
/*    color: inherit;*/
/*}*/

/*a:has(>table):hover img.icon-type{*/
/*    filter: var(--z-theme-background-color-filter) ;*/
/*}*/
/*a:has(>table):focus a,*/
/*a:has(>table):hover a{*/
/*    color: var(--z-theme-background-color);*/
/*}*/