Files
controls-web/lasuca/new/css/grower-portal.css
2026-02-17 09:29:34 -06:00

235 lines
4.8 KiB
CSS

:root {
--grower-card-bg: rgba(255, 255, 255, 0.92);
--grower-card-border: rgba(24, 71, 42, 0.18);
--grower-card-shadow: 0 18px 34px rgba(0, 0, 0, 0.18);
}
body.lasuca-theme.grower-portal main {
padding-bottom: 80px;
}
.grower-quick-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
background: var(--grower-card-bg);
border-radius: 20px;
padding: 18px 24px;
border: 1px solid var(--grower-card-border);
box-shadow: var(--grower-card-shadow);
margin-bottom: 28px;
}
.grower-quick-links .quick-links-info {
display: flex;
flex-direction: column;
gap: 4px;
color: var(--lasuca-text);
}
.grower-quick-links .quick-links-info strong {
font-size: 0.95rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.grower-quick-links .quick-links-user {
font-size: 0.9rem;
color: var(--lasuca-muted);
}
.grower-quick-links .quick-links-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.grower-quick-links .quick-links-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 18px;
border-radius: 999px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
font-size: 0.78rem;
border: 1px solid rgba(31, 92, 60, 0.4);
color: var(--lasuca-cane);
background: rgba(31, 92, 60, 0.08);
text-decoration: none;
transition: all 0.2s ease;
}
.grower-quick-links .quick-links-button:hover {
color: #fff;
background: var(--lasuca-cane);
border-color: var(--lasuca-cane);
}
.grower-quick-links .quick-links-button.logout {
border-color: rgba(201, 78, 59, 0.4);
color: #b33b26;
background: rgba(201, 78, 59, 0.12);
}
.grower-quick-links .quick-links-button.logout:hover {
background: #b33b26;
color: #fff;
}
.grower-files-card,
.grower-account-card {
background: var(--grower-card-bg);
border-radius: 24px;
padding: 28px;
border: 1px solid var(--grower-card-border);
box-shadow: var(--grower-card-shadow);
}
.grower-files-card .file-browser-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px;
margin-bottom: 20px;
}
.grower-files-card .file-browser-summary {
font-size: 0.95rem;
color: var(--lasuca-muted);
margin-bottom: 0.25rem;
}
.grower-files-card .file-browser-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.grower-files-card .file-browser-actions .btn {
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.75rem;
}
.grower-files-card .breadcrumb {
background: rgba(24, 71, 42, 0.06);
border-radius: 999px;
padding: 10px 18px;
margin-bottom: 18px;
}
.grower-files-card .breadcrumb-item + .breadcrumb-item::before {
color: rgba(24, 71, 42, 0.35);
}
.grower-files-card .breadcrumb-item a {
color: var(--lasuca-cane);
text-decoration: none;
}
.grower-files-card .breadcrumb-item.active {
color: var(--lasuca-muted);
}
.grower-files-card .table thead th {
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.72rem;
color: var(--lasuca-muted);
border-bottom-width: 2px;
}
.grower-files-card .table tbody td {
vertical-align: middle;
}
.grower-files-card .badge {
font-weight: 600;
letter-spacing: 0.08em;
}
.grower-files-card .file-empty {
text-align: center;
padding: 60px 20px;
color: var(--lasuca-muted);
font-style: italic;
}
.grower-account-card h3 {
font-size: 1.1rem;
font-weight: 700;
color: var(--lasuca-cane);
}
.grower-account-summary dl {
margin: 0;
}
.grower-account-summary dt {
font-size: 0.82rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--lasuca-muted);
}
.grower-account-summary dd {
margin-bottom: 18px;
font-weight: 600;
color: var(--lasuca-text);
}
.recent-file-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 10px;
}
.recent-file-list li {
display: flex;
flex-direction: column;
gap: 4px;
padding: 12px 14px;
border-radius: 14px;
background: rgba(24, 71, 42, 0.06);
}
.recent-file-list a {
font-weight: 600;
color: var(--lasuca-cane);
text-decoration: none;
}
.recent-file-list a:hover {
text-decoration: underline;
}
.recent-file-list .activity-date {
font-size: 0.82rem;
color: var(--lasuca-muted);
}
@media (max-width: 767px) {
.grower-files-card,
.grower-account-card {
padding: 22px;
}
.grower-quick-links {
padding: 16px 18px;
}
.grower-files-card .file-browser-header {
flex-direction: column;
align-items: stretch;
}
.grower-files-card .file-browser-actions {
justify-content: flex-start;
}
}