#journeyPackingPanel[hidden]{display:none!important}.jp-overlay{position:fixed;inset:0;z-index:99990;background:#f3faff;color:#18374d;overflow-y:auto;font:inherit}.jp-top{position:sticky;top:0;background:#123f70;color:white;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;z-index:1;gap:12px}.jp-top h2{font-size:1.35rem;margin:0}.jp-top button{background:#f3faff;color:#123f70;border:0;border-radius:12px;padding:12px;font-size:1rem;font-weight:700}.jp-content{max-width:720px;margin:auto;padding:16px 16px 90px}.jp-content label{display:block;font-weight:750;font-size:1rem;margin-bottom:10px}.jp-content input,.jp-content select{width:100%;box-sizing:border-box;min-height:46px;padding:10px;font:inherit;background:white;border:1px solid #9ac1d4;border-radius:10px;color:#173b53}.jp-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jp-content button{cursor:pointer;min-height:44px;border-radius:10px;padding:9px 14px;font:inherit;font-weight:750;background:#087fa3;color:white;border:0}.jp-secondary{width:100%;margin:3px 0 12px}.jp-meter{height:13px;border-radius:10px;background:#d5eaf4;overflow:hidden}.jp-meter div{height:100%;width:0;background:#16835a;transition:width .2s}#jp-progress{font-weight:750;margin:12px 0 7px}#jp-items{list-style:none;margin:14px 0;padding:0}#jp-items li{display:flex;align-items:center;gap:10px;padding:11px 6px;border-bottom:1px solid #d4e6f0}#jp-items li input{width:25px;height:25px;min-height:25px;flex-shrink:0;accent-color:#16835a}#jp-items li label{margin:0;flex:1;font-weight:600;overflow-wrap:anywhere}#jp-items li.packed label{text-decoration:line-through;opacity:.65}#jp-items li button{background:transparent;color:#12577c;border:1px solid #a6c9d9;min-height:36px;padding:4px 10px}.jp-add-row{display:flex;gap:8px}.jp-add-row input{flex:1;min-width:0}.jp-actions{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.jp-actions button{background:#e2f2fa;color:#174766}.jp-note{font-size:.85rem;color:#496b7c}@media(max-width:420px){.jp-controls{grid-template-columns:1fr}.jp-top h2{font-size:1.15rem}}
.jp-custom-note{font-size:1rem;line-height:1.5;margin:12px 0;color:inherit}

.jp-template{background:#eaf6fc;border:1px solid #acd3e5;border-radius:13px;padding:14px;margin:12px 0}.jp-template strong{font-size:1.1rem}.jp-template p{margin:7px 0 12px;line-height:1.4}.jp-template button{width:100%}

#jp-items li.jp-heading{background:#d8eef9;border-radius:10px;margin-top:15px;padding:12px}#jp-items li.jp-heading label{font-size:1.12rem;font-weight:850}#jp-items li{flex-wrap:wrap}.jp-item-actions{display:flex;gap:5px;flex-wrap:wrap;margin-left:auto}.jp-item-actions button{min-height:34px!important;padding:5px 8px!important;font-size:.85rem!important}#jp-add-heading{background:#d8eef9;color:#174766}#jp-template-title{margin-top:6px}.jp-template label{margin:10px 0}

.jp-overlay{background:linear-gradient(180deg,#eaf6fc 0%,#f7fcff 45%,#fff 100%)}.jp-top{box-shadow:0 3px 14px rgba(10,65,110,.18)}.jp-content button:focus-visible,.jp-content input:focus-visible,.jp-content select:focus-visible{outline:3px solid #36b8db;outline-offset:2px}.jp-content button:active{filter:brightness(.9)}

/* Journey Packing — sunshine holiday palette */
#journeyPackingPanel.jp-overlay{background:linear-gradient(160deg,#fff7d9 0%,#fffdf4 45%,#e9fff6 100%);color:#263746}
#journeyPackingPanel .jp-top{background:linear-gradient(105deg,#f06443 0%,#ff9b3d 55%,#ffc94f 100%);color:#292c35;box-shadow:0 3px 16px rgba(155,70,28,.2)}
#journeyPackingPanel .jp-top button{background:#fffdf5;color:#7c3425;border:2px solid #fff}
#journeyPackingPanel .jp-content button{background:#f06443;color:#fff;border:1px solid #bd442d}
#journeyPackingPanel .jp-content button:hover{filter:brightness(.96)}
#journeyPackingPanel .jp-content input,#journeyPackingPanel .jp-content select{background:#fff;border:2px solid #e9b975;color:#263746}
#journeyPackingPanel .jp-template{background:#fff0bc;border:2px solid #ffc65a}
#journeyPackingPanel #jp-items li.jp-heading{background:#ffe3a3;border-left:5px solid #ed7946}
#journeyPackingPanel #jp-items li{border-bottom-color:#f3dcb7}
#journeyPackingPanel #jp-items li button{background:#fff8e9;color:#703d34;border:1px solid #e9b975}
#journeyPackingPanel #jp-add-heading{background:#ffe3a3;color:#603827;border:2px solid #efbb66}
#journeyPackingPanel .jp-actions button{background:#d4f7e9;color:#175744;border:2px solid #79cbb0}
#journeyPackingPanel .jp-meter{background:#ffe3a3}
#journeyPackingPanel .jp-meter div{background:#15946b}
#journeyPackingPanel #jp-items li input{accent-color:#15946b}
#journeyPackingPanel .jp-note{color:#5b5d5d}
#journeyPackingPanel .jp-content button:focus-visible,#journeyPackingPanel .jp-content input:focus-visible,#journeyPackingPanel .jp-content select:focus-visible{outline:3px solid #008b78;outline-offset:2px}

/* Readability fix: keep item text at its original size, on its own line.
   Place edit/move/section/remove controls beneath it, not beside it. */
#journeyPackingPanel #jp-items li{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:10px;row-gap:7px;padding:12px 6px}
#journeyPackingPanel #jp-items li > input[type="checkbox"]{flex:0 0 25px;margin:3px 0 0}
#journeyPackingPanel #jp-items li > label{flex:1 1 0;min-width:0;width:auto;overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.4;font-size:1rem}
#journeyPackingPanel #jp-items li.jp-heading > label{flex:1 1 100%;font-size:1.12rem;line-height:1.35}
#journeyPackingPanel #jp-items li .jp-item-actions{flex:0 0 100%;width:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:5px;margin:0}
#journeyPackingPanel #jp-items li .jp-item-actions button{white-space:nowrap;flex:0 0 auto;line-height:1.15;min-height:34px!important;padding:5px 8px!important}