@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--wine:#641433;--deep:#341020;--gold:#efc65b;--cream:#faf8f5;--ink:#291c24;--muted:#776d73;--line:#e9e3e6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.65 'DM Sans',system-ui,sans-serif;background:var(--cream);color:var(--ink)}a{color:var(--wine);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:auto;padding:19px 5%;background:var(--cream)}.brand{display:flex;gap:11px;align-items:center;font-size:20px;font-weight:800;letter-spacing:-.8px;color:var(--wine)}.brand small{font-size:9px;display:block;letter-spacing:2.1px;line-height:1;color:#6b5260}.brand-mark{font-size:33px;color:var(--wine)}.links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.links a,.nav-btn{font-size:13px;font-weight:700;color:#4c3340}.links a:hover,.nav-btn:hover{color:#bc315d}.nav-cta{background:var(--wine);padding:10px 18px;border-radius:100px;color:white!important}.nav-btn{border:none;background:transparent}.inline{display:inline}.container{max-width:1250px;margin:auto;padding:20px 28px 90px;min-height:65vh}.hero{display:grid;grid-template-columns:1.13fr .87fr;min-height:505px;overflow:hidden;background:var(--wine);border-radius:22px;color:#fff;position:relative}.hero>div:first-child{padding:80px 8%;position:relative;z-index:2}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#a87920;margin:0 0 14px}.hero .eyebrow,.feature-banner .eyebrow{color:var(--gold)}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.14;letter-spacing:-1.7px;margin:0 0 15px}h1{font-size:clamp(38px,4.8vw,69px);font-weight:800}h2{font-size:clamp(26px,3vw,38px)}h3{font-size:21px;letter-spacing:-.7px}.hero h1{max-width:650px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:480px;color:#ead5de;font-size:17px;line-height:1.8}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;background:white;border:1px solid transparent;color:var(--wine);padding:12px 22px;border-radius:9px;font-weight:800;white-space:nowrap;font-size:14px;min-height:45px}.btn.primary{background:var(--wine);color:#fff}.btn.primary:hover{background:#84234a}.btn.gold{background:var(--gold);color:var(--deep)}.btn.ghost{background:transparent;border-color:#be8da3;color:#fff}.hero-art{position:relative;min-height:400px;background:radial-gradient(circle at 60% 40%,#a82c59,transparent 64%)}.circle{position:absolute;border:1px solid #ffffff39;border-radius:50%}.c1{width:500px;height:500px;left:0;top:-24px}.c2{width:340px;height:340px;left:80px;top:55px}.hero-symbol{font-size:270px;color:var(--gold);transform:rotate(-15deg);position:absolute;top:8%;left:13%;line-height:1;text-shadow:0 15px 50px #35132585}.art-label{position:absolute;bottom:45px;right:50px;text-align:right;font-weight:800;letter-spacing:3px;font-size:13px;color:white}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:33px 10px;border-bottom:1px solid var(--line);gap:16px}.stats>div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:8px 20px}.stats>div:last-child{border:0}.stats b{font:800 39px Manrope,sans-serif;color:var(--wine);letter-spacing:-2px}.stats span{color:var(--muted);font-size:13px}.section-heading{margin:65px 0 25px;display:flex;justify-content:space-between;align-items:end;gap:20px}.text-link{font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.op-card{min-height:255px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px;display:flex;flex-direction:column;box-shadow:0 8px 24px #32132207}.op-card h3{margin-top:25px}.op-card p{color:var(--muted);margin-top:0;flex:1}.pill{display:inline-block;align-self:start;background:#f7ebef;color:var(--wine);font-size:11px;font-weight:800;border-radius:100px;padding:4px 12px;text-transform:uppercase;letter-spacing:1px}.card-end{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.card-end a{font-weight:800;color:var(--wine)}.feature-banner{margin-top:65px;border-radius:18px;padding:40px 50px;background:var(--deep);color:#fff;display:flex;gap:30px;align-items:center;justify-content:space-between}.feature-banner h2{max-width:550px}.feature-banner p{color:#e1cbd5;margin-bottom:0}.page-head{padding:53px 0 30px;max-width:770px}.page-head h1{font-size:clamp(32px,4vw,51px)}.page-head p{font-size:17px;color:var(--muted);margin:0}.back{display:block;margin-bottom:25px;font-weight:700}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 6px 20px #32132205}.panel p{color:#64545d}.panel.narrow{max-width:740px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.preline{white-space:pre-line;overflow-wrap:anywhere}.auth-wrap{display:flex;justify-content:center;padding:45px 0}.auth-wrap .panel{max-width:480px;width:100%;padding:38px}.auth-wrap h1{font-size:35px}.auth-wrap p{color:var(--muted)}form label{display:block;font-weight:700;font-size:13px;margin:15px 0 0}input,select,textarea{display:block;margin-top:7px;width:100%;border:1px solid #ddd4d9;background:white;color:var(--ink);border-radius:9px;padding:12px 13px;outline:0;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--wine);box-shadow:0 0 0 3px #64143315}textarea{resize:vertical}form>.btn{margin-top:22px}.small{font-size:13px}.alert{padding:13px 18px;background:#e9f7ec;color:#176339;border-radius:9px;margin:20px 0}.alert.error{background:#ffebec;color:#9d2435}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.quick-links>a{background:var(--wine);border-radius:12px;color:white;padding:22px;font-weight:800}.panel-title{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:20px}.panel-title h2{font-size:24px}.panel-title h3{margin:5px 0}.panel-title p{margin:0}.listline{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.listline b,.listline small{display:block}.listline small{color:var(--muted)}.status{font-size:11px;background:#f6ebef;border:1px solid #ecd5df;border-radius:20px;padding:5px 12px;white-space:nowrap;color:var(--wine);font-weight:800}.muted{color:var(--muted)}.admin-menu{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.admin-menu>a{background:#f0e6ea;padding:9px 15px;font-size:13px;font-weight:800;border-radius:8px}.admin-stats{background:#fff;border:1px solid var(--line);border-radius:13px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;min-width:680px}th{text-align:left;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8c7f86;background:#faf6f8}td,th{padding:16px 20px;border-bottom:1px solid var(--line)}td{font-size:13px;vertical-align:top;overflow-wrap:anywhere}tr:last-child td{border:0}.empty{padding:37px;border:1px dashed #ddc9d1;border-radius:12px;color:var(--muted);margin:20px 0;grid-column:1/-1}.admin-list{display:grid;grid-template-columns:1fr;gap:16px}.review-form{display:grid;grid-template-columns:190px 1fr auto;align-items:end;gap:15px}.review-form .btn{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted)}.footer b{color:var(--wine);font-size:20px}.footer p{margin:4px 0}.footer small{font-size:12px}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-art{display:none}.cards{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:repeat(2,1fr)}.topbar{flex-wrap:wrap}.links{gap:13px}}@media(max-width:680px){.container{padding:10px 16px 60px}.hero>div:first-child{padding:55px 24px}.hero{min-height:0}.hero p{font-size:15px}.links{font-size:12px;gap:12px}.topbar{padding:16px}.stats{grid-template-columns:repeat(2,1fr)}.stats>div:nth-child(2){border-right:0}.stats b{font-size:31px}.cards,.two-col,.quick-links,.form-grid{grid-template-columns:1fr}.section-heading{margin-top:45px}.feature-banner{flex-direction:column;align-items:start;padding:30px 24px}.review-form{grid-template-columns:1fr}.panel{padding:21px}.footer{flex-direction:column;align-items:start}.page-head{padding-top:37px}.auth-wrap .panel{padding:23px}}
.checkline{display:flex!important;align-items:center;gap:10px;font-weight:500;line-height:1.5}.checkline input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:#75143a}.review-form .checkline{margin:9px 0}.admin-list .panel{margin-bottom:14px}
/* VMOC institucionalni izgled – fotografija zgrade Općine Centar */
:root{--wine:#971422;--deep:#06392b;--gold:#f2b92d;--cream:#f2f4f4;--ink:#141c37;--muted:#667087;--line:#e4e8ed}
body{background:linear-gradient(90deg,rgba(242,246,248,.88),rgba(243,246,250,.84)),url('opcina-centar.png') center center/cover fixed;color:var(--ink)}
.topbar{position:sticky;top:0;z-index:30;max-width:none;padding:9px 25px 9px 32px;background:rgba(255,255,255,.94);backdrop-filter:blur(13px);border-bottom:1px solid #dae0e6;min-height:82px}
.brand{color:#111832;font-size:21px;letter-spacing:-.6px;gap:20px}.brand small{color:#737e91;font-size:10px;letter-spacing:1.2px;margin-top:5px}.vmoc-logo{width:195px;height:65px;object-fit:contain;object-position:left;border-right:1px solid #dce1e7;padding-right:18px}
.links{gap:15px}.links a{font-size:13px}.container{max-width:none;margin-left:245px;padding:28px 34px 95px;min-height:calc(100vh - 83px)}.container:not(.app-container){margin-left:0;max-width:1300px}
.vmoc-sidebar{position:fixed;top:82px;left:0;bottom:0;z-index:20;width:245px;background:linear-gradient(180deg,rgba(0,48,33,.97),rgba(0,31,25,.89)),url('opcina-centar.png') center bottom/auto 100%;color:white;display:flex;flex-direction:column;justify-content:space-between}
.sidebar-links{padding:22px 10px;display:grid;gap:7px}.sidebar-links a{color:#fff;padding:14px 15px;border-radius:8px;font-weight:600;font-size:14px}.sidebar-links a:hover,.sidebar-links a.current{background:#951420;color:white}.sidebar-motto{font-size:22px;font-weight:700;max-width:185px;line-height:1.27;padding:28px 22px 35px}.sidebar-motto span{display:block;background:var(--gold);height:4px;width:49px;margin-top:13px}
.app-container>.page-head{padding-top:25px}.app-container .panel,.app-container .table-wrap,.app-container .admin-stats,.app-container .op-card{background:rgba(255,255,255,.96);box-shadow:0 9px 28px #122b4110;border-color:#e8edf2}.app-container .quick-links>a{background:#063b2b}.app-container .admin-menu>a{background:#fff}
.member-page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:8px 0 23px}.member-page-heading h1{font-size:clamp(29px,3vw,42px);margin:0 0 8px}.member-page-heading p{color:var(--muted);margin:0}.heading-actions{display:flex;gap:12px;flex-wrap:wrap}.heading-actions form{margin:0}.membership-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:19px;align-items:stretch}.profile-card{padding:26px}.profile-card h3{font-size:20px}.profile-card-grid{display:grid;grid-template-columns:37% 1fr;gap:19px;margin-top:24px}.profile-person{text-align:center;border-right:1px solid #edf0f2;padding:14px}.member-avatar{height:140px;width:140px;max-width:100%;aspect-ratio:1;margin:auto auto 18px;border-radius:50%;background:linear-gradient(140deg,#eef1f5,#cbd1dc);display:grid;place-items:center;font-size:69px;color:#798398;font-weight:700;border:6px solid white;box-shadow:0 0 0 1px #e8ebef}.profile-person h2{font-size:22px;letter-spacing:-.7px;overflow-wrap:anywhere}.profile-person strong{font-size:13px;color:#9b1a28}.profile-fields{margin:0}.profile-fields>div{display:grid;grid-template-columns:42% 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #edf0f3;font-size:12px}.profile-fields dt{color:#6d7686}.profile-fields dd{margin:0;font-weight:700;overflow-wrap:anywhere}.verified-badge{display:inline-block;color:#086338;background:#d6f3e2;border-radius:20px;padding:3px 10px;font-weight:800;font-size:12px}
.digital-card-wrap{min-width:0}.digital-member-card{position:relative;isolation:isolate;overflow:hidden;min-height:343px;border-radius:17px;color:#112338;padding:24px 27px;background:radial-gradient(circle at 100% 0,#efb825 0 12%,transparent 12.1%),linear-gradient(158deg,white 0 49%,#00422f 49.2% 100%);box-shadow:0 14px 33px #05162825;border:1px solid #d6dfdf}.digital-member-card:after{content:'';position:absolute;z-index:-1;border-radius:50%;width:230px;height:230px;right:-105px;top:-105px;border:40px solid #9d1724;opacity:.92}.card-top{display:flex;justify-content:space-between;gap:13px;align-items:start}.card-top img{width:160px;object-fit:contain;max-height:62px}.card-top>div{text-align:right}.card-top b{display:block;font-size:20px}.card-top small{display:block;letter-spacing:1px;font-size:8px;color:#596b7b}.card-center{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;margin-top:25px}.card-avatar{width:106px;height:106px;border:4px solid #f4b82a;box-shadow:0 0 0 5px white;border-radius:50%;display:grid;place-items:center;background:#e5e8ec;color:#727d89;font-weight:800;font-size:52px}.card-center h2{font-size:27px;margin:0 0 1px}.card-center strong{display:block;color:#b78209;font-size:15px;margin-bottom:10px}.card-center p{font-size:11px;margin:4px 0}.card-bottom{margin-top:20px;display:flex;justify-content:space-between;color:#fff;font-weight:700;font-style:italic;font-size:20px}.card-bottom span{font-size:14px;font-style:normal}.verify-link{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:#083b2c;background:white;padding:8px 13px;border-radius:7px}.membership-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:20px}.membership-bottom .panel{padding:24px;min-width:0}.membership-bottom h3{font-size:19px}.membership-bottom .listline{font-size:12px}.rights-display{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e7edf1;gap:12px;font-size:13px}.membership-editor{margin-top:20px}.member-list{display:grid;gap:12px}.member-list-item{display:flex;align-items:center;gap:16px;padding:17px 23px;border-radius:13px;background:#fff;color:#152138;box-shadow:0 7px 25px #172b3f12}.member-list-item>span:nth-child(2){flex:1}.member-list-item b,.member-list-item small{display:block}.member-list-item small{color:#737f91}.member-avatar-mini{border-radius:50%;height:47px;width:47px;display:grid;place-items:center;background:#063e2d;color:white;font-weight:800}.verify-page{min-height:100vh;display:grid;place-items:center;padding:20px}.verify-panel{text-align:center;width:min(520px,100%)}.verify-panel img{display:block;width:220px;margin:5px auto 22px}.verify-panel h1{font-size:30px}.verify-panel h2{font-size:24px;margin:20px 0 10px}.verify-panel .btn{margin-top:23px}
.footer{margin-left:245px;background:rgba(255,255,255,.94)}
@media(max-width:1100px){.membership-grid{grid-template-columns:1fr}.membership-bottom{grid-template-columns:1fr 1fr}.brand{font-size:17px}.vmoc-logo{width:150px}}
@media(max-width:850px){.vmoc-sidebar{position:static;width:100%;background:#063b2b;display:block}.sidebar-links{display:flex;overflow-x:auto;white-space:nowrap;padding:9px}.sidebar-links a{font-size:12px;padding:10px}.sidebar-motto{display:none}.container{margin-left:0;padding:22px 18px 75px}.footer{margin-left:0}.topbar{position:relative}.links{justify-content:center}}
@media(max-width:620px){.brand{width:100%;font-size:15px}.vmoc-logo{width:128px;height:55px}.links{gap:10px}.links a{font-size:12px}.profile-card-grid{grid-template-columns:1fr}.profile-person{border-right:0;border-bottom:1px solid #edf0f2;padding-bottom:20px}.membership-bottom{grid-template-columns:1fr}.card-top b{font-size:15px}.card-top img{width:105px}.card-center{grid-template-columns:70px 1fr;gap:13px}.card-avatar{width:68px;height:68px;font-size:32px}.card-center h2{font-size:19px}.card-bottom{font-size:15px}.digital-member-card{padding:17px;min-height:320px}.card-top small{font-size:6px}}
@media print{body{background:#fff!important}.topbar,.vmoc-sidebar,.footer,.heading-actions,.verify-link,.profile-card,.membership-bottom,.membership-editor,.member-page-heading,.alert{display:none!important}.container{margin:0;padding:0;min-height:0}.membership-grid{display:block}.digital-member-card{width:90mm;min-height:56mm;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.digital-member-card .card-center{margin-top:15px}}

/* VMOC V4 – responsive application shell, predictable even without an external stylesheet */
:root{--wine:#951322;--deep:#003a2b;--gold:#f3b82d;--ink:#111934;--muted:#637087}
body{margin:0;background:linear-gradient(105deg,rgba(241,246,250,.75),rgba(244,246,247,.75)),url('opcina-centar.png') center top / cover fixed!important;font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}
.topbar{position:sticky!important;top:0;left:0;right:0;width:100%;max-width:none!important;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px clamp(16px,2.4vw,40px)!important;margin:0!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);z-index:100;border-bottom:1px solid #dde3e9}
.brand{gap:19px;min-width:0;white-space:nowrap}.brand span{font-size:clamp(16px,1.4vw,23px)}.brand small{font-size:10px;letter-spacing:1.05px;line-height:1.7}.vmoc-logo{display:block;object-fit:contain;object-position:left center;width:clamp(155px,16vw,250px);height:64px;max-width:none;border-right:1px solid #dce1e7;padding-right:18px;flex-shrink:0}
.links{display:flex;justify-content:flex-end;align-items:center;gap:13px;flex-wrap:wrap}.links a,.links button{font-size:12px}.links a:not(.nav-cta){color:#26344a}.app-quick-search{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#f5f7fa;border:1px solid #e1e6ec;border-radius:11px;max-width:290px}.app-quick-search input{border:0;background:transparent;outline:0;max-width:200px;font-size:12px}.app-quick-search button{padding:0;border:0;background:transparent;color:#5f7186}.user-chip{display:flex;gap:9px;align-items:center;font-size:12px;color:#152137;font-weight:800}.user-chip i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e8edf0;color:#667687;font-size:18px;font-style:normal}.user-chip small{display:block;color:#768294;font-weight:500}
body:has(.vmoc-sidebar) .container.app-container{margin-left:260px!important;margin-right:0!important;max-width:none!important;padding:33px clamp(20px,2.7vw,48px) 85px!important;min-height:calc(100vh - 86px)}.vmoc-sidebar{position:fixed!important;top:86px!important;left:0!important;bottom:0!important;width:260px!important;z-index:80;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(0,54,39,.98),rgba(0,41,31,.88)),url('opcina-centar.png') center bottom/cover!important}.sidebar-links{padding:18px 8px;display:flex;flex-direction:column;gap:4px}.sidebar-links a{display:flex;align-items:center;gap:12px;border-radius:0 10px 10px 0;padding:13px 17px;font-weight:600;line-height:1.3;color:#fff}.sidebar-links a:hover,.sidebar-links a.current{background:#951322;color:white}.sidebar-links .nav-icon{font-size:19px;width:23px;text-align:center}.sidebar-motto{max-width:230px;padding:25px;font-size:22px}
body:has(.vmoc-sidebar) .footer{margin-left:260px}.page-head h1{font-size:clamp(32px,3vw,49px);letter-spacing:-1.5px}.page-head{margin-bottom:28px}.app-container .panel,.app-container .op-card,.app-container .table-wrap,.app-container .membership-grid>.panel{background:#fff!important;border:1px solid #e4e9ed;box-shadow:0 8px 28px rgba(10,38,53,.09);border-radius:15px}.member-page-heading{padding:6px 0 4px}.membership-grid{grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:20px}.membership-grid>*,.membership-bottom>*{min-width:0}.member-page-heading h1{font-size:clamp(31px,2.65vw,46px);letter-spacing:-1.5px}.member-page-heading h1:after{content:'';display:block;background:#efb521;width:58px;height:4px;margin-top:15px;border-radius:5px}.profile-card{padding:28px!important}.profile-card-grid{grid-template-columns:minmax(155px,34%) 1fr;gap:19px}.profile-fields>div{grid-template-columns:minmax(115px,42%) 1fr;font-size:12px;line-height:1.4}.member-avatar{width:min(142px,100%);height:auto;aspect-ratio:1}.digital-member-card{min-height:353px;border-radius:16px}.digital-member-card .card-center{grid-template-columns:100px 1fr}.membership-bottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.membership-bottom .panel{padding:23px}.heading-actions{align-items:center}.heading-actions .btn{margin:0}.quick-links a{border-radius:12px}.admin-menu{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:1280px){.app-quick-search{display:none}.brand span{font-size:17px}.vmoc-logo{width:170px}.links{gap:9px}.links a,.links button{font-size:11px}.membership-grid{grid-template-columns:1fr}.membership-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:940px){.topbar{flex-wrap:wrap;min-height:0;padding:12px 18px!important;gap:10px}.brand{width:100%}.links{width:100%;justify-content:flex-start}.vmoc-sidebar{position:relative!important;top:auto!important;bottom:auto!important;width:100%!important;min-height:0!important}.sidebar-links{display:flex;flex-direction:row;overflow-x:auto;padding:8px;gap:5px}.sidebar-links a{white-space:nowrap;padding:10px 14px;border-radius:8px}.sidebar-motto{display:none}body:has(.vmoc-sidebar) .container.app-container{margin-left:0!important;padding:23px 18px 70px!important}body:has(.vmoc-sidebar) .footer{margin-left:0}.membership-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.brand{white-space:normal;gap:9px}.brand span{font-size:16px}.brand small{font-size:8px}.vmoc-logo{width:108px;height:50px;padding-right:9px}.links{gap:8px}.links a,.links button{font-size:11px}.user-chip{display:none}.membership-bottom{grid-template-columns:1fr}.membership-grid{grid-template-columns:1fr}.profile-card-grid{grid-template-columns:1fr}.profile-person{border-right:0;border-bottom:1px solid #e6ebf0}.profile-fields>div{grid-template-columns:41% 1fr}.digital-member-card{min-height:320px;padding:17px}.card-top img{width:110px}.card-top b{font-size:15px}.card-center h2{font-size:19px}.member-page-heading{display:block}.heading-actions{margin-top:16px}.heading-actions .btn{white-space:normal}.footer{padding:22px}}
@media print{.topbar,.vmoc-sidebar,.footer,.heading-actions,.profile-card,.membership-bottom,.membership-editor,.member-page-heading,.alert{display:none!important}body:has(.vmoc-sidebar) .container.app-container{margin:0!important;padding:0!important}.membership-grid{display:block}.digital-member-card{width:90mm;min-height:56mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}}