.casamap-page{background:#eef4f8}.casamap-hero{background:linear-gradient(135deg,#072b4a,#0b6f8f 58%,#10a37f);color:#fff}.casamap-hero .eyebrow{color:#d7f8ff}.casamap-workspace{padding-top:22px}.casamap-layout{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(330px,.76fr);gap:20px;align-items:start}.casamap-preview-panel,.casamap-editor{background:#fff;border:1px solid #dbe6ee;border-radius:22px;box-shadow:0 16px 45px rgba(19,42,67,.08);overflow:hidden}.casamap-preview-panel{position:sticky;top:88px}.casamap-preview-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #e7eef3}.casamap-preview-head>div:first-child{display:flex;align-items:baseline;gap:10px}.casamap-preview-head small{color:#627d98}.preview-zoom{display:flex;gap:8px}.icon-btn{width:38px;height:38px;border:1px solid #d9e4ec;background:#fff;border-radius:12px;font-size:18px;cursor:pointer}.canvas-shell{position:relative;background:#0c3954;display:flex;align-items:center;justify-content:center;min-height:440px;overflow:hidden;touch-action:none}.canvas-shell canvas{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;box-shadow:0 0 0 1px rgba(255,255,255,.05)}.canvas-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(10,30,45,.72);color:#fff;padding:6px 11px;border-radius:999px;font-size:12px;backdrop-filter:blur(7px);white-space:nowrap;pointer-events:none}.timeline-row{display:grid;grid-template-columns:auto 1fr 42px;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #e7eef3}.play-main{border:0;background:#102a43;color:#fff;border-radius:999px;padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer}.timeline-row input{width:100%;accent-color:#10a37f}.timeline-row>span{text-align:center;font-variant-numeric:tabular-nums;color:#486581}.preview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 16px}.casamap-editor{overflow:visible}.editor-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:8px;background:#edf3f7;border-bottom:1px solid #dbe6ee;position:sticky;top:72px;z-index:4}.editor-tab{border:0;background:transparent;padding:11px 7px;border-radius:12px;font-weight:800;color:#627d98;cursor:pointer}.editor-tab.active{background:#fff;color:#102a43;box-shadow:0 3px 12px rgba(16,42,67,.09)}.editor-pane{display:none;padding:14px}.editor-pane.active{display:block}.compact-panel{box-shadow:none;margin:0 0 14px;border-radius:16px;padding:16px}.compact-panel h2,.compact-panel h3{margin-top:0}.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-title-row h2{margin-bottom:3px}.section-title-row p{margin:0;color:#627d98}.count-chip{background:#e9f7f2;color:#087a60;padding:5px 10px;border-radius:999px}.quick-templates{display:flex;gap:7px;overflow:auto;padding:12px 0 8px;scrollbar-width:none}.quick-templates::-webkit-scrollbar{display:none}.quick-templates button{flex:0 0 auto;border:1px solid #d6e3eb;background:#f7fafc;border-radius:999px;padding:8px 11px;cursor:pointer;font-size:12px}.quick-templates button:hover{border-color:#10a37f;color:#087a60}.add-stop-row{display:grid;grid-template-columns:1fr auto;gap:9px;margin:10px 0}.add-stop-row select{min-width:0}.stops-list{display:grid;gap:8px;margin:11px 0}.stop-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #dbe6ee;border-radius:14px;padding:9px;background:#fff}.stop-marker{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#102a43;color:#fff;font-weight:900}.stop-card input{border:0;background:transparent;padding:4px 0;width:100%;font-weight:800;color:#102a43}.stop-card input:focus{outline:0;border-bottom:1px solid #10a37f}.stop-sub{font-size:11px;color:#829ab1}.stop-actions{display:flex;gap:4px}.stop-actions button{width:30px;height:30px;border:0;background:#eef4f7;border-radius:9px;cursor:pointer}.stop-actions button.danger{color:#b42318;background:#fff0ee}.btn-block{width:100%}.map-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.map-fields .full{grid-column:1/-1}.field-v18 input[type=color]{height:46px;padding:4px}.toggle-stack{display:grid;gap:8px;margin-top:12px}.toggle-stack .switch-row-v18{margin:0}.export-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.export-card{min-height:105px;border:1px solid #dbe6ee;background:#f8fbfd;border-radius:15px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;text-align:center;color:#102a43}.export-card:hover{border-color:#10a37f;background:#f0fbf7}.export-card span{font-size:25px}.export-card small{color:#829ab1}.file-card{margin:0}.privacy-note{background:#eaf8f2;color:#075d48;padding:11px;border-radius:13px}.share-summary{white-space:pre-line;background:#f2f6f9;border:1px dashed #b8cad8;border-radius:13px;padding:13px;margin:14px 0;font-size:13px}.warning-panel{background:#fff9e8;border-color:#f1da8a}.static-card{cursor:default}.map-toast{position:fixed;z-index:9999;bottom:92px;left:50%;transform:translate(-50%,20px);background:#102a43;color:#fff;padding:10px 15px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 30px rgba(0,0,0,.2)}.map-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.casamap-layout{grid-template-columns:1fr}.casamap-preview-panel{position:relative;top:auto}.casamap-editor{overflow:hidden}.editor-tabs{top:0}.canvas-shell{min-height:380px}.canvas-shell canvas{max-height:64vh}}
@media(max-width:640px){.casamap-workspace{padding:8px 0 24px}.casamap-layout{gap:10px}.casamap-preview-panel,.casamap-editor{border-radius:17px}.casamap-preview-head{padding:10px 12px}.canvas-shell{min-height:310px}.canvas-shell canvas{max-height:56vh}.canvas-hint{font-size:10px}.timeline-row{padding:10px;gap:8px}.play-main{padding:9px 12px}.preview-actions{padding:0 10px 10px;gap:7px}.preview-actions .btn{padding-inline:7px;font-size:12px}.editor-pane{padding:9px}.compact-panel{padding:13px}.map-fields{grid-template-columns:1fr}.map-fields .full{grid-column:auto}.editor-tab{font-size:12px;padding:10px 3px}.export-grid{gap:8px}.export-card{min-height:92px}.stop-actions button{width:28px;height:28px}.tool-hero-v18.casamap-hero{padding-bottom:25px}}

/* V20.1 — real Natural Earth map + touch rotation */
.vehicle-rotation-box{margin-top:14px;padding:14px;border:1px solid #d7e5ed;border-radius:16px;background:linear-gradient(145deg,#f7fbfd,#eef8f5)}
.rotation-title{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.rotation-title>span:nth-child(2){display:grid;gap:2px}.rotation-title small{color:#627d98;font-size:11px}.rotation-title output{min-width:48px;padding:5px 8px;border-radius:999px;background:#102a43;color:#fff;text-align:center;font-weight:900;font-variant-numeric:tabular-nums}
.rotation-vehicle-preview{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #dbe6ee;font-size:23px;box-shadow:0 5px 14px rgba(16,42,67,.10);transition:transform .16s ease}
.rotation-control-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:13px}.rotation-control-row input{width:100%;accent-color:#10a37f}.rotation-step{min-width:52px;height:38px;border:1px solid #cbdbe5;background:#fff;border-radius:11px;font-weight:900;color:#102a43;cursor:pointer}.rotation-step:active{transform:scale(.96)}
.rotation-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.btn-small{padding:9px 10px;font-size:12px}.rotation-actions #rotateOnMap.active{background:#102a43;color:#fff;border-color:#102a43;box-shadow:0 0 0 4px rgba(16,163,127,.12)}.rotation-auto{margin-top:10px!important;background:#fff!important}
.canvas-shell.rotation-active{box-shadow:inset 0 0 0 3px rgba(16,163,127,.55)}
@media(max-width:640px){.vehicle-rotation-box{padding:12px}.rotation-title{grid-template-columns:auto 1fr}.rotation-title output{grid-column:1/-1;justify-self:stretch}.rotation-actions{grid-template-columns:1fr}.rotation-control-row{gap:6px}.rotation-step{min-width:47px;padding:0 5px}}

/* CasaMap V21 — Overture Maps live preview */
.overture-live-wrap{border:1px solid #d8e5eb;border-radius:20px;overflow:hidden;background:#fff;margin-bottom:12px}.overture-live-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e4edf1}.overture-live-head span{display:flex;align-items:baseline;gap:8px}.overture-live-head small{color:#6a7887}.overture-map{height:360px;background:#dbeaf1}.overture-note{padding:8px 12px;font-size:.75rem;color:#6a7887;background:#f8fbfd}.overture-vehicle{font-size:30px;line-height:1;filter:drop-shadow(0 4px 4px rgba(0,0,0,.28));transform-origin:center center}.overture-stop{width:16px;height:16px;border-radius:50%;border:3px solid #fff;background:#c1272d;box-shadow:0 2px 7px rgba(0,0,0,.25)}.overture-live-wrap.collapsed .overture-map,.overture-live-wrap.collapsed .overture-note{display:none}@media(max-width:700px){.overture-map{height:300px}}