/* Certificates, suggestions and settings */
.certificate-canvas{position:relative;overflow:hidden;container-type:inline-size;aspect-ratio:1.414/1;border-radius:10px;background:var(--cert-bg,linear-gradient(145deg,#fff,#edf7ff));background-size:cover;background-position:center;box-shadow:inset 0 0 0 8px #f1d28e, inset 0 0 0 10px #fff, inset 0 0 0 12px #184a83;border:none;color:#15385f;display:grid;place-items:center;text-align:center}.certificate-placeholder img{width:5cqw;margin:0 auto 4px}.certificate-placeholder span{font:700 0.9cqw Arial;letter-spacing:.12em}.certificate-placeholder h2{font:700 2.5cqw Georgia;margin:10% 0 4%}.certificate-placeholder p{font:italic 1cqw Georgia}.certificate-name{position:absolute;left:var(--cert-x);top:var(--cert-y);transform:translate(-50%,-50%);width:var(--cert-width);font-family:var(--cert-font);font-size:var(--cert-size);line-height:1.1;color:#0b386b;white-space:nowrap;text-align:center}.certificate-code{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);font:600 1.1cqw Arial;color:#50677f}.certificate-people{margin-top:0}.certificate-name-list>div{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.certificate-name-list>div>span{display:flex;flex-direction:column}.certificate-name-list b{font-size:10px}.certificate-name-list small{font-size:8px;color:var(--muted)}.certificate-name-list .icon-btn{width:31px;height:31px;border-radius:8px}.switch input{display:none}.switch span{display:block;width:32px;height:18px;border-radius:50px;background:#cad5e1;position:relative}.switch span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;right:2px;transition:.2s}.switch input:checked+span{background:var(--blue-700)}.switch input:checked+span:after{transform:translateX(-14px)}.print-area{display:none}
.suggestion-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.moderation-list article{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:12px 0}.moderation-list article>div:first-child{flex:1}.moderation-list h4{font-size:12px;margin:0}.moderation-list p,.moderation-list small{font-size:9px;color:var(--muted);margin:2px 0}.moderation-list article>div:last-child{display:flex;gap:6px}.moderation-list .icon-btn{width:32px;height:32px}.published-suggestions>div{display:grid;grid-template-columns:35px 1fr auto auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid var(--line)}.published-suggestions>div>div{display:flex;flex-direction:column}.published-suggestions b{font-size:10px}.published-suggestions small{font-size:8px;color:var(--muted)}.published-suggestions em{font-style:normal;color:#d63d5b;font-size:9px}.published-suggestions .icon-btn{width:30px;height:30px}.settings-layout{display:grid;grid-template-columns:1fr 280px;gap:17px;align-items:start}.settings-layout>form{display:flex;flex-direction:column;gap:16px}.settings-panel .settings-grid{margin:0}.settings-save-bar{position:sticky;bottom:16px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(24,61,110,.14);border-radius:13px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between}.settings-save-bar span{font-size:9px;color:var(--muted)}.firebase-card{position:sticky;top:95px;text-align:center}.firebase-mark{font-size:35px}.firebase-card h3{font-family:var(--display);margin:7px 0}.firebase-card p{color:var(--muted);font-size:10px}.firebase-card .sync-state{margin:auto}.firebase-card hr{border:0;border-top:1px solid var(--line);margin:18px 0}.firebase-card>small{color:var(--muted);font-size:8px}.admin-content .calendar-shell{font-size:14px}

@media (max-width:1100px){.metrics-grid{grid-template-columns:1fr 1fr}.admin-grid-two{grid-template-columns:1fr}.quick-actions>div:last-child{grid-template-columns:1fr 1fr}.admin-course-grid{grid-template-columns:repeat(2,1fr)}.certificate-workspace{grid-template-columns:290px 1fr}}
@media (max-width:850px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;right:0;top:0;width:250px;transform:translateX(110%);box-shadow:0 0 40px rgba(0,20,50,.2);transition:.25s}.admin-sidebar.mobile-open{transform:none}.admin-menu-toggle{display:grid}.admin-header{padding:0 18px}.admin-content{padding:22px 18px}.admin-header .sync-state{display:none!important}.admin-course-grid{grid-template-columns:1fr 1fr}.certificate-workspace{grid-template-columns:1fr}.certificate-admin-head{align-items:flex-start}.certificate-admin-head label{flex-direction:column;align-items:flex-start}.certificate-admin-head select{min-width:0;width:100%}.suggestion-admin-grid,.settings-layout{grid-template-columns:1fr}.firebase-card{position:static}.login-visual{padding:35px}.login-visual h1{font-size:43px}}
@media (max-width:600px){.admin-login-page{grid-template-columns:1fr}.login-visual{min-height:340px;padding:25px}.login-visual h1{font-size:35px}.login-visual>small{display:none}.login-form-wrap{padding:35px 20px}.admin-header h1{font-size:17px}.admin-header>div:last-child .notification-btn{display:none}.admin-content{padding:18px 12px}.admin-welcome{align-items:flex-start;flex-direction:column}.admin-welcome .btn{width:100%}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:12px;align-items:flex-start}.metric-icon{width:36px;height:36px}.metric-card b{font-size:20px}.quick-actions>div:last-child{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar>div{width:100%;overflow:auto}.admin-search{width:100%}.admin-toolbar>.btn{width:100%}.admin-course-grid{grid-template-columns:1fr}.admin-table th,.admin-table td{padding:9px}.certificate-admin-head{flex-direction:column}.certificate-admin-head>div{width:100%;flex-direction:column}.certificate-admin-head .btn{width:100%}.certificate-admin-head label,.certificate-admin-head select{width:100%}.certificate-name-list>div{grid-template-columns:auto auto 1fr auto}.certificate-name-list>div>a{display:none}.certificate-canvas{box-shadow:inset 0 0 0 4px #f1d28e, inset 0 0 0 5px #fff, inset 0 0 0 6px #184a83}.suggestion-admin-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid .full{grid-column:1}.settings-save-bar{align-items:stretch;flex-direction:column}.admin-calendar-layout .calendar-shell{grid-template-columns:1fr}.admin-calendar-layout .upcoming-panel{display:none}}

@media print{body>*:not(#modal-root){display:none!important}#modal-root{display:block!important}.print-area{display:block!important}.certificate-canvas.print{width:297mm;height:210mm;aspect-ratio:auto;border-radius:0;break-after:page;page-break-after:always}.certificate-canvas.print:last-child{break-after:auto;page-break-after:auto}.certificate-canvas.print .certificate-name{font-size:var(--cert-size)}@page{size:A4 landscape;margin:0}}

.cert-qr-block{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px}
.cert-qr-img{display:block;width:100%;height:auto;border:2px solid rgba(255,255,255,.8);border-radius:4px}
.cert-qr-label{font:700 0.75cqw Arial;color:#15385f;text-align:center;white-space:nowrap;letter-spacing:.04em;margin-top:1px}
.cert-code-block{position:absolute}
.certificate-code{position:static;transform:none;font:600 1.1cqw Arial;color:#50677f}
.cert-drag-hint{position:absolute;top:10px;right:10px;background:rgba(255,255,255,0.85);color:#0757b8;padding:4px 8px;border-radius:6px;font:600 9px Arial;pointer-events:none;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.certificate-canvas.preview [data-drag]:hover{outline:2px dashed #0757b8;outline-offset:2px;border-radius:2px;background:rgba(7,87,184,0.1)}
.cert-resize-handle{position:absolute;bottom:-7px;right:-7px;width:15px;height:15px;background:#0757b8;color:#fff;border-radius:50%;font-size:10px;display:grid;place-items:center;cursor:nwse-resize;z-index:30;box-shadow:0 1px 4px rgba(0,0,0,0.3);line-height:1;user-select:none}
.compact-cert-details{margin-top:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:8px 12px}
.compact-cert-summary{font:600 11px Arial;color:#334155;cursor:pointer;user-select:none;padding:2px 0}
.compact-num-rows{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.compact-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px}
.compact-row .row-title{min-width:65px;font-size:11px;color:#1e293b}
.compact-row label{display:flex;align-items:center;gap:4px;font-size:10px;color:#64748b}
.compact-row input[type="number"]{width:56px;min-height:30px;padding:3px 5px;font-size:11px;text-align:center;border-radius:6px}
.compact-row select{min-height:30px;padding:3px 6px;font-size:11px;border-radius:6px}
.compact-check{margin-top:4px;font-size:10px}