/* Documents & compliance page */
.doc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem; padding: .5rem 0 2rem; }
.doc-card { display: flex; align-items: center; gap: .9rem; padding: 1rem; background: var(--store-surface); border: 1px solid #eee7db; border-radius: 16px; box-shadow: 0 1px 3px rgba(47,42,36,.05); transition: transform .16s ease, box-shadow .16s ease; }
.doc-card:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(44,82,40,.10); }
.doc-ic { width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(150deg,#eaf5e6,#fdeede); color: var(--store-accent); display: inline-flex; align-items: center; justify-content: center; font-size: 1.5rem; flex: 0 0 auto; }
.doc-body { flex: 1; min-width: 0; }
.doc-title { margin: 0; font-size: 1rem; font-weight: 800; color: var(--store-text); line-height: 1.3; }
.doc-num { font-size: .88rem; color: var(--store-text); margin-top: .15rem; word-break: break-all; }
.doc-meta { display: flex; flex-wrap: wrap; gap: .25rem .8rem; margin-top: .3rem; }
.doc-meta span { display: inline-flex; align-items: center; gap: .25rem; font-size: .76rem; color: var(--store-muted); }
.doc-view { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .25rem; color: var(--store-accent); font-weight: 800; font-size: .85rem; text-decoration: none; border: 1px solid #d9e3cc; border-radius: 10px; padding: .35rem .6rem; }
.doc-view:hover { background: var(--store-accent); border-color: var(--store-accent); color: #fff; }
.doc-empty { text-align: center; padding: 3.5rem 1rem; color: var(--store-muted); }
.doc-empty i { font-size: 3.5rem; color: var(--store-accent); }
.doc-empty h2 { margin: .75rem 0 .35rem; color: var(--store-text); }

body.rm-dark .doc-card { background: #221d14 !important; border-color: #3a3324 !important; }
body.rm-dark .doc-ic { background: #2a2418; }
@media (max-width: 640px) { .doc-grid { grid-template-columns: 1fr; } }