textarea{display:block;width:100%;border:1px solid #dfe5df;border-radius:7px;padding:12px;font:inherit;color:var(--text);resize:vertical;background:#fff;margin-top:7px}
.field-label input,.field-label select{display:block;margin-top:7px}
.field-label{color:#617061}
.page-heading p,.page-description,.form-note,.modal-description,.section-desc{color:#778477}
.portal-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.page-card{padding:25px}
.page-card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#839080;margin-bottom:22px}
.page-card h2{font-size:19px;overflow-wrap:anywhere}
.page-description{margin:12px 0;min-height:42px;font-size:12px}
.page-card-detail{display:flex;align-items:center;gap:7px;font-size:11px;color:#78916d;margin-top:25px}
.page-card-detail .icon{width:15px;height:15px}
.page-card-url{font:11px Consolas,monospace;background:#f6f8f3;padding:10px;border-radius:6px;margin:15px 0;color:#8b9682;overflow-wrap:anywhere}
.page-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.page-card-actions .btn{font-size:11px;padding:8px 11px}
.subheading{margin:28px 0 15px}
.dialog-actions{display:flex;gap:10px;margin-top:20px}
.connection-result{white-space:pre-wrap;overflow-wrap:anywhere;font:12px Consolas,monospace;max-height:300px;overflow:auto;background:#f5f8f0;padding:15px}
.viewer-denied{max-width:600px;margin:60px auto;background:white;border:1px solid var(--border);border-radius:15px;padding:40px}
.viewer-denied p{margin:18px 0 25px;font-size:13px;color:#7b8774}
.protected-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.05;padding:30px;font-size:15px;min-height:100px;margin-top:24px}
.protected-content:empty{display:none}
.real-player{border-radius:12px;overflow:hidden;background:#101e16}
.real-player video{display:block;width:100%;max-height:70vh;min-height:200px;aspect-ratio:16/9;background:#101e16}
.real-player p{font-size:11px;color:#afc2a6;padding:13px 18px}
.watch-title p{max-width:800px;overflow-wrap:anywhere;color:#7c8970}
.watch-title h1{overflow-wrap:anywhere}
.watch-header>span:last-child{font-size:12px;color:#7d8a74}
.config-panel>.btn{width:100%}
#modal{max-width:620px;max-height:92vh;overflow-y:auto}
@media(max-width:1100px){.portal-page-grid{grid-template-columns:1fr}}
@media(max-width:760px){.page-card{padding:20px}.page-card h2{font-size:17px}.viewer-denied{padding:25px;margin:25px auto}.protected-content{padding:23px;font-size:14px}.topbar .badge{font-size:8px}.page-card-actions .btn{font-size:10px;padding:7px 9px}.nav-item{padding:13px 10px}.watch-title{display:block}.watch-title>.badge{display:inline-flex;margin-top:12px}}