*{box-sizing:border-box}body{margin:0;background:#f3f5f7;color:#18212e;font:15px system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d2d8df;border-radius:7px;background:white;padding:11px 16px;color:#18212e}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}.primary{background:#e20b24;color:white;border-color:#e20b24}.green{background:#078c46;color:white;border-color:#078c46}.muted,small{color:#657184}a{color:#ad0920}label{display:block;color:#657184;font-size:13px}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #d8dfe7;border-radius:6px;background:white;color:#18212e;margin-top:6px}textarea{min-height:85px}.login{max-width:430px;margin:8vh auto;padding:28px;background:white;border:1px solid #e1e5eb;border-radius:14px}.brand{background:black;padding:15px;border-radius:7px}.brand img{width:100%;height:auto;display:block}.login label{margin:20px 0}.login button{width:100%;margin:7px 0}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#202a32;color:#c6d0d7;padding:20px 14px}aside .brand{margin-bottom:30px}aside button{display:block;border:0;text-align:left;width:100%;background:transparent;color:#d5dee6;margin:5px 0}aside button.active{background:#39444f;border-left:4px solid #ed102b}aside small{display:block;margin:24px 15px 8px;color:#a3afb9;font-size:10px;letter-spacing:1.5px}aside footer{position:absolute;bottom:25px;left:27px;font-size:12px;max-width:190px;color:#99a7b6}main{margin-left:240px;padding:0 30px 35px;max-width:1600px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;margin:0 -30px 26px;padding:18px 30px;border-bottom:1px solid #e1e6eb}.top p{margin:0}.top small{display:block}.head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}h1{font-size:28px;letter-spacing:-.8px;margin:0}h2{font-size:19px;margin-top:0}h3{font-size:16px}.badge{padding:7px 12px;border-radius:5px;background:#e5e9ed;font-size:12px}.tabs{display:flex;border-bottom:1px solid #dce2e8;margin-bottom:22px;gap:10px}.tabs button{border:0;border-radius:0;background:transparent;padding:13px}.tabs .active{color:#df1028;border-bottom:3px solid #df1028}.card{background:white;border:1px solid #dde3ea;border-radius:9px;padding:23px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.segments{display:flex;margin-bottom:20px}.segments button{flex:1;border-radius:0}.segments .selected{background:#e20b24;color:white}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:13px;border-bottom:1px solid #e4e9ef;text-align:left;font-size:13px}th{background:#edf0f4}td button{padding:5px 9px}.totals{margin:22px 0 0 auto;max-width:330px}.totals p{display:flex;justify-content:space-between;padding:8px;margin:0}.totals p:last-child{background:#edf0f4;font-weight:800;font-size:19px}.photos{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.photos img{width:100%;height:190px;object-fit:contain;background:#f0f2f4}.note{padding:14px;background:#fff5e4;border-left:3px solid #e8a326;font-size:13px;line-height:1.6}dialog{border:1px solid #d9dfe5;border-radius:12px;max-width:900px;width:92vw;max-height:90vh;overflow:auto;padding:25px}dialog::backdrop{background:#15202b99}.close{float:right}#toast{position:fixed;bottom:24px;right:24px;background:#17242f;color:white;padding:16px 24px;border-radius:8px;display:none;z-index:10}.preview-logo{background:black;max-width:350px;padding:12px}.preview-logo img{width:100%}.search{max-width:400px;margin-bottom:20px}.error{color:#b31528}.pill{display:inline-block;background:#edf1f5;padding:4px 9px;border-radius:20px;font-size:11px}.empty{padding:32px;text-align:center;color:#697787}.mobile-title{display:none}@media(max-width:850px){aside{position:static;width:100%;padding:12px}aside .brand{width:230px;margin:0 auto 10px}aside nav{display:flex;overflow:auto}aside nav button{width:auto;white-space:nowrap}aside small,aside footer{display:none}main{margin:0;padding:0 14px 25px}.top{margin:0 -14px 20px;padding:14px}.grid,.grid.two{grid-template-columns:1fr 1fr}h1{font-size:23px}.card{padding:16px}.tabs{overflow:auto}.tabs button{white-space:nowrap}.head{align-items:flex-start}.top>span{display:none}}@media(max-width:500px){.grid,.grid.two{grid-template-columns:1fr}.login{margin:20px 12px}.photos{grid-template-columns:1fr}}@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;border:0;max-width:none;max-height:none;width:100%;overflow:visible}dialog button,dialog .note{display:none}dialog::backdrop{background:white}}

.demo-banner{border:1px solid #ffd0d5;border-left:4px solid #e20b24;background:#fff2f4;padding:13px 16px;margin:0 0 22px;border-radius:8px;font-size:13px;line-height:1.6}aside nav{scrollbar-width:thin}@media(max-width:500px){.top{gap:8px}.head{flex-wrap:wrap}.head h1{flex:1;min-width:180px}.actions button{flex:1;min-width:140px}#toast{left:12px;right:12px;bottom:12px}.tabs button{padding:12px 10px}.brand{padding:8px}.segments button{padding:10px}}
[hidden]{display:none!important}

#plate[aria-invalid="true"]{border-color:#c5152e;outline:1px solid #c5152e} #plate-error{display:block;color:#b31528;font-weight:600;margin-top:5px} #plate-error[hidden]{display:none!important}

.actions a.button{display:inline-block;text-decoration:none;border:1px solid transparent;border-radius:7px;padding:11px 16px;font:inherit;text-align:center}.note ol{padding-left:20px}.note li{margin:8px 0}.note p:last-child{margin-bottom:0}@media(max-width:500px){.actions a.button{flex:1;min-width:140px}}

.share-manual{border:1px solid #d9dfe5;border-radius:7px;padding:12px 14px;margin-top:18px}.share-manual summary{cursor:pointer;font-weight:650}.share-manual ol{padding-left:20px}.share-manual li{margin:8px 0}

/* Integra el negro del logo con el gris del panel. */
aside { isolation: isolate; }
aside .brand { background: transparent; }
aside .brand img { mix-blend-mode: screen; }

.plate-lookup-wrap{min-width:0;position:relative}
#plate-lookup-status{display:block;margin-top:5px;line-height:1.35}
.plate-suggestions{margin-top:7px;background:#fff;border:1px solid #cbd3dc;border-radius:8px;box-shadow:0 5px 14px #15202b1a;max-height:220px;overflow:auto}
.plate-suggestions-title{padding:9px 11px;background:#edf0f4;font-size:12px;font-weight:700;color:#465365}
.plate-suggestions button{display:block;width:100%;text-align:left;background:white;border:0;border-radius:0;border-top:1px solid #e4e9ef;padding:11px;font-size:14px}
.plate-suggestions button:hover,.plate-suggestions button:focus-visible{background:#fff0f2;color:#a5001b}