/* Cleargram navy #0f1337 and blue #148fd0, matching the supplied brand assets. */
:root{--line:#c7d2df;--ink:#18233c;--muted:#45566d;--tblr-body-font-size:1rem}body{font-size:16px;color:var(--ink);background:#edf1f6;line-height:1.5}p,.muted,.warning{font-size:15px;color:var(--muted)}button,label,input,select,textarea,.toolbar input,.toolbar button{font-size:16px}button{font-weight:600;min-height:42px;background:#087ab6}button.secondary{background:#e6f2fa;color:#075f90;border:1px solid #b7d1e3}.quiet{color:#096895}input,select,textarea{border-color:#93a5bc;color:#18233c;background:#fff}input:disabled,select:disabled,textarea:disabled{color:#4b5d73;background:#edf1f6;opacity:1}button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #148fd0;outline-offset:3px}.portal-topbar{height:68px;position:fixed;z-index:50;inset:0 0 auto;background:#0f1337;color:white;border-bottom:1px solid #35456c;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.topbar-brand{color:white;font-size:24px;font-weight:650;letter-spacing:-.5px;text-decoration:none}.topbar-brand:hover{color:white}.profile-menu{position:relative}.profile-menu>summary{list-style:none;display:flex;align-items:center;gap:22px;cursor:pointer;font-weight:600;padding:12px 15px;border:1px solid #52617f;border-radius:8px;min-width:160px;justify-content:space-between}.profile-menu>summary::-webkit-details-marker{display:none}.profile-options{position:absolute;right:0;top:calc(100% + 10px);background:white;color:var(--ink);border:1px solid #a8b7ca;box-shadow:0 10px 40px #0f13372b;border-radius:10px;min-width:290px;max-width:calc(100vw - 32px);padding:18px;display:flex;flex-direction:column}.profile-email{font-size:14px;overflow-wrap:anywhere;margin:4px 0 12px}.profile-options button{text-align:left;border-radius:5px;width:100%;padding:10px}.profile-options button:hover{background:#e9f3fa}.profile-signout{border-top:1px solid var(--line);margin-top:8px}.layout{padding-top:68px}aside{top:68px;height:calc(100vh - 68px);background:#0f1337;border-right:1px solid #35456c;padding:22px 16px}aside .brand{background:white;border-radius:10px;padding:0 17px 12px;align-items:center}aside .brand-caption{color:#34455f;font-size:11px;letter-spacing:1px}aside nav{margin-top:12px}aside nav button{font-size:16px;color:#e0e9f7;padding:13px 14px;font-weight:500}aside nav button.active{background:#148fd0;color:white}aside nav button:hover{background:#29335a;color:white}aside #identity,aside #logout{display:none!important}main{padding-top:32px}header p{font-size:16px;color:#45566d}.eyebrow{font-size:12px;color:#45566d;font-weight:650}.badge{font-size:13px;color:#314760;border-color:#b4c3d4}.card{border-color:#bdcadb;box-shadow:0 2px 7px #0f133706}.card h2{font-size:24px}.card h3{font-size:19px}.stats span{font-size:15px;color:#40536b}.stats strong{font-size:30px}.user-filters label{font-size:14px;color:#334960}.user-filters select{font-size:16px}.table{font-size:15px;color:#273a52}.table th{font-size:13px;color:#344b63;background:#e9eff6;letter-spacing:.2px}.table td{border-color:#dbe3ec;padding:19px 16px}.table-person strong{font-size:17px;font-weight:600}.table-person small{font-size:14px;color:#425772}.user-avatar{font-size:14px;width:38px;height:38px}.licence-badge{font-size:14px;padding:5px 9px}.licence-badge.valid{color:#1d5e49;background:#dcf0e6}.licence-badge.neutral{color:#3f5067;background:#e9eef5}.licence-badge.expiring{color:#794e05;background:#fff0cf}.table-manage{font-size:15px;padding:8px 14px}.table-caption{font-size:14px;color:#40536b}.tabs button{font-size:16px}.telegram-phone-details{display:flex;flex-direction:column;gap:3px;margin-top:10px;color:#273d57;font-size:16px}.telegram-phone-details small{font-size:13px;color:#45566d}.telegram-phone-details:empty{display:none}.policy-controls label{font-size:15px}.policy-body{grid-template-columns:160px minmax(0,1fr);gap:22px}.policy-jumps{top:90px}.policy-jumps button{font-size:14px!important;padding:12px 9px!important;color:#29455e}.policy-jumps button.active{background:#d9eaf6;color:#075b88}.phone-section{border:1px solid #b5c4d6;background:white;box-shadow:0 2px 6px #0f13370a;border-radius:12px;overflow:hidden;scroll-margin-top:88px;align-self:start}.phone-section-heading{font-size:18px;font-weight:650;background:#e4edf6;color:#183455;padding:17px 20px;margin:0;border-bottom:1px solid #b5c4d6}#policy-rules{gap:24px;align-items:start}.restriction-row{border:0;border-bottom:1px solid #cdd8e6;margin:0!important;border-radius:0;background:white}.restriction-row:last-child{border-bottom:0}.phone-setting-summary{padding:20px 18px;display:flex;align-items:center;gap:14px;min-height:92px;cursor:pointer;list-style:none}.phone-setting-summary:hover{background:#f0f7fc}.phone-setting-summary::-webkit-details-marker{display:none}.phone-setting-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.phone-setting-title{font-size:17px;font-weight:600;color:#152b46;line-height:1.35}.phone-setting-description{font-size:14px;color:#42566e;line-height:1.45;font-weight:400}.phone-setting-value{font-size:14px;color:#075f90;font-weight:600;max-width:130px;text-align:right;line-height:1.4;white-space:normal}.mobile-rule-icon{width:27px;height:27px;object-fit:contain;flex:none;opacity:.9}.phone-setting-editor{background:#f3f7fb;border-top:1px solid #ccd7e5;padding:18px 20px 22px}.phone-setting-editor label{font-size:15px}.phone-setting-editor p,.setting-help{font-size:14px;color:#3c516b}.phone-setting-editor .checkbox{align-items:center;gap:9px}.phone-setting-editor input[type=checkbox]:not(.app-switch){width:19px;height:19px;accent-color:#087ab6}.managed-setting{background:#e3ecf5;padding:9px 12px;border-left:3px solid #0f1337;border-radius:3px}.phone-media-group{margin:0;background:#fff;border:0!important;border-bottom:1px solid #cdd8e6!important;border-radius:0!important}.phone-media-group>summary{font-size:17px;font-weight:600;padding:20px;color:#183455}.phone-media-group .phone-setting-summary{padding-left:25px}.phone-media-group .phone-setting-title{font-size:16px}.row-chevron{font-size:26px;color:#526780;flex:none}.restriction-row[open]>.phone-setting-summary>.row-chevron{transform:rotate(90deg)}.app-switch{appearance:none;-webkit-appearance:none;width:46px!important;height:26px!important;min-width:46px;border:0!important;border-radius:20px;background:#788ba1!important;position:relative;padding:0!important;margin:0;cursor:pointer;flex:none;box-shadow:inset 0 0 0 1px #53667e}.app-switch::after{content:'';position:absolute;width:20px;height:20px;background:white;border-radius:50%;top:3px;left:3px;box-shadow:0 1px 3px #14263855;transition:transform .15s}.app-switch:checked{background:#087fbd!important;box-shadow:none}.app-switch:checked::after{transform:translateX(20px)}.app-switch:disabled{cursor:not-allowed;opacity:.65}.policy-save{margin-top:26px}.policy-save textarea{font-size:16px}.preview-row{font-size:16px;padding:13px;border-bottom:1px solid #c9d6e5}.policy-tools>summary{font-size:15px}.policy-tools button,.policy-tools label{font-size:15px}.record{border-color:#c5d1e0}.record p{font-size:15px}.name-edit{min-width:40px;min-height:40px}.name-edit svg{width:21px;height:21px}
.mobile-rule-icon{filter:brightness(0) saturate(100%)}.phone-setting-summary::after{display:none!important}header .eyebrow{margin:0 0 8px}header h1{margin:0 0 7px}header p{margin:0}.policy-header .eyebrow{display:none}.policy-header .section-title p{margin:0}.policy-header .section-title h2{margin:0 0 8px}.policy-header #policy-authority{font-size:15px;line-height:1.5}.restriction-row summary{margin-bottom:0;font-size:16px}.restriction-row textarea{font-size:15px}.permission-option label,.permission-option>label:last-child:not(.checkbox),.permission-option select{font-size:15px}.invited-permission,#staff-review p,#policy-review-rows p{font-size:15px}footer{font-size:14px;color:#45566d}.media-context-tabs{display:flex;gap:6px;padding:0 16px 15px;flex-wrap:wrap}.media-context-tabs button{font-size:14px;flex:1;padding:8px}.media-context-tabs button.active{background:#0f1337;color:white;border-color:#0f1337}.media-description{padding:0 20px;font-size:14px;margin:0 0 15px}.phone-media-group .restriction-row[hidden]{display:none!important}
@media(min-width:1400px){.phone-setting-summary{padding:22px}.phone-setting-title{font-size:18px}}
@media(max-width:1400px){.policy-body{grid-template-columns:1fr}.policy-jumps{position:static;display:flex;flex-wrap:wrap}.policy-jumps button{padding:8px 10px!important}}
@media(min-width:1151px){#policy-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portal-topbar{height:60px;padding:0 16px}.topbar-brand{font-size:22px}.profile-menu>summary{min-width:0;gap:12px;font-size:15px;padding:9px}.layout{padding-top:60px}aside{top:auto;height:auto;padding:12px 16px}.brand{display:none!important}aside nav{margin-top:0}aside nav button{font-size:15px;padding:10px}main{padding:24px 16px}.stats span{font-size:13px}.stats strong{font-size:25px}.table{min-width:900px}.user-filters select{font-size:15px}.phone-setting-summary{gap:10px;padding:18px 14px}.phone-setting-title{font-size:17px}.phone-setting-description{font-size:14px}.phone-setting-value{font-size:13px;max-width:95px}.phone-section-heading{font-size:18px}.card{padding:20px}.policy-jumps{display:none}.profile-options{min-width:265px}.phone-setting-summary>.mobile-rule-icon{width:24px;height:24px}.policy-controls{grid-template-columns:1fr}}
