.ut-app{--ut-bg:#f4f8fc;--ut-surface:#fff;--ut-text:#122033;--ut-muted:#5c6b7f;--ut-border:#d7e2ee;--ut-primary:#0f766e;--ut-primary-dark:#0b5d57;--ut-brand:#f3be2b;color:var(--ut-text);font-family:Roboto,Arial,Helvetica,sans-serif;max-width:1240px;margin:18px auto;padding:12px;border:1px solid #dce7f2;border-radius:20px;background:linear-gradient(150deg,#f9fcff,#f2f8ff 60%,#eef6f4)}.ut-app *{box-sizing:border-box}.ut-hero{position:relative;padding:20px 22px;border:1px solid var(--ut-border);border-radius:16px 16px 0 0;background:#fff;color:var(--ut-text);overflow:hidden}.ut-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--ut-brand),#e5a900)}.ut-hero h2{max-width:760px;color:#18314e;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2;margin:5px 0 8px}.ut-hero p{max-width:760px;margin:5px 0;color:var(--ut-muted)}.ut-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;color:var(--ut-primary)}.ut-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;border:1px solid var(--ut-border);border-top:0;border-radius:0 0 16px 16px;background:var(--ut-surface);box-shadow:0 8px 20px rgba(20,50,80,.06)}.ut-form h3{margin:6px 0 10px;color:#18314e;font-size:1.08rem}.ut-form label{display:flex;flex-direction:column;gap:5px;font-size:.9rem;font-weight:700;color:#1a2f4b}.ut-form input,.ut-form select{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--ut-border);border-radius:10px;outline:0;background:#fff;color:var(--ut-text);font:400 15px Roboto,Arial,sans-serif;transition:border-color .2s,box-shadow .2s}.ut-form input:focus,.ut-form select:focus{border-color:#7fc6bd;box-shadow:0 0 0 2px rgba(15,118,110,.18)}.ut-full{grid-column:1/-1}.ut-vehicles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ut-vehicle{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:112px;padding:0;border:1px solid var(--ut-border);border-radius:10px;overflow:hidden;background:#fff;text-align:left;cursor:pointer;color:var(--ut-text);transition:transform .2s,box-shadow .2s,border-color .2s}.ut-vehicle:hover{transform:translateY(-1px);border-color:#7fc6bd;box-shadow:0 6px 13px rgba(14,100,93,.11)}.ut-vehicle.is-selected{border-color:#5bb5ab;box-shadow:0 5px 12px rgba(14,100,93,.17)}.ut-vehicle img{width:92px;height:100%;min-height:112px;object-fit:cover;display:block;background:#f4f8fc}.ut-vehicle-body{display:flex;min-width:0;flex-direction:column;gap:3px;padding:10px}.ut-vehicle-body strong{font-size:.92rem;line-height:1.2;color:#18314e}.ut-vehicle-body small{overflow:hidden;color:var(--ut-muted);font-size:.75rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.ut-vehicle-body b{font-size:1rem;line-height:1.25;color:var(--ut-primary)}.ut-badges{display:flex;overflow:hidden;flex-wrap:nowrap;gap:4px;margin-top:1px}.ut-badges i{flex:0 0 auto;font-style:normal;font-size:.64rem;line-height:1;color:#315468;background:#f8fbff;border:1px solid #e4edf5;border-radius:999px;padding:4px 6px}.ut-summary{padding:13px;border:1px solid #bfe2dd;border-radius:12px;background:#eef8f7;display:flex;flex-direction:column}.ut-summary strong{font-size:1.65rem;line-height:1.25;color:var(--ut-primary)}.ut-summary span,.ut-summary small{color:var(--ut-muted)}.ut-button{width:100%;padding:12px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--ut-primary),#118a81);box-shadow:none;color:#fff;font:800 15px Roboto,Arial,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .2s}.ut-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(16,112,104,.22)}.ut-message{display:none;padding:11px 13px;border-radius:12px;font-weight:600}.ut-message.is-success,.ut-message.is-error{display:block}.ut-message.is-success{background:rgba(10,122,79,.1);border:1px solid rgba(10,122,79,.35);color:#0a7a4f}.ut-message.is-error{background:rgba(180,35,24,.08);border:1px solid rgba(180,35,24,.35);color:#b42318}@media(min-width:720px){.ut-app{padding:16px}}@media(max-width:980px){.ut-vehicles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.ut-form{grid-template-columns:1fr;padding:14px}.ut-vehicles{grid-template-columns:1fr}.ut-vehicle{grid-template-columns:84px minmax(0,1fr);min-height:100px}.ut-vehicle img{width:84px;min-height:100px}.ut-hero{padding:17px}}
/* Tema ve sayfa oluşturucu tipografi kurallarına karşı eklenti görünümünü sabitler. */
.ut-app,.ut-app button,.ut-app input,.ut-app select,.ut-app textarea{font-family:Roboto,Arial,Helvetica,sans-serif!important}
.ut-app{color:#122033!important}
.ut-app .ut-hero h2,.ut-app .ut-form h3,.ut-app .ut-vehicle-body strong{font-family:Roboto,Arial,Helvetica,sans-serif!important}
.ut-app>.ut-form{border-top:1px solid var(--ut-border);border-radius:16px}
.ut-app .ut-vehicle img{padding:6px;background:#f8fbff;object-fit:contain}
