/* Delad stil för medlemmarnas inloggning och statistiksida.
   Fristående fil - activity_list.asp har sin egen inbäddade stil
   och rörs inte. Utseendet är medvetet likt activity_list.asp. */

body{margin:0;padding:24px;color:#222;background:#f3f5f8;font-family:Arial,Helvetica,sans-serif;font-size:15px}
.page{max-width:1250px;margin:0 auto}
h1{margin:0 0 6px;color:#003399;font-size:28px}
h2{margin:0 0 14px;color:#003399;font-size:20px}
p{margin:0 0 18px}
a{color:#003399}
.back{display:inline-block;margin:4px 0 18px;font-weight:bold;text-decoration:none}
.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0 24px}
.summary-box{padding:14px 16px;border:1px solid #c9d2df;border-radius:6px;background:#fff}
.summary-label{display:block;margin-bottom:5px;color:#555;font-size:13px}
.summary-value{color:#003399;font-size:22px;font-weight:bold}
.wide-summary{margin:18px 0 24px;padding:18px;border:1px solid #c9d2df;border-radius:6px;background:#fff;overflow-x:auto}
.wide-summary table{width:auto;min-width:420px}
.table-wrap{overflow-x:auto;border:1px solid #c8c8c8;border-radius:6px;background:#fff}
table{width:100%;border-collapse:collapse}
th,td{padding:9px 11px;border-bottom:1px solid #d9d9d9;text-align:right;white-space:nowrap}
th{color:#1f2d3d;background:#e9edf5}
th:first-child,td:first-child{text-align:left}
tbody tr:nth-child(even){background:#f8f9fb}
tbody tr:hover{background:#eef4ff}
.total{font-weight:bold}
.note{margin:12px 0 0;color:#555;font-size:13px}
.success-message{margin:0 0 18px;padding:11px 14px;border:1px solid #8fc89f;border-radius:5px;background:#eaf7ed;color:#205d31}
.error-message{margin:0 0 18px;padding:11px 14px;border:1px solid #d99;border-radius:5px;background:#fbeaea;color:#7a1f1f}
.empty{padding:22px;text-align:left}
.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 18px}
.page-header-text{min-width:0}
.date-filter{display:flex;align-items:end;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.filter-field label{display:block;margin-bottom:5px;font-size:13px;font-weight:bold}
.filter-field select,.filter-field input{box-sizing:border-box;padding:8px 10px;border:1px solid #aeb8c5;border-radius:4px;background:#fff;font:inherit}
.filter-button{padding:9px 14px;border:0;border-radius:4px;background:#003399;color:#fff;font-weight:bold;cursor:pointer}
.filter-button:hover{background:#00236b}
.clear-filter{padding:8px 10px;color:#555;font-size:13px}
.auth-box{max-width:420px;margin:40px auto 0;padding:24px;border:1px solid #c9d2df;border-radius:6px;background:#fff}
.auth-field{margin:0 0 16px}
.auth-field label{display:block;margin-bottom:6px;font-weight:bold}
.auth-field input{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid #aeb8c5;border-radius:4px;font:inherit}
.auth-button{display:block;width:100%;padding:10px 15px;border:0;border-radius:4px;background:#003399;color:#fff;font-weight:bold;text-decoration:none;cursor:pointer;text-align:center;font:inherit}
.auth-button:hover{background:#00236b}
.auth-links{margin-top:14px;font-size:14px}
textarea.import-input{box-sizing:border-box;width:100%;min-height:200px;padding:10px;border:1px solid #aeb8c5;border-radius:4px;font:13px Consolas,monospace}
.admin-section{margin-top:34px}
.admin-section>h2{margin-bottom:14px}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.admin-card{display:flex;flex-direction:column;min-height:150px;padding:18px;border:1px solid #c9d2df;border-radius:6px;background:#fff}
.admin-card h2{margin-bottom:10px}
.card-text{color:#555;line-height:1.5}
.card-actions{margin-top:auto;padding-top:14px}
.rename-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:0 0 18px}
.rename-field{flex:1 1 320px}
.rename-field label{display:block;margin-bottom:6px;font-weight:bold}
.rename-field input{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid #aeb8c5;border-radius:4px;font:inherit}
.rename-button{display:inline-block;padding:10px 15px;border:0;border-radius:4px;background:#003399;color:#fff;font-weight:bold;text-decoration:none;cursor:pointer}
.rename-button:hover{background:#00236b;text-decoration:none}
.small-button{display:inline-block;padding:6px 9px;border:1px solid #9aa8b8;border-radius:4px;background:#fff;color:#003399;font:inherit;font-size:13px;font-weight:bold;text-decoration:none;cursor:pointer}
.small-button:hover{background:#eef4ff;text-decoration:none}
.delete-button{color:#8b1d1d}
.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:760px){.admin-grid{grid-template-columns:1fr}}
@media(max-width:850px){.page-header{display:block}.date-filter{justify-content:flex-start;margin-top:16px}}
@media(max-width:650px){body{padding:12px;overflow-x:hidden}h1{font-size:23px}.date-filter{display:grid;grid-template-columns:1fr 1fr}.filter-field:first-child{grid-column:1/-1}.filter-field select,.filter-field input{width:100%}.wide-summary table{min-width:0;width:100%}}