@import url('experience-reference.css');
@media(max-width:767px){.mdaar-os .os-page{padding-bottom:100px!important}
.mdaar-os .os-attention-item{padding:16px}
.mdaar-os .os-public-cover{height:200px!important}
}

.mdaar-os .experience-mobile-nav{display:none}
.mdaar-os .os-searchbox{min-width:0}
.mdaar-os .os-searchbox input{width:0;min-width:0!important;flex:1}
.mdaar-os .os-toolbar .os-searchbox{width:100%;max-width:100%}
.mdaar-os .os-aside{display:block}
.mdaar-os .os-cover-fallback{color:#18243b!important;background:linear-gradient(135deg,#e9f1e9,#edf1ff)}

@media(max-width:999px){.mdaar-os .os-admin-shell{display:block}
}

@media(max-width:767px){.mdaar-os .os-rail{display:none!important}
.mdaar-os .os-stage,.mdaar-os.rail-expanded .os-stage{margin-inline-start:0!important}
.mdaar-os .os-page{padding-bottom:100px}
.mdaar-os .experience-mobile-nav{position:fixed;inset-inline:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-around;background:#fdfdfbf5;border-top:1px solid #e9ecec;padding:10px 6px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}
.mdaar-os .experience-mobile-nav a{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:10px;color:#738096}
.mdaar-os .os-community-nav{width:100%;min-width:0;flex-shrink:1}
.mdaar-os .os-toolbar .os-searchbox{flex-basis:100%}
}

body .mdaar-os h1,body .mdaar-os h2,body .mdaar-os h3{color:#18243b!important}
body .mdaar-os .os-card-body h3 a{color:#18243b}
body .mdaar-os .os-card-body h3 a:hover{color:#315edb}
.mdaar-os .os-rail{background:#fdfdfb!important}
.mdaar-os .os-panel p{line-height:1.9}
.mdaar-os .os-compose-dialog::backdrop{background:#18243b66}
.mdaar-os .os-public-cover{background:linear-gradient(135deg,#e9f1e9,#edf1ff)}

.mdaar-os .os-compose-dialog{padding:26px;border:1px solid #e6e9ec;border-radius:22px;width:min(680px,calc(100vw - 32px))}
.mdaar-os .os-public-cover{width:100%;height:290px;border-radius:22px;object-fit:cover}
.mdaar-os .os-community-hero .os-pagehead{padding:24px}
.mdaar-os .os-community-icon.large{width:64px;height:64px;border-radius:18px;margin-top:-50px;position:relative;border:4px solid white;margin-bottom:14px}
.mdaar-os .room-chat-shell{height:calc(100dvh - 205px);min-height:450px;border-color:var(--os-line);box-shadow:none;background:white;border-radius:20px}
.mdaar-os #room-list-panel{background:#fff;border-color:var(--os-line)}
.mdaar-os [class*="bg-[#022338]"],.mdaar-os [class*="bg-[#022f4c]"],.mdaar-os [class*="bg-[#073a5c]"]{background:#f4f6f8}
.mdaar-os .dm-layout{height:calc(100dvh - 165px);min-height:480px}
.mdaar-os .dm-contact.is-selected{background:#edf1ff}
.mdaar-os .dm-bubble{background:#f2f4f6;color:#18243b}
.mdaar-os .dm-message.own .dm-bubble{background:#edf1ff;color:#18243b}
.mdaar-os .dm-avatar{background:#edf1ff;color:#315edb}
.mdaar-os .os-icon-button.active{background:#edf1ff;color:#315edb}

/* Adaptation of the approved 011 handoff to the live Laravel views. */
.mdaar-os{--bg:#f8f8f5;--panel:#fff;--panel-2:#f3f5f6;--border:#e6e9ec;--purple:#315edb;--purple-2:#315edb;--muted:#738096;--ink:#18243b;color:var(--os-ink);background:var(--os-bg);min-height:100dvh}

.mdaar-os a{text-decoration:none}
.mdaar-os .os-rail{overflow-y:auto;width:84px;padding:22px 12px 14px}
.mdaar-os .os-stage{margin-inline-start:84px}
.mdaar-os .os-rail-btn{flex-shrink:0}
.mdaar-os .os-logo img{filter:none}
.mdaar-os .os-community-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.mdaar-os .os-shortcut{display:flex;align-items:center;gap:12px}
.mdaar-os .rail-label{display:none}
.mdaar-os .os-profile-button{width:100%}
.mdaar-os .os-profile-button form{display:flex;justify-content:center}
.mdaar-os.rail-expanded .os-rail{width:220px;align-items:stretch}
.mdaar-os.rail-expanded .os-stage{margin-inline-start:220px}
.mdaar-os.rail-expanded .os-rail-btn{width:100%;display:flex;gap:13px;padding-inline:14px}
.mdaar-os.rail-expanded .rail-label{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdaar-os.rail-expanded .os-rail-line{width:100%}
.mdaar-os .os-communitybar{position:sticky;top:0;z-index:35;backdrop-filter:blur(14px);flex-wrap:wrap;background:#fdfdfbec}
.mdaar-os .os-community-nav{overflow-x:auto}
.mdaar-os .os-community-nav a{white-space:nowrap;padding:8px 12px;border-radius:10px;color:var(--os-muted);font-size:13px}
.mdaar-os .os-community-nav a.active{background:var(--os-blue-soft);color:var(--os-blue)}
.mdaar-os .os-admin-nav{position:sticky;top:0;align-self:start;min-height:80dvh}
.mdaar-os .os-admin-nav>a{display:flex;align-items:center;gap:10px;padding:11px 14px;margin:3px 0;border-radius:10px;font-size:13px;color:var(--os-muted)}
.mdaar-os .os-admin-nav>a.active{background:var(--os-blue-soft);color:var(--os-blue)}
.mdaar-os .os-admin-content{width:100%;padding:28px 36px 60px}
.mdaar-os .os-page{max-width:1280px}
.mdaar-os .os-globalbar{max-width:1280px}
.mdaar-os .experience-notice{padding:10px 14px;border-radius:12px;margin-bottom:16px;font-size:13px;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}
.experience-notice.success{background:#e9f3ec;color:#28613c}
.experience-notice.warning{background:#fff5df;color:#8d6421}
.mdaar-os .card,.mdaar-os .card-2{background:var(--os-paper);border-color:var(--os-line);color:var(--os-ink);box-shadow:none}
.mdaar-os .btn-primary{background:var(--os-blue);color:white!important;box-shadow:none}
.mdaar-os [class*="text-[#8a8a9e]"],.mdaar-os [class*="text-[#5c5c70]"],.mdaar-os [class*="text-[#9a9ab0]"],.mdaar-os [class*="text-[#6f6f85]"]{color:var(--os-muted)!important}
.mdaar-os [class*="text-[#cbf2d2]"],.mdaar-os [class*="text-[#accdb2]"]{color:var(--os-blue)!important}
.mdaar-os [class*="text-[#e5e5ee]"],.mdaar-os [class*="text-white"]:not(.btn-primary){color:var(--os-ink)}
.mdaar-os [class*="border-[#305974]"],.mdaar-os [class*="border-[#1c435f]"]{border-color:var(--os-line)!important}
.mdaar-os input,.mdaar-os select,.mdaar-os textarea{color:var(--os-ink);background:#fff;border-color:#e0e5e9}
.mdaar-os input::placeholder,.mdaar-os textarea::placeholder{color:#8b96a6}
.mdaar-os dialog{color:var(--os-ink);background:white;max-height:90dvh;overflow-y:auto}
.mdaar-os dialog::backdrop{background:#18243b66;backdrop-filter:blur(3px)}
.mdaar-os .os-pagehead h1{font-size:30px}
.mdaar-os .os-panel{background:#fff;border:1px solid var(--os-line);border-radius:20px;padding:24px}
.mdaar-os .os-feed-item{background:#fff;padding:24px;border:1px solid var(--os-line);border-radius:20px;margin-bottom:14px}
.mdaar-os .os-feed-image{height:230px}
.mdaar-os .os-feed-item h3 a:hover{color:var(--os-blue)}
.mdaar-os .os-person-line time{color:var(--os-muted);font-size:11px}
.mdaar-os .os-feed-actions a,.mdaar-os .os-feed-actions button{font-size:12px;display:flex;gap:6px;align-items:center}
.mdaar-os .os-feed-actions .selected{color:var(--os-blue)}
.mdaar-os .os-feed-item form{margin:0}
.mdaar-os .os-community-grid,.mdaar-os .os-article-grid,.mdaar-os .os-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mdaar-os .os-community-card,.mdaar-os .os-article-card{background:white;border:1px solid var(--os-line);border-radius:20px;overflow:hidden;position:relative}
.mdaar-os .os-community-cover{height:165px;width:100%;object-fit:cover}
.mdaar-os .os-cover-fallback{height:165px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9f1e9,#edf1ff);font-size:42px;color:#18243b}
.mdaar-os .os-card-body{padding:22px}
.mdaar-os .os-card-body h3{margin:8px 0}
.mdaar-os .os-card-body p{font-size:13px;color:var(--os-muted);line-height:1.9}
.mdaar-os .os-card-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid var(--os-line);margin-top:18px;padding-top:15px;font-size:12px;color:var(--os-muted)}
.mdaar-os .os-article-grid.list{grid-template-columns:1fr}
.mdaar-os .os-article-grid.list .os-article-card{display:flex}
.mdaar-os .os-article-grid.list .os-community-cover,.mdaar-os .os-article-grid.list .os-cover-fallback{width:180px;height:180px;flex-shrink:0}
.mdaar-os .os-reading{max-width:760px;margin:auto}
.mdaar-os .os-reading h1{font-size:38px;line-height:1.5;margin:30px 0 18px}
.mdaar-os .os-reading .blog-content{font-size:18px;line-height:2.2;color:var(--os-ink)}
.mdaar-os .os-reading .blog-content img{max-width:100%;height:auto;border-radius:16px}
.mdaar-os .os-reading-cover{width:100%;max-height:380px;object-fit:cover;border-radius:22px;margin:28px 0}
.mdaar-os .os-reading-bar{display:flex;justify-content:space-between;gap:16px;align-items:center}
.mdaar-os .os-reading-progress{height:3px;background:var(--os-blue);position:fixed;top:0;inset-inline-start:0;z-index:70;width:0}
.mdaar-os .os-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.mdaar-os .os-toolbar .os-searchbox{margin:0;flex:1;max-width:540px}
.mdaar-os .os-tabs a{padding:7px 15px;border-radius:10px;color:var(--os-muted);font-size:13px}
.mdaar-os .os-tabs a.active{background:var(--os-blue-soft);color:var(--os-blue)}
.mdaar-os .os-field{display:flex;flex-direction:column;gap:8px;margin:16px 0}
.mdaar-os .os-field label{font-size:13px;font-weight:500}
.mdaar-os .os-field input,.mdaar-os .os-field textarea,.mdaar-os .os-field select{padding:12px;border:1px solid #e0e5e9;border-radius:11px;width:100%}
.mdaar-os .os-field textarea{min-height:120px}
.mdaar-os .os-empty{background:white;border:1px dashed #d9dfe8;border-radius:20px;max-width:none}
.mdaar-os .os-reply{background:#fff;border:1px solid var(--os-line);border-radius:15px;padding:20px;margin:12px 0}
.mdaar-os .os-reply.child{margin-inline-start:44px;background:#fdfdfb}
.mdaar-os .os-reply p{white-space:pre-wrap}
.mdaar-os .os-tag{display:inline-flex;align-items:center;padding:4px 10px;background:#edf1ff;color:#315edb;border-radius:8px;font-size:11px}
.mdaar-os .os-member-card{background:white;border:1px solid var(--os-line);border-radius:16px;padding:24px;display:flex;align-items:center;gap:13px}
.mdaar-os .os-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mdaar-os .os-events-list.list .os-event-grid{grid-template-columns:1fr}
.mdaar-os .os-events-list.list .os-community-card{display:flex}
.mdaar-os .os-events-list.list .os-community-cover,.mdaar-os .os-events-list.list .os-cover-fallback{width:230px;height:100%;min-height:170px}
.mdaar-os .os-events-list.list .os-card-body{flex:1}
.mdaar-os .os-calendar{background:white;border:1px solid var(--os-line);border-radius:20px;overflow:hidden}
.mdaar-os .os-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(85px,1fr));min-width:650px}
.mdaar-os .os-calendar-day{min-height:120px;padding:12px;border-block-end:1px solid var(--os-line);border-inline-end:1px solid var(--os-line)}
.mdaar-os .os-calendar-day a{display:block;font-size:11px;color:var(--os-blue);background:var(--os-blue-soft);padding:5px;border-radius:6px;margin-top:6px}
.mdaar-os .os-calendar-head{padding:15px;font-size:12px;color:var(--os-muted);text-align:center;border-bottom:1px solid var(--os-line)}
.mdaar-os .os-calendar-day.outside{opacity:.4}
.mdaar-os .os-calendar-today{background:var(--os-blue);color:white;border-radius:50%;padding:3px 7px}
.mdaar-os [hidden]{display:none!important}
.mdaar-os .owner-hub,.mdaar-os .owner-preview,.mdaar-os .dm-shell{color:var(--os-ink)}
.mdaar-os .dm-shell{border-radius:20px;border-color:var(--os-line);background:white}
.mdaar-os .dm-list,.mdaar-os .dm-thread,.mdaar-os .dm-composer textarea{background:white}
.mdaar-os .dm-message{background:#f2f4f6;color:var(--os-ink)}
.mdaar-os .dm-message.own{background:#edf1ff}
.mdaar-os .dm-conversation.active{background:#edf1ff}
.mdaar-os .owner-primary{background:var(--os-blue);color:white}
.mdaar-os .owner-secondary{color:var(--os-blue);background:#edf1ff}
.mdaar-os .owner-dialog{max-width:min(720px,95vw)}

@media(min-width:1000px){.mdaar-os .os-admin-shell{display:grid;grid-template-columns:230px minmax(0,1fr)}
.mdaar-os .os-admin-nav{width:230px;padding:25px 18px}
}

@media(max-width:1000px){.mdaar-os .os-community-grid,.mdaar-os .os-article-grid,.mdaar-os .os-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mdaar-os .os-communitybar{gap:12px;padding:14px 20px}
.mdaar-os .os-community-nav{order:3;flex-basis:100%}
.mdaar-os .os-admin-nav{display:flex;overflow-x:auto;padding:10px;min-height:0;position:static;gap:5px}
.mdaar-os .os-admin-nav>a{white-space:nowrap}
.mdaar-os .os-admin-community{display:none}
}

@media(max-width:767px){.mdaar-os .os-rail{width:60px;padding:15px 7px;gap:9px}
.mdaar-os .os-rail-btn{width:42px;height:42px}
.mdaar-os .os-stage{margin-inline-start:60px}
.mdaar-os .os-logo img{width:30px}
.mdaar-os .os-page,.mdaar-os .os-admin-content{padding:20px 15px 40px}
.mdaar-os .os-globalbar{padding:0 16px;height:70px}
.mdaar-os .os-date{display:none}
.mdaar-os .os-home-grid{grid-template-columns:1fr}
.mdaar-os .os-home-grid>.os-aside{order:2}
.mdaar-os .os-community-grid,.mdaar-os .os-article-grid,.mdaar-os .os-event-grid,.mdaar-os .os-member-grid{grid-template-columns:1fr}
.mdaar-os .os-attention{grid-template-columns:1fr}
.mdaar-os .os-pagehead{align-items:start;margin-bottom:20px}
.mdaar-os .os-pagehead h1{font-size:25px}
.mdaar-os .os-feed-item{padding:18px}
.mdaar-os .os-communitybar{padding:12px;gap:10px}
.mdaar-os .os-communitybar .os-button{font-size:11px;padding:8px}
.mdaar-os .os-community-brand{white-space:normal;flex:1}
.mdaar-os .os-community-brand strong{font-size:13px}
.mdaar-os .os-community-nav a{padding:7px 10px}
.mdaar-os .os-reading h1{font-size:28px}
.mdaar-os .os-reading .blog-content{font-size:16px}
.mdaar-os .os-article-grid.list .os-community-cover,.mdaar-os .os-article-grid.list .os-cover-fallback{width:100px;height:auto;min-height:130px}
.mdaar-os .os-events-list.list .os-community-cover,.mdaar-os .os-events-list.list .os-cover-fallback{width:95px}
.mdaar-os .rail-toggle{display:none}
.mdaar-os.rail-expanded .os-rail{width:60px;align-items:center}
.mdaar-os.rail-expanded .os-stage{margin-inline-start:60px}
.mdaar-os.rail-expanded .rail-label{display:none}
.mdaar-os.rail-expanded .os-rail-btn{padding:0;justify-content:center}
.mdaar-os .os-community-icon{width:36px;height:36px}
.mdaar-os .os-reading-bar{flex-wrap:wrap}
}


/* Owner pages use the same community header and content width as events. */
.mdaar-os .os-owner-tools{display:flex;align-items:center;gap:6px;overflow-x:auto;max-width:1280px;margin:0 auto;padding:14px 36px;border-bottom:1px solid var(--os-line)}
.mdaar-os .os-owner-tools>a{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;padding:9px 12px;border-radius:10px;font-size:13px;color:var(--os-muted)}
.mdaar-os .os-owner-tools>a.active{background:var(--os-blue-soft);color:var(--os-blue)}
.mdaar-os .os-owner-tools svg{width:17px;height:17px;flex-shrink:0}
.mdaar-os .os-owner-content .owner-hub,.mdaar-os .os-owner-content .owner-preview{max-width:none}
.mdaar-os .os-owner-content .owner-welcome h1{font-size:24px;font-weight:700;line-height:1.6}
.mdaar-os .os-owner-content .owner-hub{gap:22px}
.mdaar-os .os-owner-content .owner-action,.mdaar-os .os-owner-content .owner-share-controls{min-width:0}
@media(max-width:767px){.mdaar-os .os-owner-tools{padding:10px 15px}.mdaar-os .os-owner-tools>a{padding:8px 10px;font-size:12px}.mdaar-os .os-owner-content .owner-actions{grid-template-columns:1fr}.mdaar-os .os-owner-content .owner-welcome h1{font-size:22px}}

/* S10: My communities, from the supplied handoff. */
.dy-my-communities,.dy-create-community{max-width:960px;margin:auto;color:#23334a;font-size:14px;line-height:1.7}.dy-my-communities h1,.dy-create-community h1{font-size:30px;margin:0 0 7px;line-height:1.5}.dy-my-communities p,.dy-create-community>p{font-size:13px;color:#8290a5;margin:0}.dy-spaces-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.dy-my-tabs{display:flex;gap:7px;margin-bottom:38px}.dy-my-tabs a{font:inherit;font-size:13px;border:0;background:transparent;color:#8a96a7;border-radius:7px;padding:7px 18px;cursor:pointer}.dy-my-tabs a.active{background:#edf1ff;color:#315edb}.dy-my-section{margin-bottom:38px}.dy-my-section h2{display:flex;align-items:center;gap:10px;font-size:17px;margin:0 0 18px}.dy-my-section h2 span{font-size:11px;font-weight:400;color:#a1adbd}.dy-my-row{display:flex;align-items:center;gap:16px;width:100%;text-align:start;border:1px solid #e5eaf1;background:white;padding:16px 20px;margin-bottom:10px;border-radius:11px;font-family:inherit;cursor:pointer;color:#4c6382;transition:border-color .15s}.dy-my-row:hover{border-color:#b4c6ef}.dy-my-row>.dy-logo{border:0;width:44px;height:44px}.dy-my-identity{display:flex;flex-direction:column;flex:1;gap:3px}.dy-my-identity strong{font-size:15px;font-weight:600;color:#344b6c}.dy-my-identity small{font-size:11px;color:#8796ab}.dy-my-activity{display:flex;align-items:center;gap:6px;font-size:11px;color:#8b9aab}.dy-my-activity i{width:6px;height:6px;border-radius:50%;background:#83a992}.dy-my-activity.expired{color:#a28a60}
.mdaar-os .dy-my-tabs a{display:inline-block}.mdaar-os .dy-empty{text-align:center;padding:48px 20px}.mdaar-os .dy-empty>.os-button{margin-top:20px}.mdaar-os .dy-my-row[hidden]{display:none}@media(max-width:600px){.mdaar-os .dy-spaces-head{align-items:flex-start;flex-direction:column;gap:16px}.mdaar-os .dy-my-activity{display:none}.mdaar-os .dy-my-row{gap:12px;padding:15px}.mdaar-os .dy-my-communities h1{font-size:26px}}
/* Home preview follows the supplied P15 screen, with local demo interactions. */
.mdaar-os .feed-design-preview .os-person-line{display:flex;align-items:center;gap:11px}
.mdaar-os .feed-design-preview .os-person-line strong{display:block;font-size:13px;font-weight:600}
.mdaar-os .feed-design-preview .os-person-line small{display:block;font-size:11px;color:var(--os-muted);margin-top:4px}
.mdaar-os .feed-design-preview .os-tabs{margin:0;display:flex;gap:6px}
.mdaar-os .feed-design-preview .os-aside>section:last-child>h3{font-size:14px;margin-bottom:14px}
.mdaar-os .feed-design-preview .feed-preview-arrow{margin-inline-start:auto}
.mdaar-os .feed-design-preview .os-attention-item{text-align:start}
.mdaar-os .feed-design-preview .os-attention-item>span:nth-child(2){min-width:0}
.mdaar-os .feed-design-preview .os-community-row{text-align:start}
.mdaar-os .feed-design-preview .os-feed-image{display:block;width:100%;height:230px;object-fit:cover}
.mdaar-os .feed-preview-note{color:var(--os-muted);font-size:11px;margin-top:24px}
.mdaar-os [data-feed-preview-dialog] p{color:var(--os-muted);line-height:1.9;margin:20px 0}
@media(max-width:600px){.mdaar-os .feed-design-preview .os-section-head{gap:12px;flex-wrap:wrap}.mdaar-os .feed-design-preview .os-section-head>h2{font-size:18px}.mdaar-os .feed-design-preview .os-pagehead{gap:12px;flex-wrap:wrap}}

@media(max-width:600px){.mdaar-os .feed-design-preview .os-feed-image{height:190px}}