/* audit-compact.css — compact visual governance layer */
:root{
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-xl:24px;
  --section-space:clamp(2rem,4vw,3.5rem);
  --container-max:1120px;
}

html{scroll-behavior:smooth}
body{letter-spacing:-.01em}
.pp-container{max-width:var(--container-max)!important}
.pp-section{padding:var(--section-space) 0!important}
.pp-card{
  border:1px solid var(--color-border);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}

/* Typography */
h1,h2,h3,.font-display{letter-spacing:-.03em}
p,li,label,.text-sm,.text-xs{line-height:1.55}
.pp-label{margin-bottom:.32rem!important;font-size:.68rem!important;letter-spacing:.08em!important}

/* Buttons */
.btn-primary,.btn-secondary,.btn-ghost{
  min-height:40px;
  padding:.62rem .9rem;
  font-weight:600;
  gap:.5rem;
}
.btn-primary,.btn-secondary{border-radius:12px}
.btn-ghost{border-radius:10px}
.btn-primary i,.btn-secondary i,.btn-ghost i{font-size:.82em}

/* Inputs */
.pp-input,select.pp-input,textarea.pp-input{
  min-height:42px;
  border-radius:12px;
}
textarea.pp-input{min-height:100px}

/* Tables */
.pp-table th,.pp-table td{padding:.72rem .85rem!important;vertical-align:middle}
.pp-table th{font-size:.72rem!important;letter-spacing:.08em!important}
.pp-table td{font-size:.82rem!important}
.table-wrap,.pp-card[style*='overflow-x:auto']{border-radius:16px}

/* Header / footer */
.pp-nav-inner{max-width:var(--container-max)!important}
.pp-desktop-nav{gap:.15rem!important}
.pp-nav-link{font-weight:500}
footer .pp-container{padding-top:2.25rem!important;padding-bottom:1.35rem!important}
footer .pp-footer-grid{gap:1.6rem!important;margin-bottom:1.25rem!important}
footer .pp-footer-grid > div{min-width:0}
footer p,footer a,footer li{font-size:.86rem!important}
footer h3,footer h4{margin-bottom:.75rem!important}
footer ul{display:flex;flex-direction:column;gap:.5rem}
footer .pp-footer-bottom{padding-top:.9rem!important;font-size:.78rem!important}

/* Product catalogue */
.pp-cat-section{margin-bottom:2.25rem!important}
.pp-cat-header{margin-bottom:.9rem!important;padding-bottom:.65rem!important}
.pp-cat-title{font-size:.98rem!important}
.product-card{
  border-radius:16px!important;
  box-shadow:none!important;
}
.product-card .pc-body{padding:.78rem!important;gap:.25rem!important}
.product-card .pc-title{font-size:.8rem!important;line-height:1.28!important}
.product-card .pc-desc{font-size:.69rem!important;line-height:1.45!important}
.product-card .pc-price{font-size:.9rem!important}
.product-card .pc-btn{min-height:34px;padding:.42rem .68rem!important;border-radius:10px!important;font-size:.68rem!important}
.product-card .pc-share{top:.6rem!important;right:.6rem!important}
.countdown-bar{font-size:.62rem!important;padding:.18rem .45rem!important}

/* Modal density */
#product-modal > div,
.modal-box{
  border-radius:18px!important;
}
#product-modal [style*='padding:1rem'],
.modal-box .p-6,
.modal-box .p-5{padding:1rem!important}

/* Admin */
#sidebar{width:260px!important}
#sidebar .nav-item{padding:.72rem .9rem!important;border-radius:12px!important;margin:.08rem .45rem!important}
#sidebar .nav-item i{width:18px;text-align:center}
#tab-dashboard,#tab-produtos,#tab-pedidos,#tab-entregadores,#tab-clientes,#tab-relatorios{padding:1.1rem!important}
#tab-dashboard .grid.grid-cols-2.lg\:grid-cols-4{gap:.85rem!important}
#tab-dashboard .pp-card,
#tab-produtos .pp-card,
#tab-pedidos .pp-card,
#tab-entregadores .pp-card,
#tab-clientes .pp-card,
#tab-relatorios .pp-card{border-radius:18px!important}
#tab-dashboard .pp-card .text-2xl,
#tab-dashboard .pp-card .text-3xl{font-size:1.35rem!important}
#tab-dashboard .pp-card .text-xs{font-size:.68rem!important}
#drivers-grid .pp-card{padding:1rem!important}
#clients-list button,
#clients-list .client-item,
#client-list .client-item{border-radius:12px!important}
#orders-filter-status,
#client-search,
#orders-search{min-width:180px}

/* Filter/tool bars */
.flex.items-center.justify-between.gap-3.flex-wrap,
.flex.items-center.justify-between.mb-3.flex-wrap.gap-2,
.flex.flex-wrap.items-center.justify-between.gap-3{
  row-gap:.75rem!important;
}

/* Driver panel */
#driver-filters .pp-input{min-width:150px}
#driver-filters .btn-ghost{padding:.62rem .8rem!important}
.earnings-pill{border-radius:16px!important;padding:1rem!important}
#orders-list .pp-card{padding:1rem!important;border-radius:18px!important}

/* Auth */
.auth-shell{max-width:920px!important;gap:.9rem!important}
.auth-pane{padding:1.15rem!important}
.role-btn{padding:.9rem 1rem!important;border-radius:16px!important}
.role-icon{width:40px!important;height:40px!important;border-radius:12px!important}

/* Utility tightening */
.mb-8{margin-bottom:1.45rem!important}
.mb-6{margin-bottom:1rem!important}
.mb-5{margin-bottom:.9rem!important}
.mb-4{margin-bottom:.75rem!important}
.gap-6{gap:1.1rem!important}
.gap-5{gap:1rem!important}
.gap-4{gap:.85rem!important}
.p-6{padding:1rem!important}
.p-5{padding:.95rem!important}
.p-4{padding:.9rem!important}
.py-12{padding-top:2.4rem!important;padding-bottom:2.4rem!important}

/* Better justification for long paragraphs in content pages */
.pp-reading p,
.prose p,
article p{max-width:72ch}

@media (max-width: 767px){
  .pp-section{padding:1.8rem 0!important}
  footer .pp-footer-grid{gap:1.2rem!important}
  .auth-shell{gap:.75rem!important}
  .auth-pane{padding:1rem!important}
  #tab-dashboard,#tab-produtos,#tab-pedidos,#tab-entregadores,#tab-clientes,#tab-relatorios{padding:.9rem!important}
  .pp-card{border-radius:16px!important}
  .product-card .pc-body{padding:.72rem!important}
  .product-card .pc-share{width:30px!important;height:30px!important}
}


/* Second-pass polish: admin insets + homepage motion */
#topbar{padding:0 1.4rem!important}
#main .tab-panel{padding:1.4rem 1.55rem 1.75rem!important}
#main .tab-panel > *{margin-left:.08rem;margin-right:.08rem}
#tab-dashboard .grid.grid-cols-2.lg\:grid-cols-4,
#tab-dashboard .pp-card,
#tab-produtos .pp-card,
#tab-pedidos .pp-card,
#tab-entregadores .pp-card,
#tab-clientes .pp-card,
#tab-relatorios .pp-card,
#tab-dashboard .table-wrap,
#tab-pedidos .table-wrap,
#tab-produtos .table-wrap{max-width:100%}

.pp-gallery-marquee .pp-carousel-slide{
  border-radius:18px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.18);
}
.pp-gallery-marquee .pp-carousel-slide img{
  transition:transform .65s cubic-bezier(.22,1,.36,1);
}
.pp-gallery-marquee .pp-carousel-slide:hover img{transform:scale(1.04)}
.xt-stat-num[data-countup],
[data-countup]{display:inline-block;min-width:2.2ch}

@media (min-width: 1280px){
  #topbar{padding:0 1.6rem!important}
  #main .tab-panel{padding:1.55rem 1.8rem 2rem!important}
}
@media (max-width: 767px){
  #topbar{padding:0 .95rem!important}
  #main .tab-panel{padding:1rem .95rem 1.2rem!important}
  #main .tab-panel > *{margin-left:0;margin-right:0}
}