/* SRRU CMS Admin - Google clean white theme */
:root{--admin-primary:#1a73e8;--admin-text:#202124;--admin-muted:#5f6368;--admin-line:#e8eaed;--admin-soft:#f8fafd;--admin-blue-soft:#e8f0fe;--admin-green:#34a853;--admin-yellow:#fbbc04;--admin-red:#ea4335;--admin-shadow:0 1px 2px rgba(60,64,67,.10),0 1px 3px 1px rgba(60,64,67,.06);--admin-shadow-md:0 8px 24px rgba(60,64,67,.12)}
*{box-sizing:border-box}body{margin:0;font-family:var(--admin-font-family,'Noto Sans Thai',system-ui,sans-serif);font-size:var(--admin-base-font-size,16px);line-height:var(--admin-line-height,1.75);background:var(--admin-soft);color:var(--admin-text);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,rgba(66,133,244,.16),transparent 32%),radial-gradient(circle at bottom left,rgba(52,168,83,.12),transparent 28%),#fff}.login-card{width:min(460px,92vw);background:#fff;border:1px solid var(--admin-line);border-radius:30px;padding:2rem;box-shadow:0 18px 48px rgba(60,64,67,.14)}.login-logo{width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff;display:grid;place-items:center;font-size:1.5rem;font-weight:900;margin-bottom:1rem;box-shadow:0 10px 24px rgba(26,115,232,.22)}.login-card h1{margin:.2rem 0;color:var(--admin-text)}.login-card p{color:var(--admin-muted)}.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.admin-sidebar{background:#fff;color:var(--admin-text);padding:1.2rem;position:sticky;top:0;height:100vh;border-right:1px solid var(--admin-line)}.admin-brand{display:flex;gap:.8rem;align-items:center;color:var(--admin-text);margin-bottom:1.5rem}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 20px rgba(26,115,232,.18)}.admin-brand small{display:block;color:var(--admin-muted)}.admin-nav{display:grid;gap:.35rem}.admin-nav a{padding:.78rem .9rem;border-radius:16px;color:#3c4043;font-weight:700;transition:background .18s,color .18s}.admin-nav a:hover{background:var(--admin-blue-soft);color:var(--admin-primary)}.admin-main{padding:1.5rem;min-width:0}.admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.3rem;background:#fff;border:1px solid var(--admin-line);border-radius:24px;padding:1rem 1.2rem;box-shadow:var(--admin-shadow)}.admin-topbar h1{margin:0;font-size:1.9rem;color:var(--admin-text);letter-spacing:-.02em}.admin-topbar p{margin:.2rem 0 0;color:var(--admin-muted)}.admin-user{display:flex;align-items:center;gap:.75rem}.btn{border:1px solid var(--admin-line);background:#fff;border-radius:14px;padding:.7rem 1rem;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .18s,box-shadow .18s,transform .18s}.btn:hover{box-shadow:var(--admin-shadow);transform:translateY(-1px)}.btn-primary{background:var(--admin-primary);color:#fff;border-color:var(--admin-primary)}.btn-outline{background:#fff;color:var(--admin-primary)}.btn-sm{padding:.45rem .7rem;font-size:.86rem}.btn-danger{background:#fce8e6;color:#c5221f;border-color:#fad2cf}.panel{background:#fff;border:1px solid var(--admin-line);border-radius:24px;padding:1.2rem;box-shadow:var(--admin-shadow);margin-bottom:1.2rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-head h2,.panel h2{margin:0;color:var(--admin-text)}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.2rem}.stat-grid.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#fff;border-radius:22px;padding:1.2rem;box-shadow:var(--admin-shadow);border:1px solid var(--admin-line);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--admin-primary)}.stat-card:nth-child(2):before{background:var(--admin-green)}.stat-card:nth-child(3):before{background:var(--admin-yellow)}.stat-card:nth-child(4):before{background:var(--admin-red)}.stat-card small{display:block;color:var(--admin-muted);font-weight:800}.stat-card strong{font-size:2rem;color:var(--admin-text)}.admin-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:left;padding:.85rem;border-bottom:1px solid var(--admin-line);vertical-align:top}th{font-size:.9rem;color:var(--admin-muted);background:#fff;font-weight:900}tr:hover td{background:#fafcff}.pill{display:inline-flex;border-radius:999px;padding:.25rem .62rem;font-size:.78rem;font-weight:900;background:#f1f3f4;color:#3c4043}.pill.published,.pill.active,.pill.success{background:#e6f4ea;color:#137333}.pill.draft,.pill.pending,.pill.warning{background:#fef7e0;color:#b06000}.pill.archived,.pill.disabled,.pill.failed,.pill.blocked{background:#fce8e6;color:#c5221f}.actions{display:flex;gap:.45rem;align-items:center}.actions form{margin:0}.form-stack,.cms-form{display:grid;gap:1rem}.cms-form label,.form-stack label{display:grid;gap:.35rem;font-weight:800;color:#3c4043}input,select,textarea{width:100%;border:1px solid #dadce0;border-radius:14px;padding:.78rem .9rem;font:inherit;background:#fff;color:var(--admin-text);outline:none;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--admin-primary);box-shadow:0 0 0 4px rgba(26,115,232,.12)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-actions{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}.alert{padding:.85rem 1rem;border-radius:16px;margin-bottom:1rem;border:1px solid transparent}.alert.success{background:#e6f4ea;color:#137333;border-color:#ceead6}.alert.danger{background:#fce8e6;color:#c5221f;border-color:#fad2cf}.chip{display:inline-flex;padding:.45rem .85rem;background:var(--admin-blue-soft);color:var(--admin-primary);border-radius:999px;font-weight:900;margin:.2rem}.filter-row{margin-bottom:1rem}.image-picker-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.8rem}.preview-box{border:1px dashed #dadce0;border-radius:18px;padding:.6rem;background:#fff}.preview-box img{max-height:180px;max-width:100%;border-radius:14px}.editor-card,.drive-card{border:1px solid var(--admin-line);border-radius:20px;padding:1rem;background:#fff}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}.editor-toolbar button{border:1px solid #dadce0;border-radius:12px;background:#fff;padding:.45rem .65rem;font-weight:900;cursor:pointer;color:#3c4043}.editor-toolbar button:hover{background:var(--admin-blue-soft);color:var(--admin-primary)}.editor{min-height:320px;background:#fff;border:1px solid #dadce0;border-radius:16px;padding:1rem;line-height:1.8}.editor:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 4px rgba(26,115,232,.12)}.editor img{max-width:100%;border-radius:12px}.check-label{align-self:end;display:flex!important;grid-template-columns:auto 1fr!important;gap:.5rem;align-items:center}.check-label input{width:auto}.log-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.log-summary div{background:#fff;border:1px solid var(--admin-line);border-radius:18px;padding:1rem;display:grid;gap:.2rem}.log-summary b{font-size:1.7rem;color:var(--admin-primary)}.search-row{display:flex;gap:.7rem;margin-bottom:1rem}.back-home{display:block;text-align:center;color:var(--admin-primary);font-weight:900}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-title-row p{margin:.25rem 0 0;color:var(--admin-muted);line-height:1.75}.font-preview-card{font-family:var(--font-family,'Noto Sans Thai',system-ui,sans-serif);font-size:var(--base-font-size,16px);line-height:var(--line-height,1.75);background:linear-gradient(135deg,#ffffff,#f8fafd);border:1px solid #d2e3fc;border-radius:24px;padding:1.4rem;margin-top:1.2rem;box-shadow:var(--admin-shadow)}.font-preview-card>span{display:inline-flex;color:var(--admin-primary);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.font-preview-card h3{font-size:var(--hero-title-size,var(--section-title-size,2.4rem));line-height:1.22;margin:.45rem 0;color:var(--admin-text)}.font-preview-card p{max-width:860px;color:#3c4043}.font-preview-card nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.font-preview-card nav a{font-size:var(--menu-font-size,15px);font-weight:900;background:#fff;border:1px solid #d2e3fc;color:var(--admin-primary);border-radius:999px;padding:.55rem .9rem}@media(max-width:1100px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-nav{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-grid.two{grid-template-columns:1fr}}@media(max-width:680px){.form-grid,.image-picker-row,.admin-nav{grid-template-columns:1fr}.admin-topbar{align-items:flex-start;flex-direction:column}.stat-grid{grid-template-columns:1fr}.search-row{flex-direction:column}}
.form-group-title{margin:1.2rem 0 .4rem;color:var(--admin-text);font-size:1.05rem}.hero-font-preview{overflow:hidden}.hero-font-preview .preview-eyebrow{font-size:var(--hero-eyebrow-size,13px);background:var(--admin-blue-soft);border:1px solid #d2e3fc;color:var(--admin-primary);padding:.35rem .7rem;border-radius:999px}.hero-font-preview h3{font-size:var(--hero-title-size,clamp(2rem,4vw,3.375rem));max-width:820px}.hero-font-preview p{font-size:var(--hero-text-size,18px);line-height:1.85;max-width:820px}.preview-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.preview-actions a{font-size:var(--hero-button-size,15px);font-weight:900;border-radius:999px;padding:.65rem 1rem}.preview-actions a:first-child{background:var(--admin-primary);color:#fff}.preview-actions a:last-child{background:#fff;color:var(--admin-primary);border:1px solid #d2e3fc}.preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem}.preview-stats div{background:#fff;border:1px solid #d2e3fc;border-radius:20px;padding:1rem}.preview-stats strong{display:block;font-size:var(--hero-stat-number-size,34px);line-height:1.1;color:var(--admin-primary);letter-spacing:-.04em}.preview-stats span{font-size:var(--hero-stat-label-size,15px);font-weight:800;color:#3c4043}@media(max-width:680px){.preview-stats{grid-template-columns:1fr}}

.toggle-state{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.32rem .7rem;font-size:.78rem;font-weight:900;border:1px solid transparent}
.toggle-state.show{background:#e6f4ea;color:#137333;border-color:#ceead6}
.toggle-state.hide{background:#fce8e6;color:#c5221f;border-color:#fad2cf}
.menu-actions{justify-content:flex-end;flex-wrap:wrap}


.muted-text{color:var(--admin-muted)}
.security-overview-panel .section-title-row{align-items:flex-start}
.tab-row{display:flex;gap:.55rem;flex-wrap:wrap}
.tab-chip{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--admin-line);background:#fff;color:#3c4043;font-weight:900}
.tab-chip.active{background:var(--admin-blue-soft);color:var(--admin-primary);border-color:#d2e3fc}
.security-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.8rem;margin-bottom:1rem}
.config-card{background:#fff;border:1px solid var(--admin-line);border-radius:24px;padding:1.2rem;box-shadow:var(--admin-shadow)}
.config-card small{display:block;color:var(--admin-muted);font-weight:900;letter-spacing:.06em}
.config-card h3{margin:.25rem 0 .85rem;color:var(--admin-text);font-size:1.15rem}
.code-chip-wrap{display:flex;flex-wrap:wrap;gap:.45rem}
.code-chip{display:inline-flex;align-items:center;padding:.4rem .72rem;border-radius:999px;background:#f1f3f4;color:#3c4043;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;border:1px solid #e0e3e7}
.status-stack{display:flex;gap:.55rem;flex-wrap:wrap}
.security-mini-stats{margin-top:.2rem}
.log-detail-cell{min-width:260px;max-width:520px}
.log-detail-box{background:#f8fafd;border:1px solid #d2e3fc;border-radius:16px;padding:.5rem .75rem}
.log-detail-box summary{cursor:pointer;color:var(--admin-primary);font-weight:900;outline:none}
.log-detail-box pre{margin:.65rem 0 0;white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;color:#3c4043}
.install-note-panel code,.tips-list code{background:#f1f3f4;padding:.14rem .4rem;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.tips-list{margin:.4rem 0 0;padding-left:1.25rem;display:grid;gap:.55rem}
@media(max-width:1100px){.security-config-grid{grid-template-columns:1fr}}


.editor-help{margin:.7rem 0 0;color:var(--admin-muted);font-size:.92rem;line-height:1.7}.editor-help code{background:#f1f3f4;border-radius:8px;padding:.12rem .35rem}.editor .gdrive-pdf-embed{width:100%;max-width:100%;margin:1rem 0;border:1px solid #d2e3fc;border-radius:20px;overflow:hidden;background:#fff}.editor .gdrive-pdf-frame{display:block;width:100%;height:min(600px,72vh);min-height:360px;border:0;background:#f8fafd}


/* Statistics dashboard */
.statistics-hero-panel{background:linear-gradient(135deg,#ffffff,#f8fafd)}
.statistics-summary-grid{margin-top:1rem}
.statistics-grid{align-items:start}
.stat-widget .panel-head{border-bottom:1px solid var(--admin-line);padding-bottom:.8rem}
.stat-chart-bars{height:260px;display:flex;align-items:end;gap:.45rem;padding:1rem .4rem .2rem;border:1px solid var(--admin-line);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafd)}
.stat-bar-item{height:100%;flex:1;min-width:18px;display:flex;align-items:end;justify-content:center;position:relative;border-radius:12px 12px 0 0}
.stat-bar-item .view-bar,.stat-bar-item .visitor-bar{position:absolute;bottom:1.7rem;width:45%;border-radius:10px 10px 3px 3px}
.stat-bar-item .view-bar{right:10%;background:#1a73e8}
.stat-bar-item .visitor-bar{left:10%;background:#34a853;opacity:.78}
.stat-bar-item small{position:absolute;bottom:0;font-size:.72rem;color:var(--admin-muted);font-weight:800}
.stat-legend{display:flex;gap:1rem;align-items:center;margin-top:.8rem;color:var(--admin-muted);font-weight:800}
.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-flex;margin-right:.25rem}.legend-dot.views{background:#1a73e8}.legend-dot.visitors{background:#34a853}
.rank-list{display:grid;gap:.55rem}.rank-list a,.rank-list div{display:grid;grid-template-columns:38px 1fr auto;gap:.75rem;align-items:center;padding:.7rem;border:1px solid var(--admin-line);border-radius:16px;background:#fff}.rank-list b{width:32px;height:32px;border-radius:12px;background:var(--admin-blue-soft);color:var(--admin-primary);display:grid;place-items:center}.rank-list span{font-weight:900}.rank-list small{display:block;color:var(--admin-muted);font-weight:700}.rank-list strong{font-size:1.05rem;color:var(--admin-primary)}
.progress-list{display:grid;gap:.8rem}.progress-list>div{display:grid;grid-template-columns:minmax(150px,1fr) 2fr auto;gap:.8rem;align-items:center}.progress-list span{font-weight:900}.progress-list small{display:block;color:var(--admin-muted)}.progress-list i{height:12px;background:#eef3fb;border-radius:999px;overflow:hidden}.progress-list em{display:block;height:100%;background:#1a73e8;border-radius:999px}
code{background:#f1f3f4;border:1px solid #e0e3e7;padding:.14rem .4rem;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:780px){.stat-chart-bars{height:210px;gap:.25rem}.progress-list>div{grid-template-columns:1fr}.rank-list a,.rank-list div{grid-template-columns:32px 1fr}.rank-list strong{grid-column:2}}