/* OSC AI Workspace v2: account split, fluid page layout, permissions + application center.
   Loaded last and scoped to authenticated Workspace; does not alter Plan or login. */
body[data-app="workspace"] .app .content#page {
  width:100%;max-width:none;margin:0;min-width:0;
  padding-inline:clamp(18px,3.1vw,56px);
}
body[data-app="workspace"] .app .main {min-width:0;width:0;flex:1}
body[data-app="workspace"] .app .side {overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
body[data-app="workspace"] .app .sidefooter {width:100%;padding-top:12px;margin-top:auto}
body[data-app="workspace"] .app .sidefooter .nav {margin-block:2px;padding-block:10px}
body[data-app="workspace"] .app .sidefooter .account-nav-label {padding-top:10px}
body[data-app="workspace"] .app.sidebar-collapsed .sidefooter .account-nav-label {display:none}
body[data-app="workspace"] .app .side .nav[aria-current="page"] {font-weight:760}

/* Account: personal information is a full-width, responsive main pane. */
body[data-app="workspace"] .app .profile-card,
body[data-app="workspace"] .app .account-feature-panel {
  width:100%;max-width:none;min-width:0;
}
body[data-app="workspace"] .app .profile-card .field input,
body[data-app="workspace"] .app .profile-card .field select {
  width:100%;max-width:none;
}
body[data-app="workspace"] .app .profile-form {
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(16px,2.2vw,36px);
  max-width:none;
}
body[data-app="workspace"] .app .profile-identity-row {
  border-bottom:1px solid var(--mint-border);
  padding-bottom:26px;
}
body[data-app="workspace"] .app .profile-submit {
  display:flex;flex-wrap:wrap;margin-top:8px;
}
body[data-app="workspace"] .app .account-profile-hint {margin:22px 0 0}
body[data-app="workspace"] .app .account-feature-panel {
  margin-top:0;box-shadow:var(--mint-shadow);
}
body[data-app="workspace"] .app .account-feature-panel>form {max-width:min(100%,780px)}
body[data-app="workspace"] .app .account-feature-panel .security-title {
  display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap;
}
body[data-app="workspace"] .app .account-feature-panel .security-title h3 {
  margin-top:0;font-size:20px;
}
body[data-app="workspace"] .app .account-feature-panel .security-title .sub {margin-top:4px}
body[data-app="workspace"] .app .account-feature-panel #sessionList,
body[data-app="workspace"] .app .account-feature-panel #securityEventList {max-width:100%}

/* Permission dialog: the entire permission selection uses mint/teal. */
body[data-app="workspace"] .modal #permissionForm .permission-options {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:22px 0;
}
body[data-app="workspace"] .modal #permissionForm .permission-option {
  display:flex;align-items:flex-start;gap:12px;cursor:pointer;
  padding:16px 15px;border:1px solid #d5e8df;border-radius:12px;
  background:#fff;color:#1d5048;transition:border-color .16s,background .16s,box-shadow .16s;
}
body[data-app="workspace"] .modal #permissionForm .permission-option:hover {
  border-color:#8fcab7;background:#f4fbf7;
}
body[data-app="workspace"] .modal #permissionForm .permission-option:has(input:checked) {
  border-color:#83bdae;background:linear-gradient(140deg,#e4f5ec,#f3faf5);
  box-shadow:inset 0 0 0 1px rgba(91,168,156,.07);
}
body[data-app="workspace"] .modal #permissionForm .permission-option:focus-within {
  outline:2px solid #5ba89c;outline-offset:2px;
}
body[data-app="workspace"] .modal #permissionForm input[type="checkbox"] {
  flex:0 0 19px;width:19px;height:19px;min-height:19px;
  margin:2px 0 0;cursor:pointer;accent-color:#286c62 !important;
  color-scheme:light;
}
body[data-app="workspace"] .modal #permissionForm .permission-option span {display:flex;flex-direction:column;gap:5px}
body[data-app="workspace"] .modal #permissionForm .permission-option strong {color:#173f3f;font-size:14px}
body[data-app="workspace"] .modal #permissionForm .permission-option small {color:#65877c;font-size:12px;line-height:1.55}
body[data-app="workspace"] .modal #permissionForm .permission-actions {margin-top:23px}

/* Application center: distinguish the four primary destinations from activity history. */
body[data-app="workspace"] .app .catalog-showcase {
  position:relative;overflow:hidden;
  padding:clamp(19px,2.3vw,33px);
  border:1px solid #badbd0;border-radius:22px;
  background:
    radial-gradient(ellipse 72% 104% at 100% 0%,rgba(91,168,156,.22),transparent 65%),
    radial-gradient(ellipse 72% 100% at 0% 100%,rgba(170,220,205,.28),transparent 75%),
    linear-gradient(135deg,#f0faf5 0%,#e8f6ee 55%,#f8fcf9 100%);
  box-shadow:0 25px 70px rgba(23,63,63,.07),0 2px 7px rgba(23,63,63,.03);
}
body[data-app="workspace"] .app .catalog-showcase-intro {
  position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;
  gap:18px;margin-bottom:27px;
}
body[data-app="workspace"] .app .catalog-showcase-eyebrow {
  display:block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#398477;
}
body[data-app="workspace"] .app .catalog-showcase-intro h2 {
  margin:0 0 7px;font-weight:810;letter-spacing:-.7px;
  font-size:clamp(22px,2.25vw,29px);color:#173f3f;
}
body[data-app="workspace"] .app .catalog-showcase-intro p {
  margin:0;color:#598176;font-size:13px;line-height:1.65;
}
body[data-app="workspace"] .app .catalog-showcase-count {
  display:flex;flex-direction:column;align-items:center;min-width:75px;flex-shrink:0;
  border-left:1px solid #b9ded0;padding-left:21px;color:#275f54;
}
body[data-app="workspace"] .app .catalog-showcase-count strong {
  font-size:42px;font-weight:780;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-2.4px;
}
body[data-app="workspace"] .app .catalog-showcase-count small {font-size:11px;margin-top:5px;white-space:nowrap}
body[data-app="workspace"] .app .app-catalog-grid {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);
  align-items:stretch;
}
body[data-app="workspace"] .app .cards>.app-catalog-card {
  --card-ink:#245e54;--card-soft:#d8efe4;--card-paper:#f8fffa;
  position:relative;isolation:isolate;min-width:0;min-height:360px;
  display:flex;flex-direction:column;gap:0;
  overflow:hidden;padding:19px 19px 18px;border-radius:17px;
  border:1px solid #c2dfd2;
  background:linear-gradient(159deg,#fff 0%,var(--card-paper) 73%,#e8f7ee 100%);
  box-shadow:0 8px 24px rgba(23,63,63,.065),0 1px 4px rgba(23,63,63,.03);
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
body[data-app="workspace"] .app .cards>.app-catalog-card[data-app-id="content"] {--card-ink:#267466;--card-soft:#d5f1e6;--card-paper:#f8fffb}
body[data-app="workspace"] .app .cards>.app-catalog-card[data-app-id="geo"] {--card-ink:#247875;--card-soft:#d6f0ed;--card-paper:#f6fcfb}
body[data-app="workspace"] .app .cards>.app-catalog-card[data-app-id="plan"] {--card-ink:#477d5d;--card-soft:#e0f1df;--card-paper:#fafff7}
body[data-app="workspace"] .app .cards>.app-catalog-card[data-app-id="bidding"] {--card-ink:#3b746b;--card-soft:#ddecdf;--card-paper:#f9fefa}
body[data-app="workspace"] .app .cards>.app-catalog-card::after {
  content:"";position:absolute;inset:auto -30px -90px auto;width:210px;height:210px;
  border-radius:50%;background:var(--card-soft);opacity:.32;z-index:-1;
}
body[data-app="workspace"] .app .cards>.app-catalog-card:hover,
body[data-app="workspace"] .app .cards>.app-catalog-card:focus-within {
  transform:translateY(-5px);border-color:#8fc7b3;
  box-shadow:0 22px 40px rgba(23,63,63,.11),0 4px 12px rgba(23,63,63,.05);
}
body[data-app="workspace"] .app .app-catalog-top {
  display:flex;align-items:center;justify-content:space-between;gap:9px;
}
body[data-app="workspace"] .app .app-catalog-index {
  color:#71968b;font-size:10px;font-weight:790;letter-spacing:.09em;white-space:nowrap;
}
body[data-app="workspace"] .app .app-catalog-tag {
  padding:5px 8px;margin:0;font-size:10px;white-space:nowrap;
  color:#286a55;background:#e2f4e9;border:1px solid #cbe9dc;
}
body[data-app="workspace"] .app .app-catalog-card--restricted .app-catalog-tag,
body[data-app="workspace"] .app .app-catalog-card--coming_soon .app-catalog-tag {
  color:#667e74;background:#eff4ee;border-color:#dee9df;
}
body[data-app="workspace"] .app .app-catalog-artwork {
  position:relative;display:flex;align-items:center;justify-content:space-between;
  margin:22px 0 23px;min-height:76px;
}
body[data-app="workspace"] .app .app-catalog-icon {
  width:74px;height:74px;border:1px solid rgba(30,105,88,.10);border-radius:21px;
  background:linear-gradient(145deg,var(--card-ink),#398c7e);
  color:#fff;box-shadow:0 15px 27px rgba(40,108,98,.2);
  display:grid;place-items:center;transform:rotate(-5deg);
}
body[data-app="workspace"] .app .app-catalog-icon svg {width:39px;height:39px;transform:rotate(5deg)}
body[data-app="workspace"] .app .app-catalog-artwork-number {
  font-size:91px;line-height:1;color:var(--card-ink);opacity:.09;
  font-weight:850;letter-spacing:-8px;user-select:none;
}
body[data-app="workspace"] .app .app-catalog-info {flex:1;min-height:112px}
body[data-app="workspace"] .app .app-catalog-capability {
  color:var(--card-ink);font-size:11px;font-weight:770;letter-spacing:.025em;
}
body[data-app="workspace"] .app .app-catalog-info h3 {
  font-size:clamp(17px,1.3vw,20px);line-height:1.4;letter-spacing:-.6px;
  font-weight:810;margin:7px 0 10px;color:#173f3f;
}
body[data-app="workspace"] .app .app-catalog-info p {
  color:#658277;line-height:1.75;font-size:12px;margin:0;min-height:auto;
}
body[data-app="workspace"] .app .app-catalog-footer {
  padding-top:19px;margin-top:17px;border-top:1px solid #dae9e0;
}
body[data-app="workspace"] .app .cards>.app-catalog-card .app-catalog-open {
  display:flex;align-items:center;justify-content:space-between;
  width:100%;min-height:43px;border:0;border-radius:10px;
  padding:10px 12px 10px 16px;font-size:13px;font-weight:750;
  color:#fff;background:#286c62;box-shadow:0 5px 12px rgba(40,108,98,.13);
}
body[data-app="workspace"] .app .cards>.app-catalog-card .app-catalog-open:hover {
  color:#fff;background:#205c54;box-shadow:0 8px 18px rgba(40,108,98,.2);
}
body[data-app="workspace"] .app .app-catalog-arrow {
  display:grid;place-items:center;width:27px;height:27px;
  border-radius:7px;background:rgba(255,255,255,.16);font-size:18px;
}
body[data-app="workspace"] .app .app-catalog-unavailable {
  display:flex;align-items:center;gap:8px;padding:12px 0;
  font-size:12px;font-weight:560;color:#648078;
}
body[data-app="workspace"] .app .app-catalog-unavailable-dot {
  width:7px;height:7px;border:1px solid #8aaba0;border-radius:50%;background:#e1eee6;
}
/* Logs are secondary and initially collapsed; the audit data/API remain available. */
body[data-app="workspace"] .app .activity-panel {
  margin-top:30px;padding:0;overflow:hidden;
  background:rgba(255,255,255,.56);border:1px solid #e0ece6;
  border-radius:13px;box-shadow:none;
}
body[data-app="workspace"] .app .activity-summary {
  display:flex;align-items:center;gap:13px;list-style:none;padding:15px 19px;
  color:#4e7468;cursor:pointer;transition:background .15s;
}
body[data-app="workspace"] .app .activity-summary::-webkit-details-marker {display:none}
body[data-app="workspace"] .app .activity-summary:hover {background:#f2faf6}
body[data-app="workspace"] .app .activity-summary:focus-visible {outline:2px solid #5ba89c;outline-offset:-2px}
body[data-app="workspace"] .app .activity-summary-icon {
  width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;
  background:#e9f4ed;color:#4e8b76;border-radius:10px;font-size:20px;
}
body[data-app="workspace"] .app .activity-summary-main {display:flex;flex-direction:column;gap:2px;min-width:0}
body[data-app="workspace"] .app .activity-summary-main strong {color:#3d6256;font-size:14px;font-weight:700}
body[data-app="workspace"] .app .activity-summary-main small {font-size:11px;color:#80998e;line-height:1.5}
body[data-app="workspace"] .app .activity-expand-label {
  margin-left:auto;white-space:nowrap;font-size:12px;font-weight:700;color:#45816f;
}
body[data-app="workspace"] .app .activity-panel[open] .activity-expand-label>span {display:inline-block;transform:rotate(180deg)}
body[data-app="workspace"] .app .activity-panel-body {padding:2px 20px 20px;border-top:1px solid #e8f1ec}
body[data-app="workspace"] .app .activity-panel .activity-toolbar {margin-top:17px}

@media(max-width:1280px){
 body[data-app="workspace"] .app .app-catalog-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-app="workspace"] .app .cards>.app-catalog-card {min-height:320px}
}
@media(max-width:720px){
 body[data-app="workspace"] .app .content#page {padding-inline:16px}
 body[data-app="workspace"] .app .profile-form {grid-template-columns:1fr}
 body[data-app="workspace"] .modal #permissionForm .permission-options {grid-template-columns:1fr}
 body[data-app="workspace"] .app .catalog-showcase-count {display:none}
 body[data-app="workspace"] .app .catalog-showcase-intro {margin-bottom:19px}
 body[data-app="workspace"] .app .app-catalog-grid {grid-template-columns:1fr}
 body[data-app="workspace"] .app .cards>.app-catalog-card {min-height:300px}
 body[data-app="workspace"] .app .app-catalog-artwork {margin:12px 0 16px;min-height:67px}
 body[data-app="workspace"] .app .app-catalog-icon {width:66px;height:66px}
 body[data-app="workspace"] .app .app-catalog-icon svg {width:34px;height:34px}
 body[data-app="workspace"] .app .activity-summary-main small {max-width:200px}
}
@media(max-width:420px){
 body[data-app="workspace"] .app .catalog-showcase {padding:15px}
 body[data-app="workspace"] .app .activity-summary {padding:12px}
 body[data-app="workspace"] .app .activity-summary-icon {display:none}
 body[data-app="workspace"] .app .activity-summary-main small {display:none}
}
@media(prefers-reduced-motion:reduce){
 body[data-app="workspace"] .app .cards>.app-catalog-card,
 body[data-app="workspace"] .app .activity-summary,
 body[data-app="workspace"] .modal #permissionForm .permission-option {transition:none;transform:none}
}