.futuron-media-wrap h1{margin:0;font-size:22px;font-weight:800;color:#0f1b38;line-height:1.2;}
.futuron-media-intro{
  margin:6px 0 0;
  font-size:13px;
  line-height:1.5;
  color:#556170;
}
/* Header + settings gear (Tour / Workspace style) */
.fmm-page-head .fmm-head-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  width:100%;
}
.fmm-head-meta{flex:1 1 auto;min-width:0}
.fmm-head-tools{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  margin-left:auto;
}
.fmm-tool{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid #c5d8e6;
  background:#fff;
  color:#1f4d73;
  text-decoration:none;
  box-sizing:border-box;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease;
}
.fmm-tool:hover{
  background:#eef6fb;
  border-color:#1f4d73;
  color:#0f1b38;
}
.fmm-tool.is-active{
  border-color:#1f4d73;
  background:#e8f2fa;
  color:#0f1b38;
  box-shadow:0 0 0 2px rgba(31,77,115,.12);
}
.fmm-tool-icon{display:block;flex-shrink:0}
.fmm-settings-back-wrap{margin:10px 0 0}
.fmm-settings-back{
  display:inline-flex;
  font-size:13px;
  font-weight:700;
  color:#1f4d73;
  text-decoration:none;
}
.fmm-settings-back:hover{color:#0f1b38;text-decoration:underline}

/* In-app manage (settings gear) */
.fmm-manage{display:grid;gap:16px;margin-top:4px}
.fmm-manage-card{
  border:1px solid #d3e3ed;
  border-radius:16px;
  background:#fff;
  padding:16px 16px 18px;
  box-shadow:0 8px 22px rgba(10,35,64,0.06);
}
.fmm-manage-title{
  margin:0 0 12px;
  font-size:16px;
  font-weight:800;
  color:#0f1b38;
}
.fmm-help{
  margin:0 0 12px;
  font-size:13px;
  color:#556170;
  line-height:1.45;
}
.fmm-grid-2{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-bottom:12px;
}
@media (min-width:700px){
  .fmm-grid-2{grid-template-columns:1fr 1fr}
}
.fmm-field label{
  display:block;
  margin:0 0 6px;
  font-size:12px;
  font-weight:700;
  color:#1f4d73;
}
.fmm-field input[type="text"],
.fmm-field input[type="url"],
.fmm-field select,
.fmm-field textarea{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  border:1px solid #c5d8e6;
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  color:#0f1b38;
  background:#fff;
}
.fmm-field textarea{resize:vertical;min-height:72px}
.fmm-check{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:0 0 14px;
  font-size:13px;
  font-weight:600;
  color:#0f1b38;
  cursor:pointer;
}
.fmm-check input{margin-top:3px}
.fmm-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 16px;
  border-radius:12px;
  border:1px solid transparent;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
}
.fmm-btn--primary{
  background:linear-gradient(180deg,#0f1b38,#1f4d73);
  color:#fff;
  border-color:transparent;
}
.fmm-btn--ghost{
  background:#f6f9fc;
  border-color:#c5d8e6;
  color:#1f4d73;
}
.fmm-btn:disabled{opacity:.65;cursor:wait}
.fmm-preview-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.fmm-notice{
  padding:12px 14px;
  border-radius:12px;
  font-size:13px;
  font-weight:600;
}
.fmm-notice--success{
  background:#e8f7ee;
  border:1px solid #b7e0c4;
  color:#1d6b34;
}
.fmm-notice--error{
  background:#fdecea;
  border:1px solid #f5c2c0;
  color:#b32d2e;
}
.fmm-edit-standalone{
  margin-top:12px;
  padding:14px;
  border:1px solid #c5d8e6;
  border-radius:14px;
  background:#f6f9fc;
}
.fmm-edit-heading{margin:0 0 12px;font-size:14px;color:#0f1b38}
.fmm-edit-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.fmm-manage .futuron-media-sort-row{
  grid-template-columns:28px 64px 1fr auto;
  gap:10px;
}
@media (max-width:700px){
  .fmm-manage .futuron-media-sort-row{
    grid-template-columns:28px 56px 1fr;
  }
  .fmm-manage .futuron-media-sort-important,
  .fmm-manage .futuron-media-sort-actions{
    grid-column:1 / -1;
  }
}
.fmm-manage .button-link,
.fmm-manage .button-link-delete{
  background:none;
  border:0;
  padding:0;
  color:#1f4d73;
  font-weight:700;
  cursor:pointer;
  font-size:12px;
}
.fmm-manage .button-link-delete{color:#b32d2e}
.futuron-media-wrap .futuron-app-tabs{
  margin:0 0 14px;
}
.futuron-media-panel{display:none;}
.futuron-media-panel.is-active{display:block;}
.futuron-media-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
@media (min-width:700px){
  .futuron-media-grid{
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  }
}
.futuron-media-card{
  position:relative;
  border:1px solid #d3e3ed;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 10px 24px rgba(10,35,64,0.08);
}
.futuron-media-card.is-highlighted{
  outline:3px solid rgba(201,139,46,0.55);
  outline-offset:2px;
}
.futuron-media-card.is-important,
.futuron-media-card.is-featured{
  border-color:rgba(201,139,46,0.45);
  background:linear-gradient(180deg,#fffdf8 0%,#fff 42%);
  box-shadow:0 16px 34px rgba(201,139,46,0.16);
}
.futuron-media-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  padding:4px 8px;
  border-radius:999px;
  background:linear-gradient(180deg,#c98b2e,#a66f12);
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:0.06em;
  text-transform:uppercase;
}
.futuron-media-thumb{
  display:block;
  aspect-ratio:16/9;
  background:#0f1b38;
  overflow:hidden;
  position:relative;
}
.futuron-media-thumb img{width:100%;height:100%;object-fit:cover;}
.futuron-media-thumb-fallback{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:42px;
}
.futuron-media-body{
  padding:14px;
  display:grid;
  gap:12px;
}
.futuron-media-copy{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
.futuron-media-pen{
  flex-shrink:0;
  width:34px;
  height:34px;
  border-radius:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#f4fafb,#e8f0f5);
  color:#2f7a8a;
  margin-top:1px;
}
.futuron-media-copy-text{
  min-width:0;
  flex:1 1 auto;
}
.futuron-media-body h3{
  margin:0 0 4px;
  font-size:15.5px;
  line-height:1.35;
  color:#0f1b38;
}
.futuron-media-body p{
  margin:0;
  font-size:13px;
  color:#556170;
  line-height:1.45;
}
/* Footer: small WA + Copy left of Open */
.futuron-media-footer-actions{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.futuron-media-icon-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}
.futuron-media-icon-btn{
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  padding:0;
  border-radius:10px;
  border:1px solid rgba(15,27,56,0.1);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  text-decoration:none !important;
  box-shadow:0 2px 8px rgba(10,35,64,0.07);
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
  -webkit-tap-highlight-color:transparent;
}
.futuron-media-icon-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(10,35,64,0.11);
}
.futuron-media-icon-btn:active{
  transform:scale(0.96);
}
.futuron-media-icon-btn svg{
  display:block;
}
.futuron-media-icon-btn--wa{
  background:linear-gradient(180deg,#25d366,#1ebe57);
  border-color:transparent;
  color:#fff !important;
}
.futuron-media-icon-btn--copy{
  background:linear-gradient(180deg,#f7ffff,#e6f3f7);
  border-color:rgba(47,122,138,0.22);
  color:#1f4d73 !important;
}
.futuron-media-icon-btn--copy.is-copied{
  background:linear-gradient(180deg,#e8fff0,#d4f7df);
  border-color:rgba(37,160,70,0.28);
  color:#1d6b34 !important;
}
.futuron-media-icon-btn--copy .futuron-media-icon-check[hidden],
.futuron-media-icon-btn--copy.is-copied .futuron-media-icon-copy{
  display:none !important;
}
.futuron-media-icon-btn--copy.is-copied .futuron-media-icon-check{
  display:block !important;
}
/* Open fills remaining width beside icons */
.futuron-media-btn--open,
.futuron-media-btn--open:visited,
.futuron-media-btn--open:hover,
.futuron-media-btn--open:focus,
.futuron-app-shell a.futuron-media-btn--open,
.futuron-app-shell a.futuron-media-btn--open:visited,
.futuron-app-shell a.futuron-media-btn--open:hover,
.futuron-app-shell a.futuron-media-btn--open:focus{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1 1 auto;
  width:auto;
  min-width:0;
  min-height:34px;
  padding:8px 12px;
  border-radius:10px;
  border:0;
  background:linear-gradient(180deg,#0f1b38,#1f4d73);
  color:#fff !important;
  font-size:13px;
  font-weight:800;
  text-decoration:none !important;
  text-align:center;
  line-height:1.2;
  box-shadow:0 6px 14px rgba(15,27,56,0.16);
}
.futuron-media-btn:disabled,
.futuron-media-icon-btn:disabled{
  opacity:0.7;
  cursor:wait;
}
@media (max-width:380px){
  .futuron-media-footer-actions{
    gap:6px;
  }
  .futuron-media-icon-btn{
    width:32px;
    height:32px;
    min-width:32px;
    min-height:32px;
  }
  .futuron-media-pen{
    width:32px;
    height:32px;
  }
}

/* Desktop media rail styles live in app-shell.css (always loaded on shell pages). */