.package-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.package-metric-grid article{position:relative;overflow:hidden;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:0 12px;padding:17px 18px;border:1px solid #d8e2e9;border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(14,160,155,.11),transparent 40%),linear-gradient(145deg,#fff,#f5f8fa);box-shadow:inset 0 1px #fff,0 8px 18px rgba(17,46,67,.08)}.package-metric-grid i{grid-row:1/3;align-self:center;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#008d86;background:linear-gradient(145deg,#d9fbf7,#b8e9e5);font-size:22px;box-shadow:inset 0 1px #fff,0 4px 8px rgba(0,120,114,.13)}.package-metric-grid small{color:#687e8e;font-weight:700}.package-metric-grid strong{color:#10293e;font-size:24px;line-height:1.1}.package-directory-card,.package-editor{border-radius:20px}.package-directory-tools{display:grid;grid-template-columns:minmax(260px,1fr) 190px;gap:12px;margin:18px 0}.package-search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #cad8e1;border-radius:12px;background:#f8fafb}.package-search input{width:100%;height:44px;border:0!important;outline:0;background:transparent!important}.package-directory-tools select{height:46px;padding:0 12px;border:1px solid #cad8e1;border-radius:12px;background:#fff}.package-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.package-card-grid>article{padding:18px;border:1px solid #d7e1e8;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(15,155,149,.1),transparent 36%),linear-gradient(145deg,#fff,#f6f9fa);box-shadow:inset 0 1px #fff,0 7px 15px rgba(25,51,68,.07)}.package-card-heading{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:start}.package-suitcase{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#087e7a;background:linear-gradient(145deg,#dffbf8,#b9e6e2);font-size:23px}.package-card-heading small,.package-card-heading p{color:#6c8190}.package-card-heading h3{margin:3px 0;color:#102a3e;font-size:17px}.package-card-heading p{margin:0;font-size:13px}.package-price{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;padding:12px;border:1px solid #dbe4ea;border-radius:13px;background:rgba(244,248,250,.82)}.package-price span{display:grid;gap:3px}.package-price small,.package-facts small,.package-card-actions small{color:#748896;font-size:11px}.package-price strong{color:#1c394d;font-size:13px}.package-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.package-facts span{display:grid;padding:8px 10px;border-radius:10px;background:rgba(8,133,126,.07)}.package-facts strong{color:#126a68}.package-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #dce5ea}.package-card-actions a{white-space:nowrap;color:#087d79;font-weight:800}.package-empty{text-align:center;padding:30px;color:#647a89}.package-version-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.package-version-strip article{display:grid;gap:4px;padding:13px 15px;border:1px solid #d6e1e7;border-radius:13px;background:linear-gradient(145deg,#fff,#f3f7f9);box-shadow:inset 0 1px #fff,0 5px 10px rgba(22,48,65,.06)}.package-version-strip small{color:#708695}.package-version-strip strong{color:#163348}.package-status-published{color:#08776f!important}.package-status-draft{color:#a56609!important}.package-editor-heading,.package-services-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.package-editor-heading{margin-bottom:18px}.package-fields{grid-template-columns:2fr 1.4fr 1fr 1fr 1fr}.package-fields label{min-width:0}.package-lock{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;color:#0a6d68;background:#ddf6f2;font-weight:800}.package-services-heading{margin:25px 0 12px;padding-top:20px;border-top:1px solid #dce4e9}.package-service-list{display:grid;gap:9px}.package-service-row{display:grid;grid-template-columns:18px 105px minmax(180px,1fr) 76px 105px 92px 92px 110px 32px;gap:7px;align-items:end;padding:10px;border:1px solid #d6e1e7;border-radius:13px;background:linear-gradient(145deg,#fbfdfe,#f1f6f8)}.package-service-row label{display:grid;gap:4px;min-width:0}.package-service-row small,.package-line-total small{color:#6a8191;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.package-service-row input,.package-service-row select{width:100%;height:37px;padding:6px 8px;border:1px solid #c8d7df;border-radius:9px;background:#fff;color:#183247}.package-drag{align-self:center;color:#93a8b4}.package-line-total{display:grid;gap:5px;align-self:center;text-align:right}.package-line-total strong{color:#0a7570;font-size:13px}.package-remove{align-self:center;width:30px;height:30px;border:1px solid #e3c9c9;border-radius:9px;color:#a73737;background:#fff4f4;font-size:20px}.package-total-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:13px;padding:15px 18px;border:1px solid #9fd8d2;border-radius:15px;background:radial-gradient(circle at 0 0,rgba(255,255,255,.8),transparent 42%),linear-gradient(145deg,#e7faf7,#d2efec)}.package-total-panel span{display:grid}.package-total-panel small{color:#4c7c79;font-weight:800}.package-total-panel strong{color:#075f5b;font-size:25px}.package-total-panel em{font-size:14px;font-style:normal}.package-total-panel p{max-width:430px;margin:0;color:#557977;text-align:right}.package-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.package-notes-grid label{display:grid;gap:7px;color:#2b4659;font-weight:800}.package-notes-grid textarea{padding:11px;border:1px solid #cbd9e1;border-radius:11px;resize:vertical}.package-save-bar{margin-top:18px}.package-governance-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:18px 20px;border:1px solid #a9dcd7;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(19,157,150,.14),transparent 38%),linear-gradient(145deg,#f5fffd,#eaf7f5);box-shadow:inset 0 1px #fff,0 7px 14px rgba(20,84,82,.07)}.package-governance-card>div{display:flex;gap:14px;align-items:center}.package-governance-card h2{margin:2px 0 4px;color:#15384a}.package-governance-card p{margin:0;color:#5d787f}.package-governance-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:14px;color:#087a74;background:#ccefeb;font-size:24px}.package-feedback{margin-bottom:14px;padding:12px 15px;border-radius:11px;font-weight:700}.package-feedback.is-success{color:#05665f;background:#dcf7f2}.package-feedback.is-error{color:#9d2e2e;background:#fde6e6}
html[data-theme="dark"] .package-metric-grid article,html[data-theme="dark"] .package-card-grid>article,html[data-theme="dark"] .package-version-strip article{background:radial-gradient(circle at 100% 0,rgba(18,152,149,.12),transparent 36%),linear-gradient(145deg,#142838,#0d1d2b);border-color:#2c4556;box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 16px rgba(0,0,0,.22)}html[data-theme="dark"] .package-metric-grid strong,html[data-theme="dark"] .package-card-heading h3,html[data-theme="dark"] .package-price strong,html[data-theme="dark"] .package-version-strip strong{color:#e2edf4}html[data-theme="dark"] .package-search,html[data-theme="dark"] .package-price,html[data-theme="dark"] .package-service-row{background:#0d1d2b;border-color:#304858}html[data-theme="dark"] .package-directory-tools select,html[data-theme="dark"] .package-service-row input,html[data-theme="dark"] .package-service-row select,html[data-theme="dark"] .package-notes-grid textarea{color:#dce8f2;background:#0b1927;border-color:#30485b}html[data-theme="dark"] .package-total-panel,html[data-theme="dark"] .package-governance-card{background:radial-gradient(circle at 100% 0,rgba(18,152,149,.16),transparent 36%),linear-gradient(145deg,#123039,#0d252d);border-color:#2c6662}html[data-theme="dark"] .package-total-panel p,html[data-theme="dark"] .package-governance-card p{color:#8facad}html[data-theme="dark"] .package-governance-card h2,html[data-theme="dark"] .package-notes-grid label{color:#dce9ef}
@media(max-width:1180px){.package-fields{grid-template-columns:repeat(3,1fr)}.package-service-row{grid-template-columns:18px 95px minmax(170px,1fr) 68px 95px 82px 82px 100px 30px;gap:5px}.package-service-row input,.package-service-row select{padding:5px}}
@media(max-width:860px){.package-metric-grid,.package-version-strip{grid-template-columns:repeat(2,1fr)}.package-card-grid{grid-template-columns:1fr}.package-fields{grid-template-columns:1fr 1fr}.package-service-row{grid-template-columns:1fr 1fr;gap:9px;padding:13px}.package-drag{display:none}.package-description{grid-column:1/3}.package-line-total{align-self:end;padding:8px;text-align:left}.package-remove{position:absolute;right:15px}.package-service-row{position:relative}.package-notes-grid{grid-template-columns:1fr}.package-total-panel,.package-governance-card{align-items:flex-start;flex-direction:column}.package-total-panel p{text-align:left}.package-governance-card form,.package-governance-card button{width:100%}}
@media(max-width:520px){.package-metric-grid,.package-version-strip,.package-fields{grid-template-columns:1fr 1fr}.package-directory-tools{grid-template-columns:1fr}.package-card-heading{grid-template-columns:42px 1fr}.package-card-heading>.status{grid-column:2}.package-price{grid-template-columns:1fr}.package-page-heading .button{width:100%;text-align:center}.package-services-heading{align-items:stretch;flex-direction:column}.package-fields>label:first-child,.package-fields>label:nth-child(2){grid-column:1/3}}

/* Full operational Package service composer */
.package-service-list{gap:16px}.package-service-card{overflow:hidden;border:1px solid #ccdbe3;border-radius:18px;background:linear-gradient(145deg,#fff,#f5f8fa);box-shadow:inset 0 1px #fff,0 8px 18px rgba(19,47,66,.08)}.package-service-card__header{display:grid;grid-template-columns:46px 150px minmax(230px,1fr) 170px 34px;gap:10px;align-items:end;padding:14px 15px;background:radial-gradient(circle at 100% 0,rgba(8,151,145,.13),transparent 38%),linear-gradient(145deg,#f8fdfd,#edf5f6);border-bottom:1px solid #d3e1e7}.package-service-icon{align-self:center;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#087e79;background:linear-gradient(145deg,#d9faf6,#b9e6e2);font-size:22px;box-shadow:inset 0 1px #fff,0 5px 10px rgba(0,116,110,.14)}.package-service-card label{display:grid;gap:5px;min-width:0}.package-service-card label>span,.package-service-card__header label>span{color:#597180;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.package-service-card input,.package-service-card select,.package-service-card textarea{width:100%;min-height:39px;padding:7px 9px;border:1px solid #c8d7df;border-radius:9px;background:#fff;color:#173246;font:inherit}.package-service-card textarea{min-height:64px;resize:vertical}.package-service-card .select2-container .select2-selection--single{height:39px!important}.package-service-card .select2-selection__rendered{line-height:37px!important}.package-service-card .select2-selection__arrow{height:37px!important}.package-service-card__header .package-line-total{text-align:right}.package-service-card__header .package-line-total strong{font-size:18px}.package-service-card__header .package-line-total em{color:#667d8b;font-size:11px;font-style:normal}.package-commercial-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:15px}.package-commercial-grid .span-2{grid-column:span 2}.package-money-workbench{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;padding:0 15px 15px}.package-money-workbench>section{padding:13px;border:1px solid #d6e3e8;border-radius:13px;background:rgba(248,251,252,.88)}.package-money-workbench>section>strong{color:#173c50}.package-money-workbench>section>p{margin:3px 0 10px;color:#6c8290;font-size:12px}.package-money-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.package-money-grid--cost{grid-template-columns:repeat(3,minmax(0,1fr))}.package-type-panel{padding:16px;border-top:1px solid #d6e2e8;background:linear-gradient(180deg,#f5fafb,#eef5f7)}.package-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.package-panel-heading h3{margin:2px 0;color:#15384d}.package-panel-heading p{margin:0;color:#667f8e;font-size:12px}.button-small{padding:8px 11px!important;font-size:12px}.package-air-summary-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;margin-bottom:11px}.package-segment-list{display:grid;gap:9px}.package-segment-row{position:relative;display:grid;grid-template-columns:30px 90px 140px 86px minmax(150px,1fr) minmax(150px,1fr) 150px 150px 112px 64px 30px;gap:7px;align-items:end;padding:10px;border:1px solid #ccdae2;border-radius:12px;background:#fff;box-shadow:0 4px 9px rgba(21,52,70,.05)}.package-segment-number{align-self:center;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#fff;background:#087f79;font-weight:800}.package-segment-remove{width:29px;height:29px;border:1px solid #e3bcbc;border-radius:8px;color:#a52d2d;background:#fff0f0;font-size:18px}.package-hotel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.package-hotel-grid .span-2{grid-column:span 2}.package-service-notes{margin:0 15px 15px;border:1px solid #d5e1e7;border-radius:12px;background:#fbfdfd}.package-service-notes summary{cursor:pointer;padding:11px 13px;color:#315368;font-weight:800}.package-service-notes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 13px 13px}.package-total-panel{display:grid;grid-template-columns:repeat(3,1fr)}.package-total-panel>span:nth-child(2){text-align:center}.package-total-panel>span:nth-child(3){text-align:right}.package-service-card[data-service-type="Hotel"] .package-service-icon i:before{content:"\f19c"}.package-service-card[data-service-type="Visa"] .package-service-icon i:before{content:"\f47f"}
html[data-theme="dark"] .package-service-card{background:linear-gradient(145deg,#142838,#0d1d2b);border-color:#30495a}html[data-theme="dark"] .package-service-card__header,html[data-theme="dark"] .package-type-panel{background:radial-gradient(circle at 100% 0,rgba(18,152,149,.12),transparent 36%),linear-gradient(145deg,#132b39,#0e2230);border-color:#304858}html[data-theme="dark"] .package-money-workbench>section,html[data-theme="dark"] .package-segment-row,html[data-theme="dark"] .package-service-notes{background:#0c1c29;border-color:#304858}html[data-theme="dark"] .package-service-card input,html[data-theme="dark"] .package-service-card select,html[data-theme="dark"] .package-service-card textarea{color:#dce8f2;background:#091823;border-color:#30485b}html[data-theme="dark"] .package-panel-heading h3,html[data-theme="dark"] .package-money-workbench>section>strong{color:#dce9ef}
@media(max-width:1500px){.package-segment-row{grid-template-columns:30px 82px 125px 78px minmax(125px,1fr) minmax(125px,1fr) 135px 135px 100px 58px 28px}.package-segment-row{font-size:12px}}
@media(max-width:1180px){.package-service-card__header{grid-template-columns:44px 130px minmax(180px,1fr) 145px 32px}.package-commercial-grid{grid-template-columns:repeat(3,1fr)}.package-money-workbench{grid-template-columns:1fr}.package-segment-row{grid-template-columns:30px repeat(3,1fr)}.package-segment-number{grid-row:span 3}.package-hotel-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.package-service-card__header{grid-template-columns:42px 1fr 32px}.package-service-type{grid-column:2}.package-service-description{grid-column:1/4}.package-service-card__header .package-line-total{grid-column:1/4;text-align:left}.package-commercial-grid,.package-money-grid,.package-money-grid--cost,.package-air-summary-grid,.package-hotel-grid{grid-template-columns:1fr 1fr}.package-commercial-grid .span-2,.package-hotel-grid .span-2{grid-column:1/3}.package-segment-row{grid-template-columns:28px 1fr 1fr}.package-segment-number{grid-row:auto}.package-service-notes>div,.package-total-panel{grid-template-columns:1fr}.package-total-panel>span:nth-child(2),.package-total-panel>span:nth-child(3){text-align:left}}
.package-ground-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.package-ground-grid .span-2{grid-column:span 2}
@media(max-width:1180px){.package-ground-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.package-ground-grid{grid-template-columns:1fr 1fr}.package-ground-grid .span-2{grid-column:1/3}}
