/* Vue liste des documents : toolbar + cards. */

.itf-dashboard {
    display: grid;
    gap: var(--itf-space-5);
}

.itf-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--itf-space-4);
    flex-wrap: wrap;
}

.itf-toolbar__title {
    margin: 0;
    font-size: var(--itf-font-size-lg);
}

.itf-toolbar__actions {
    display: flex;
    align-items: center;
    gap: var(--itf-space-3);
    flex-wrap: wrap;
}

.itf-toolbar__inline-form,
.itf-toolbar__search {
    display: flex;
    align-items: center;
    gap: var(--itf-space-3);
    flex-wrap: wrap;
}

.itf-toolbar--docs {
    align-items: flex-start;
}

.itf-doc-card {
    background: var(--itf-card);
    padding: var(--itf-space-4);
    border-radius: var(--itf-radius);
    border: 1px solid var(--itf-border);
    border-left: 4px solid var(--itf-border);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--itf-space-3);
}

.itf-doc-card--shared-with-me {
    border-left-color: var(--itf-reshare);
}

.itf-doc-card--shared-by-me {
    border-left-color: var(--itf-primary);
}

.itf-doc-card__main {
    min-width: 0;
    flex: 1;
}

.itf-doc-card__title {
    margin: 0 0 var(--itf-space-2);
    font-size: var(--itf-font-size-lg);
}

.itf-doc-card__link {
    color: var(--itf-primary);
    text-decoration: none;
}

.itf-doc-card__link:hover {
    text-decoration: underline;
}

.itf-doc-card__icon {
    margin-right: var(--itf-space-1);
}

.itf-doc-card__badges {
    display: flex;
    gap: var(--itf-space-2);
    flex-wrap: wrap;
    margin-bottom: var(--itf-space-2);
}

.itf-doc-card__shared-with {
    margin: 0 0 var(--itf-space-2);
    color: var(--itf-text);
    font-size: var(--itf-font-size-sm);
}

.itf-doc-card__shared-with strong {
    color: var(--itf-text-strong);
}

.itf-doc-card__meta {
    color: var(--itf-text-dim);
    font-size: var(--itf-font-size-sm);
    margin: 0;
}

.itf-doc-card__actions {
    display: flex;
    gap: var(--itf-space-2);
    flex-wrap: wrap;
}

.itf-doc-card__delete {
    margin: 0;
}

/* Navigation principale */
.itf-main-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--itf-card);
    border: 1px solid var(--itf-border);
    border-radius: var(--itf-radius);
    padding: var(--itf-space-3) var(--itf-space-5);
    margin-bottom: var(--itf-space-4);
    flex-wrap: wrap;
    gap: var(--itf-space-3);
}

.itf-main-nav__brand {
    font-weight: 700;
    color: var(--itf-text-strong);
    font-size: var(--itf-font-size-lg);
}

.itf-main-nav__brand-accent {
    color: var(--itf-primary);
}

.itf-main-nav__links {
    display: flex;
    gap: var(--itf-space-3);
    flex-wrap: wrap;
}

.itf-main-nav__link {
    color: var(--itf-text);
    padding: var(--itf-space-2) var(--itf-space-3);
    border-radius: var(--itf-radius-sm);
    border: 1px solid transparent;
    transition: background 0.15s, color 0.15s;
}

.itf-main-nav__link:hover {
    background: var(--itf-card-2);
    color: var(--itf-text-strong);
    text-decoration: none;
}

.itf-main-nav__link.is-active {
    background: var(--itf-primary);
    color: var(--itf-text-on-primary);
    border-color: var(--itf-primary);
}

.itf-main-nav__icon {
    margin-right: var(--itf-space-1);
}