/* OilStation SaaS Plan workspace: progressive creation, readable cards and accessible actions. */
#app.workspace-mode .os-plan-manager{grid-column:1/-1;border-radius:18px;padding:clamp(16px,2.6vw,25px);background:#fff}
#app.workspace-mode .os-plan-manager-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
#app.workspace-mode .os-plan-manager-header h3{font-size:18px;margin:0 0 4px;color:#173a42}
#app.workspace-mode .os-plan-manager-header p{color:#627985;font-size:12px;line-height:1.65;margin:0}
#app.workspace-mode .os-plan-vat-notice{font-size:12px;line-height:1.65;padding:11px 13px;margin:13px 0 0;border:1px solid #efdbac;border-radius:11px;background:#fffaf0;color:#8c5d23}
#app.workspace-mode .os-plan-vat-notice[data-ready="true"]{border-color:#c9e7d7;background:#f2faf5;color:#286f50}
#app.workspace-mode .os-plan-toolbar{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}
#app.workspace-mode .os-plan-toolbar>.button{width:auto;margin:0;min-height:42px;white-space:nowrap}
#app.workspace-mode .os-plan-search{margin:0;min-width:min(250px,100%);font-size:12px}
#app.workspace-mode .os-plan-search input{min-height:42px;width:100%;background:#f8fbfa;border:1px solid #d9e7e4;border-radius:10px;padding:9px 13px}
#app.workspace-mode .os-plan-search input:focus-visible,
#app.workspace-mode .os-plan-editor :is(input,select):focus-visible,
#app.workspace-mode .os-plan-confirm .button:focus-visible{outline:3px solid #0a967f;outline-offset:2px}
#app.workspace-mode .os-plan-manager .saas-plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:13px;margin-top:15px}
#app.workspace-mode .os-plan-card{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:19px;background:#fcfefd;border:1px solid #d7e8e4;border-radius:15px;align-items:stretch;margin:0;min-width:0}
#app.workspace-mode .os-plan-card:hover{border-color:#a4d6c5;box-shadow:0 7px 20px #1856480e}
#app.workspace-mode .os-plan-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
#app.workspace-mode .os-plan-name-row strong{color:#173c46;font-size:15px;overflow-wrap:anywhere}
#app.workspace-mode .os-plan-name-row span{flex:none;border-radius:999px;padding:4px 8px;background:#e6f5ee;color:#0f7560;font-size:10px;font-weight:700}
#app.workspace-mode .os-plan-card .saas-plan-meta small{font-size:11px;color:#64808a;overflow-wrap:anywhere}
#app.workspace-mode .os-plan-card .saas-plan-prices{display:grid;gap:9px;text-align:left;padding:13px 14px;background:#f2f8f6;border-radius:10px;font-size:12px;color:#395964}
#app.workspace-mode .os-plan-card .saas-plan-prices strong{border-top:1px solid #dbeae5;padding-top:11px;font-size:15px;color:#08786a}
#app.workspace-mode .os-plan-row-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}
#app.workspace-mode .os-plan-row-actions .button{margin:0!important;width:auto;min-height:38px;border-radius:9px;padding:8px 13px}
#app.workspace-mode .os-plan-row-actions .saas-plan-delete{color:#a14845;background:#fff7f6;border:1px solid #f1d4d2}
#app.workspace-mode .os-plan-empty{display:grid;gap:11px;justify-items:center;text-align:center;grid-column:1/-1;background:#f8fbfa;border:1px dashed #b7d8cd;border-radius:14px;padding:36px 18px}
#app.workspace-mode .os-plan-empty strong{font-size:15px;color:#30595b}
#app.workspace-mode .os-plan-empty p{font-size:12px;color:#6b858d;margin:0}
#app.workspace-mode .os-plan-empty .button{width:auto;margin:0}
#app.workspace-mode .os-plan-editor{grid-column:1/-1;display:grid;gap:18px;border-radius:18px;background:#fff;border:1px solid #acd4c6;box-shadow:0 8px 25px #16594812}
#app.workspace-mode .os-plan-editor[hidden]{display:none!important}
#app.workspace-mode .os-plan-form-head{padding-bottom:13px;border-bottom:1px solid #e2ece7}
#app.workspace-mode .os-plan-form-head h3{margin:0 0 5px;font-size:19px;color:#164d4f}
#app.workspace-mode .os-plan-form-head p{margin:0;font-size:12px;color:#697e88;line-height:1.65}
#app.workspace-mode .os-plan-section{border:0;border-top:1px solid #e6efeb;padding:17px 0 0;min-width:0;margin:0}
#app.workspace-mode .os-plan-section legend{font-size:14px;font-weight:800;color:#126c60;padding-right:12px}
#app.workspace-mode .os-plan-basics,#app.workspace-mode .os-plan-section .os-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:start}
#app.workspace-mode .os-plan-basics .field:first-child{grid-column:auto}
#app.workspace-mode .os-plan-section .os-price-grid .field:last-child{grid-column:auto;border-top:0;padding-top:0}
#app.workspace-mode .os-plan-section .field{min-width:0;font-size:12px;color:#36565d}
#app.workspace-mode .os-plan-section .field input,#app.workspace-mode .os-plan-section .field select{width:100%;min-height:45px;border:1px solid #d0e0da;border-radius:10px;background:#fcfefd;padding:10px 12px;font:inherit}
#app.workspace-mode .os-plan-section>p{font-size:12px;color:#65838a;line-height:1.65;margin:12px 0 0}
#app.workspace-mode .os-plan-advanced{margin-top:15px;background:#f4faf7;border:1px solid #dfebe5;border-radius:10px;padding:12px 14px}
#app.workspace-mode .os-plan-advanced summary{cursor:pointer;font-size:12px;font-weight:730;color:#337169}
#app.workspace-mode .os-plan-advanced .field{max-width:420px;margin-top:12px}
#app.workspace-mode .os-plan-advanced p{font-size:11px;color:#64817a;margin:9px 0 0}
#app.workspace-mode .os-plan-price-review{display:grid;gap:10px;margin-top:16px;background:#eaf7f1;border:1px solid #cde8dd;border-radius:12px;padding:15px;color:#235d56}
#app.workspace-mode .os-plan-price-review>strong{font-size:13px}
#app.workspace-mode .os-plan-price-review p,#app.workspace-mode .os-plan-price-review small{margin:0;font-size:12px;line-height:1.6}
#app.workspace-mode .os-plan-preview-values{display:flex;gap:12px 21px;flex-wrap:wrap;font-size:12px}
#app.workspace-mode .os-plan-preview-values strong{font-size:14px;color:#086d5c}
#app.workspace-mode .os-plan-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#app.workspace-mode .os-plan-form-actions .button{width:auto;margin:0;min-height:43px}
#app.workspace-mode .os-plan-editor .saas-simple-status{margin:0;min-height:0}
#app.workspace-mode .saas-simple-status[data-tone="error"]{color:#bd3937}
#app.workspace-mode .saas-simple-status[data-tone="warning"]{color:#996600}
#app.workspace-mode .saas-simple-status[data-tone="success"]{color:#08786a}
.os-plan-confirm{width:min(94vw,440px);max-width:440px;border-radius:19px;border:1px solid #dae9e5;background:#fff;color:#213d44;padding:25px;box-shadow:0 25px 90px #0b2d3a50}
.os-plan-confirm::backdrop{background:#061f2c8a}
.os-plan-confirm h3{font-size:18px;margin:0 0 12px;color:#213d44}
.os-plan-confirm p{font-size:13px;line-height:1.75;margin:0 0 18px}
.os-plan-confirm .os-plan-form-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.os-plan-confirm .button{width:auto;margin:0;min-height:42px}
#app.workspace-mode .os-tax-panel{grid-column:1/-1;border-radius:16px;background:#f7faf9}
@media(max-width:880px){
 #app.workspace-mode .os-plan-basics,#app.workspace-mode .os-plan-section .os-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app.workspace-mode .os-plan-basics .field:first-child,#app.workspace-mode .os-plan-section .os-price-grid .field:last-child{grid-column:1/-1}
}
@media(max-width:620px){
 #app.workspace-mode .os-plan-manager-header{display:grid}
 #app.workspace-mode .os-plan-toolbar{width:100%;display:grid;grid-template-columns:1fr auto}
 #app.workspace-mode .os-plan-toolbar>.button:last-child{grid-column:1/-1;width:100%}
 #app.workspace-mode .os-plan-search{min-width:0}
 #app.workspace-mode .os-plan-basics,#app.workspace-mode .os-plan-section .os-price-grid{grid-template-columns:1fr}
 #app.workspace-mode .os-plan-basics .field:first-child,#app.workspace-mode .os-plan-section .os-price-grid .field:last-child{grid-column:auto}
 #app.workspace-mode .os-plan-card{padding:15px}
 #app.workspace-mode .os-plan-editor{padding:16px}
 #app.workspace-mode .os-plan-form-actions .button{flex:1}
}
@media(prefers-reduced-motion:reduce){#app.workspace-mode .os-plan-card{transition:none}}