/* PARSENTA V10 Signature — approved desktop burgundy / gold styling; existing forms and mobile layout preserved */
:root{--bg:#160408;--side:#24060e;--panel:#290b13;--panel2:#390e1a;--line:#683744;--gold:#eac17c;--muted:#c8aab1;--white:#fff8ee}
body{background:radial-gradient(ellipse at 65% -20%,#3c0713 0%,#160408 55%,#110307 100%)}
.layout{grid-template-columns:252px minmax(0,1fr)}
.side{background:linear-gradient(165deg,#360710,#20060c 60%,#120407);border-right:1px solid #6b3c43;padding:25px 17px}
.parsenta-brand{padding:0 4px 25px;letter-spacing:normal;font-size:inherit}
.parsenta-brand a{display:block}.parsenta-full-logo{width:100%;max-width:224px;height:auto;display:block;object-fit:contain}.parsenta-mini-logo{display:none}
.parsenta-brand small{font:9px 'DM Sans',sans-serif;letter-spacing:1.1px;margin:10px 0 0 4px;color:#e9c387;line-height:1.5}
.nav a{border:1px solid transparent;transition:background .15s}.nav a:hover,.nav a.active{background:#62303d;border-color:#774554;color:#ffdb9e}
.top{border-bottom:1px solid #5d303b;padding-bottom:18px;margin-bottom:20px}
.hero{background:linear-gradient(120deg,#3d0b19,#240710);border:1px solid #77414a}
.panel,.stat{background:linear-gradient(145deg,#32101c,#230912);border:1px solid #67414a}
.login{width:min(94vw,490px);max-width:490px;margin:7vh auto;padding:30px 28px;background:linear-gradient(145deg,#350b18,#20070e);border:1px solid #75414a;border-radius:18px;box-shadow:0 20px 70px #08020488;text-align:center}
.parsenta-login-brand{padding:0;margin:0 auto 20px}.parsenta-login-brand img{display:block;width:100%;max-width:420px;height:auto;object-fit:contain}
.login h1{font-size:clamp(20px,3vw,27px);margin:10px 0}.login .field{text-align:left;margin-top:22px}.login button{margin-top:10px}
@media(max-width:900px){.layout{display:block}.side{padding:10px 14px}.parsenta-brand{padding:0}.parsenta-full-logo{display:none}.parsenta-mini-logo{display:block;width:48px;height:48px;object-fit:contain}.parsenta-brand small{display:inline-block;vertical-align:middle;max-width:175px;margin:0 0 0 8px;font-size:9px;letter-spacing:.5px}.parsenta-brand a{display:inline-block;vertical-align:middle}.top{gap:10px;flex-wrap:wrap}.top .pill{max-width:100%;font-size:11px}.login{margin:8vh auto;padding:24px 17px}.parsenta-login-brand img{max-width:100%}}

/* Signature 12: navigation depth, compact responsive layout and horizontal recent cards */
.nav a{position:relative;border-radius:11px;box-shadow:inset 0 1px 0 #ffffff0a;transition:transform .2s,background .2s,box-shadow .2s}
.nav a:hover{transform:translateX(4px);box-shadow:0 7px 24px #08020477,inset 3px 0 #eac17c}
.nav a.active{box-shadow:0 8px 26px #08020499,inset 3px 0 #eac17c}
.panel{box-shadow:0 12px 34px #08020435;border-radius:15px}
.recent-scroll{display:flex;gap:14px;overflow-x:auto;padding:8px 0 16px;scroll-snap-type:x mandatory}
.recent-card{display:flex;flex:0 0 235px;scroll-snap-align:start;flex-direction:column;gap:11px;padding:19px;text-decoration:none;color:#fff7e8;border:1px solid #895366;border-radius:15px;background:linear-gradient(150deg,#512032,#2c0a17);box-shadow:0 9px 20px #0a03074d}
.recent-card small{color:#e5bf85}.recent-card b{color:#f1c987}.recent-card strong{font-size:16px}
.actions{display:flex;flex-wrap:wrap;gap:10px}.toolbar{gap:12px;flex-wrap:wrap}
.parcel-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.parcel-map{height:480px;min-height:300px;border-radius:12px;overflow:hidden}
.measure-label{background:#3c1020;color:#fff1cb;border:1px solid #eac17c;border-radius:9px;padding:3px 6px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 7px #0009}
@media(max-width:900px){.sidefooter{display:none}.hero{padding:17px!important}.hero h1{font-size:clamp(21px,5vw,29px);line-height:1.2}.top{padding:8px 0 12px}.top h2{font-size:19px}.top .pill{font-size:10px;padding:5px}.recent-card{flex-basis:205px}.parcel-map{height:360px}.mobilebar{box-shadow:0 -8px 24px #0008;background:#240813}}
/* KML measurements remain readable without uncontrolled zoom scaling. */
.parcel-label-icon{background:transparent!important;border:0!important;overflow:visible!important}
.parcel-dimension{position:absolute;left:0;top:0;display:block;white-space:nowrap;transform:translate(-50%,-50%);transform-origin:center center;background:rgba(53,12,27,.94);color:#fff3d8;border:1px solid #edc47e;border-radius:7px;padding:3px 7px;font:600 12px/1.25 Arial,sans-serif;box-shadow:0 1px 5px #0009;pointer-events:none}
.parcel-dimension.center-label{font-size:13px;padding:5px 9px;background:rgba(80,14,33,.95)}

/* Mobile portfolio navigation and reliable tap targets */
.recent-card{position:relative;cursor:pointer;pointer-events:auto;touch-action:manipulation;z-index:1}
.recent-card:focus-visible{outline:3px solid #eac17c;outline-offset:3px}
.delete-detail{margin-top:9px}.delete-detail summary{cursor:pointer;color:#efb8b8}.delete-detail form{display:flex;flex-direction:column;gap:6px;margin-top:8px}
@media(max-width:900px){.recent-scroll{position:relative;z-index:2;overflow-x:auto;touch-action:pan-x pan-y}.recent-card{min-width:200px;min-height:135px}.mobilebar{z-index:1000}.mobilebar a{touch-action:manipulation}}


/* Signature desktop refinement — only desktop layout; preserve existing luminous buttons and mobile UX. */
@media (min-width: 901px) {
  body { background: radial-gradient(ellipse at 50% -18%, #481321 0%, #1c0710 47%, #100308 100%); }
  .layout {
    width: min(calc(100% - 64px), 1440px);
    max-width: 1440px;
    min-height: calc(100vh - 48px);
    margin: 24px auto;
    grid-template-columns: 238px minmax(0,1fr);
    border: 1px solid rgba(234,193,124,.19);
    border-radius: 22px;
    overflow: clip;
    background: linear-gradient(135deg,#210813,#18060e);
    box-shadow: 0 28px 90px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.025);
  }
  .side { padding: 24px 14px; border-right: 1px solid rgba(234,193,124,.16); }
  main { padding: 24px 28px 30px; }
  .top { margin-bottom: 18px; padding-bottom: 14px; }
  .hero { padding: 25px 27px; border-radius: 18px; margin-bottom: 17px; }
  .hero h1 { font-size: clamp(24px, 2.1vw, 33px); line-height: 1.2; }
  .stats { gap: 12px; margin-bottom: 18px; }
  .stat { padding: 15px 17px; border-radius: 14px; }
  .stat strong { font-size: 25px; margin-top: 8px; }
  .panel { padding: 18px 20px; border-radius: 16px; margin-bottom: 17px; }
  .panel h2 { font-size: clamp(17px, 1.35vw, 21px); }
  .recent-card { flex-basis: 216px; padding: 15px; gap: 8px; }
  .nav a { padding: 12px 13px; margin-bottom: 5px; }
  td, th { padding: 11px 9px; }
  .toolbar { margin-bottom: 13px; }
  /* Deliberately do not override button/.btn backgrounds, highlights, borders or shadows. */
}
@media (min-width: 901px) and (max-width: 1120px) {
  .layout { width: calc(100% - 32px); margin: 16px auto; grid-template-columns: 214px minmax(0,1fr); }
  main { padding: 20px; }
  .stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}