.pda-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#edf8f7;border:1px solid #b8dedb;padding:16px;border-radius:12px;margin:12px 0}.pda-banner h3{margin:0 0 8px}.pda-banner p{margin:0;max-width:800px}.pda-device{padding:20px;border:1px solid #cad9e5;border-radius:12px;margin:16px 0;background:var(--panel,#fff)}.pda-device>label{display:block;margin:12px 0}.pda-device select{display:block;min-width:220px;min-height:100px}.pda-task h4{margin:12px 0}.pda-late{border-left:4px solid #cf523a!important}.pda-task small{line-height:1.6}.pdg-scroll td small{display:block;margin-top:5px}.pdg-dialog fieldset{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;border:1px solid #ccd8e2}.pdg-dialog .pdg-check{display:inline-flex;gap:6px;align-items:center}#pda-bell{margin-right:10px;white-space:nowrap}@media(max-width:640px){.pda-banner{display:block}.pda-banner>button{margin-top:12px}.pda-device{padding:12px}}
.pdg [hidden]{display:none!important}
#agenda-agencia .pdg-tabs{overflow:visible;position:relative;align-items:center;flex-wrap:wrap}
#agenda-agencia .pda-more{position:relative;padding:0;border:0;margin:0;background:transparent}
#agenda-agencia .pda-more>summary{padding:12px;min-height:44px;box-sizing:border-box;list-style:none;border-radius:8px}
#agenda-agencia .pda-more-menu{position:absolute;top:100%;right:0;z-index:10;min-width:200px;display:grid;padding:8px;border:1px solid #cbd5e1;border-radius:12px;background:var(--panel,#fff);box-shadow:0 12px 30px #20324e22}
#agenda-agencia .pda-more:not([open]) .pda-more-menu{display:none}
#agenda-agencia .pda-more-menu button{text-align:left;min-height:44px}
#agenda-agencia .pda-simple-toggle{margin-left:auto;font-size:12px}
#agenda-agencia .pda-filter-details{margin:12px 0}
#agenda-agencia .pda-device h4{margin:0 0 8px;font-size:20px}
#agenda-agencia .pda-install{padding-left:24px;line-height:1.6}
#agenda-agencia .pda-install li{margin:10px 0}
#agenda-agencia .pdg-check{display:flex;flex-direction:row;gap:10px;align-items:center}
#agenda-agencia .pdg-check input[type=checkbox]{width:22px;min-height:22px;flex:none}
.pda-config-dialog .pdg-check input{width:22px;min-height:22px}
.pda-config-dialog .pda-advanced-settings{border:1px solid #dbe4ef;border-radius:10px;padding:12px;margin:12px 0}
.pda-config-dialog .pda-advanced-settings>label{margin-top:14px}
#agenda-agencia.pda-compact{max-width:480px;width:100%;box-sizing:border-box}
#agenda-agencia.pda-compact .pdg-head{padding:12px 0;background:none;display:flex;align-items:center;margin:0;border-radius:0}
#agenda-agencia.pda-compact .pdg-head h2{font-size:23px;margin:0}
#agenda-agencia.pda-compact .pdg-head small,#agenda-agencia.pda-compact .pdg-head p{display:none}
#agenda-agencia.pda-compact .pdg-head .pdg-actions{margin:0}
#agenda-agencia.pda-compact .pdg-head button:not([data-action=new]){display:none}
#agenda-agencia.pda-compact .pdg-head [data-action=new]{font-size:13px;padding:10px;min-height:44px}
#agenda-agencia.pda-compact>[data-status]{font-size:12px;margin:6px 0;overflow-wrap:anywhere}
#agenda-agencia.pda-compact .pdg-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
#agenda-agencia.pda-compact .pdg-kpis>div{padding:10px 12px}
#agenda-agencia.pda-compact .pdg-kpis strong{font-size:22px;margin-top:2px}
#agenda-agencia.pda-compact .pdg-tabs{gap:4px;display:flex;margin:10px 0;padding:4px 0;position:sticky;top:0;background:var(--panel,#f4f7fa);z-index:5}
#agenda-agencia.pda-compact .pdg-tabs>[data-tab]{flex:1;min-height:46px;font-weight:700}
#agenda-agencia.pda-compact .pda-more>summary{padding:14px 12px}
#agenda-agencia.pda-compact .pda-simple-toggle{flex-basis:100%;margin:0;min-height:32px}
#agenda-agencia.pda-compact .pda-banner{display:block;padding:14px;margin:12px 0}
#agenda-agencia.pda-compact .pda-banner h3{font-size:19px;margin:0 0 6px}
#agenda-agencia.pda-compact .pda-banner p{font-size:14px;line-height:1.5}
#agenda-agencia.pda-compact .pda-banner .pdg-actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}
#agenda-agencia.pda-compact .pdg-filters{display:grid;grid-template-columns:1fr;padding-bottom:0}
#agenda-agencia.pda-compact .pdg-grid{grid-template-columns:minmax(0,1fr);gap:10px}
#agenda-agencia.pda-compact .pda-task{padding:16px}
#agenda-agencia.pda-compact .pda-task h4{font-size:17px;line-height:1.4}
#agenda-agencia.pda-compact .pda-task .pdg-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}
#agenda-agencia.pda-compact .pda-task .pdg-actions .primary{grid-column:1/-1;background:#008b83;border-color:#008b83;color:#fff}
#agenda-agencia.pda-compact button,#agenda-agencia.pda-compact summary{min-height:44px;touch-action:manipulation}
#agenda-agencia.pda-compact input,#agenda-agencia.pda-compact select{font-size:16px;min-height:44px;max-width:100%;min-width:0}
#agenda-agencia.pda-compact [data-content]{overflow:visible}
#agenda-agencia.pda-compact .pda-device{padding:16px;margin:12px 0}
#agenda-agencia.pda-compact .pda-device-actions{display:grid;grid-template-columns:1fr;gap:10px}
#agenda-agencia.pda-compact .pda-device-actions button{width:100%}
#agenda-agencia.pda-compact .pda-device .primary{background:#008b83;border-color:#008b83;color:#fff}
#agenda-agencia.pda-compact .pdg-scroll:has([data-agenda-config]){overflow:visible;max-height:none;border:0}
#agenda-agencia.pda-compact .pdg-scroll:has([data-agenda-config]) table,#agenda-agencia.pda-compact .pdg-scroll:has([data-agenda-config]) tbody{display:block;background:none}
#agenda-agencia.pda-compact .pdg-scroll:has([data-agenda-config]) thead{display:none}
#agenda-agencia.pda-compact .pdg-scroll:has([data-agenda-config]) tr{display:block;margin:12px 0;padding:14px;border:1px solid #dbe4ef;border-radius:12px;background:var(--panel,#fff)}
#agenda-agencia.pda-compact .pdg-scroll:has([data-agenda-config]) th,#agenda-agencia.pda-compact .pdg-scroll:has([data-agenda-config]) td{display:block;position:static;border:0;min-width:0;max-width:none;padding:6px 0;background:transparent}
#agenda-agencia.pda-compact td[data-label]::before{content:attr(data-label) ': ';font-weight:600;color:#64748b}
#agenda-agencia.pda-compact .pdg-scroll [data-agenda-config]{width:100%;margin-top:8px}
@media(max-width:700px){
 body:has(#agenda-agencia.active) #app>main{min-width:0;padding:12px!important}
 body:has(#agenda-agencia.active) #app>main>header{gap:8px;flex-wrap:wrap;padding:8px 0}
 body:has(#agenda-agencia.active) #app>main>header h1{font-size:23px}
 body:has(#agenda-agencia.active) #app>main>header .pd-appearance-app,body:has(#agenda-agencia.active) #app>main>header #pd-appearance-app{display:none}
 #agenda-agencia.pda-compact{max-width:none}
 .pda-config-dialog{width:100%;max-height:96dvh;border-radius:16px 16px 0 0;inset:auto 0 0;margin:0;box-sizing:border-box}
 .pda-config-dialog>header{padding:10px 14px;gap:8px}
 .pda-config-dialog header h2{font-size:18px}
 .pda-config-dialog .pdg-form-grid{grid-template-columns:1fr}
 .pda-config-dialog input,.pda-config-dialog select{font-size:16px;min-height:44px}
 .pda-config-dialog button{min-height:44px}
 .pda-config-dialog .pdg-actions{position:sticky;bottom:0;padding:10px 0;background:var(--panel,#fff)}
 .pda-config-dialog .pdg-actions button{flex:1}
 .pda-config-dialog fieldset{padding:10px;gap:10px}
}
#agenda-agencia.pda-compact .pdg-scroll:has([data-agenda-config]) table{min-width:0!important;width:100%!important;max-width:100%;table-layout:fixed}