/* Bacheca — veste diocesi.cloud; contenuti, editor e notifiche invariati. */
body.dc-app{background:#f8fafc;color:#1e293b;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dc-home{box-sizing:border-box;display:flex;justify-content:flex-end;max-width:1024px;margin:0 auto;padding:9px 24px;font:400 12px/1.4 Inter,system-ui,sans-serif}.dc-home a{color:#64748b;text-decoration:none}.dc-home a:hover{color:#0f172a;text-decoration:underline}.dc-home a:focus-visible{outline:2px solid #0284c7;outline-offset:4px}
.dc-app>header{box-shadow:none;border-color:#e2e8f0}.dc-app h1,.dc-app h2,.dc-app h3{letter-spacing:-.025em}.dc-app>header img,.dc-login img{border:1px solid #e2e8f0;border-radius:12px;padding:5px;background:#fff}
.dc-login{position:relative;padding-top:70px;padding-bottom:32px}.dc-login>.dc-home{position:absolute;top:8px;right:0;left:0}.dc-login>.bg-white{border-top:3px solid #0284c7;box-shadow:0 1px 2px #0f172a03}.dc-login h1{font-size:23px}
.dc-test .panel{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 2px #0f172a03}.dc-test button{background:#0284c7;border-radius:9px}.dc-test input{border-color:#cbd5e1;border-radius:8px}.dc-test a{color:#0369a1}.dc-test>.dc-home a{color:#64748b}
@media(max-width:600px){.dc-home{padding:10px 16px}}
@media print{.dc-home{display:none!important}}

/* Smartphone e tablet: layout desktop e stili delle email restano separati. */
@media screen and (max-width:1023px){
 .dc-app main,.dc-app main :is(section,article,form,label,.grid,.flex){min-width:0}
 .dc-app main :is(h1,h2,h3,p,li,a,span),.dc-app>header{overflow-wrap:anywhere}
 .dc-app .flex>* ,.dc-app .grid>*{min-width:0}
 .dc-app>header .flex,.dc-app main .flex{flex-wrap:wrap}
 .dc-app>header img{flex-shrink:0}
 .dc-app>header.sticky{position:static}
 .dc-app :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]){font-size:16px;min-height:44px;max-width:100%}
 .dc-app input[type=file]{width:100%}
 .dc-app input:is([type=checkbox],[type=radio]){width:22px;height:22px;vertical-align:middle;flex-shrink:0}
 .dc-app label:has(>input:is([type=checkbox],[type=radio])){display:flex;align-items:center;gap:8px;min-height:44px;margin-right:0}
 .dc-app button{min-height:44px;min-width:44px;max-width:100%}
 .dc-app>header a,.dc-app main a:not(.prose a){display:inline-flex;align-items:center;min-height:44px;max-width:100%}
 .dc-app main form.flex{min-width:0}
 .dc-app #editor{font-size:16px;overflow-wrap:anywhere;overflow-x:auto}
 .dc-app .overflow-x-auto{max-width:100%;position:relative}
 .dc-app .overflow-x-auto table{min-width:640px;font-size:14px}
 .dc-app .overflow-x-auto td{overflow-wrap:anywhere;max-width:320px}
 .dc-app footer{padding-left:16px;padding-right:16px}
 .dc-app [contenteditable]:focus-visible{outline:2px solid #0284c7;outline-offset:2px}
}
@media screen and (max-width:600px){
 .dc-app.p-6,.dc-app.dc-test{padding:16px}
 .dc-app>header{padding-left:16px;padding-right:16px}
 .dc-app main.p-8,.dc-app main.panel,.dc-login>.bg-white{padding:20px}
 .dc-app main section.p-6{padding:18px}
 .dc-app .dc-home{padding-left:0;padding-right:0}
 .dc-app:not(.p-6):not(.dc-test)>.dc-home{padding-left:16px;padding-right:16px}
 .dc-app main .py-10{padding-top:24px;padding-bottom:24px}
 .dc-app main>header{gap:16px}
 .dc-app main>header>div{max-width:100%}
 .dc-app main .overflow-x-auto table{min-width:600px}
}

.dc-table-hint{display:none}
@media screen and (max-width:1023px){.dc-table-hint{display:block;font-size:13px;color:#64748b;padding:10px 16px}}
@media screen and (max-width:1023px){.dc-app button[data-cmd],.dc-app #aggiungi-link{min-width:44px}}